@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content')
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Data Terminal</h3>
        </div>
        <div class="card-body">
            <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>Terminal</th>
                    <th>Kota</th>
                    <th>MAC Adress</th>
                    <th>Latitude</th>
                    <th>Longitude</th>
                </tr>
                </thead>
                <tbody>
                @forelse($terminals as $terminals)
                    <tr>
                        <td>{{$terminals->name}}</td>
                        <td>{{$terminals->city}}</td>
                        <td>{{$terminals->mac_address}}</td>
                        <td>{{$terminals->latitude}}</td>
                        <td>{{$terminals->longitude}}</td>
                    </tr>
                @empty

                @endforelse
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
@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