@extends('main')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title"><strong>Scan Log for product {{$carpet->gi_registration_no}}</strong></h4>
            </div>
            <div class="card-body">

                <div class="table-responsive">

                    <table id="carpettable" class="display" style="min-width: 945px">
                        <thead>
                            <tr>
                                <th>S. No.</th>
                                <th>Latitude</th>
                                <th>Longitude</th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach($uloc as $value)
                            <tr>
                                <th scope="row">{{$i}}</th>
                                
                                <td>{{$value->latitude}}</td>
                                <td>{{$value->longitude}}</td>
                                
                            </tr>
                                                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            </section>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
    $(document).ready(function () {
        $('#carpettable').DataTable({
            "order": [[0, "asc"]],
            dom: 'Bfrtip',
            buttons: [
                { extend: 'excel',text: 'Download Excel', className: 'btn btn-raised btn-primary btn-round waves-effect' },
            ]
           
        });
    });
</script>
@stop