@extends('layouts/layoutMaster')

@section('title', 'Location History')

@section('vendor-style')
<link rel="stylesheet" href="{{asset('assets/vendor/libs/apex-charts/apex-charts.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/swiper/swiper.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.css')}}" />
@endsection

@section('page-style')
<!-- Page -->
<link rel="stylesheet" href="{{asset('assets/vendor/css/pages/cards-advance.css')}}">
@endsection

@section('vendor-script')
<script src="{{asset('assets/vendor/libs/swiper/swiper.js')}}">
</script>
<script src="{{asset('assets/vendor/libs/apex-charts/apexcharts.js')}}"></script>
<script src="{{asset('assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js')}}"></script>
@endsection

@section('content')
<div class="row">
	<div class="card p-3">
		<h4 class="mb-4">
		  <span class="fheading">Location History
		  <a href="javascript::void(0)"  class="btn  btn-info" title="Export" id="Export" style="float:right; color: white;margin-right: 15px;"><i class="fa-solid fa-file-export"></i></a>
		</h4>
    <div class="table-responsive">
  		<table class="table table-bordered yajra-datatable">
  		    <thead>
  		        <tr>
  		            <th>No</th>
                  	<th>Worker Name</th>
  		            <th>Site Name</th>
  		            <th>Lat</th>
                  	<th>Long</th>
                  	<th>Change Date</th>
  		        </tr>
  		    </thead>
  		    <tbody>
  		    </tbody>
  		</table>
    </div>
	</div>
</div>
@include('content.Admin.Layoutes.Footer')
@endsection


@section('page-script')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>


<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>

<script type="text/javascript">
  //Table Create
  $(function () {
    var table = $('.yajra-datatable').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ route('location-history') }}",
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'name', name: 'name'},
            {data: 'site_name', name: 'site_name'},
            {data: 'lat', name: 'lat'},
            {data: 'long', name: 'long'},
            {data: 'change_date', name: 'change_date'},
        ]
    });
  });

  //Export Data
  $('#Export').click(function(){
      var search = $('.dataTables_filter input').val();
      window.location.href = window.origin+'/admin/location-history/export?search='+search;
  })

</script>

@endsection