@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content')
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    @if(session()->has('fail'))
        <div class="alert alert-danger">
            {{ session()->get('fail') }}
        </div>
    @endif
    <!-- Default box -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Data Node 1</h3>
        </div>
        <div class="card-body">
            <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>Sensor 1</th>
                    <th>Sensor 2</th>
                    <th>Sensor 3</th>
                    <th>Latitude</th>
                    <th>Longitude</th>
                </tr>
                </thead>
                <tbody>
                @forelse($sensors as $sensor)
                    <tr>
                        <td>{{$sensor->sensor1}}</td>
                        <td>{{$sensor->sensor2}}</td>
                        <td>{{$sensor->sensor3}}</td>
                        <td>{{$sensor->latitude}}</td>
                        <td>{{$sensor->longitude}}</td>
                    </tr>
                @empty
                    
                @endforelse
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->

{{--    <div class="card">--}}
{{--        <div class="card-header">--}}
{{--            <h3 class="card-title">Grafik Jumlah Pendaftar</h3>--}}
{{--        </div>--}}
{{--        <div class="card-body">--}}
{{--            @include('user.chart')--}}
{{--        </div>--}}
{{--        <!-- /.card-body -->--}}
{{--    </div>--}}
    <!-- /.card -->
@stop
@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">

    <link rel="stylesheet" href="/vendor/datatables/css/dataTables.bootstrap4.css">
@stop
@section('js')
    <script src="/vendor/datatables/js/jquery.dataTables.js"></script>
    <script src="/vendor/datatables/js/dataTables.bootstrap4.js"></script>
    <script>
        $(function () {
            $('#example2').DataTable();
        });
    </script>
@stop