@extends('main')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Scan Report</h4>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="usertable" class="display" style="min-width: 845px">
                        <thead>
                            <tr>
                                <th>S. No.</th>
                                <th>Type</th>
                                <th>Reg No.</th>
                                <th>Qrcode</th>
                                <th>Location(with Lat lang)</th>
                                <th>Date & Time</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($data as $value)
                            <tr>
                                <th scope="row">{{$i}}</th>
                                <td>{{$value->gi_registration_no}}</td>
                                <td>{{$value->type}}</td>
                                <td>{{$value->qrcode}}</td>
                                <td>{{$value->latitude}}</td>
                                <td>{{$value->longitude}}</td>
                                <td>{{$value->created_at}}</td>
                            </tr>
                                                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            </section>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
    $(document).ready(function () {
        $('#usertable').DataTable({
            "order": [[0, "asc"]],
            dom: 'Bfrtip',
            buttons: [
                'excel'
            ]
           
        });
    });</script>
@stop