@extends('layouts.freelancer.master')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
@endsection

@section('content')
<div class="main-panel">
        
        <!-- BEGIN : Main Content-->
        <div class="main-content">
          <div class="content-wrapper"><!-- HTML (DOM) sourced data -->
              <section id="html">
                <div class="row">
                  <div class="col-12">

                    <div class="row">
                      <div class="col-sm-12">
                        <div class="content-header">Trips 
                        <div class="pull-right"><a href="{{ route('addTrip') }}"><button id="addRow" class="btn btn-primary mb-2">
                          <i class="ft-plus"></i>&nbsp; Add Trip</button></a>
                        </div>
                        </div>
                      </div>
                    </div>

                    @if(Session::has('success'))
                    <div class="row col-12">
                        <div class="alert alert-success"> {{ Session::get('success') }} </div>
                    </div>
                    @endif

                    <div class="card">
                      <div class="card-content collpase show">
                        <div class="card-body card-dashboard table-responsive">
                          <table class="table table-striped table-bordered sourced-data">
                            <thead>
                              <tr>
                                <th>S.No.</th>
                                <th>Order ID</th>
                                <th>Driver</th>
                                <th>Lorry</th>
                                <th>Assign Date</th>
                                <th>Location</th>
                                <th>Start</th>
                                <th>End</th>
                                <th>Status</th>
                                <th>Action</th>
                              </tr>
                            </thead>
                            <tbody> 
                              
                              @foreach ($trips as $trip)
                              
@php
if($trip->location['latitude']){
                              $api = file_get_contents("https://maps.googleapis.com/maps/api/geocode/json?latlng=".$trip->location['latitude'].",".$trip->location['longitude']."&key=AIzaSyCJA1Ei4gn1Inbw0gzpOQiVmMhbdzjvh6g");
                              $data = json_decode($api,true);
                              $address = $data['results']['0']['formatted_address'];
}else{
  $address='';
}
                              
        

@endphp
                                  <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $trip->order_id }}</td>
                                    <td>{{ $trip->driver->user->first_name ?? '' }}</td>
                                    <td>{{ $trip->lorry->plate_number ?? '' }}</td>
                                    <td>{{ $trip->assigned_date }}</td>
                                  <td>{{$address}}</td>
                                  <td>{{ $trip->start_time }}</td>
                                  <td>{{ $trip->end_time }}</td>
                                  <td>{{ $trip->status }}
                                   @php
                                    //$start = \Carbon\Carbon::parse($trip->start_time);
                                    //$end = \Carbon\Carbon::parse($trip->end_time);
                                    //echo $duration = $end->diffInHours($start);
                                    //echo date('H:i', $duration);
                                    @endphp
                                  </td>

                                    <td>
                                      <a class="success p-0" data-original-title="" title="Edit" href="{{ route('editTrip', $trip->order_id) }}">
                                          <i class="ft-edit-2 font-medium-3 mr-2"></i>
                                        </a>
                                      </td>
                                  </tr>
                              @endforeach
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>
              <!--/ HTML (DOM) sourced data -->
          </div>
        </div>
        <!-- END : End Main Content-->

      </div>
@endsection


@section('scripts')
<script src="{{ asset('app-assets/vendors/js/datatable/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('app-assets/js/data-tables/datatables-sources.js') }}" type="text/javascript"></script>

<script>
    $(".inactivestatus").on("click", function(e){
      e.preventDefault();
        let formId = $(this).data("id");
        $("#statuscode-"+formId).val(0);
        // $('#myModal').modal('show');
        // $('#modalAsset').attr("data-asset",formId);
        document.getElementById("form-"+formId).submit();
    });
    $("#modalAsset").on("click", function(){
        let formId = $(this).data("asset");
        document.getElementById("form-"+formId).submit();
    });
    
    $(".activestatus").on("click", function(e){
      e.preventDefault();
        let formId = $(this).data("id");
        $("#statuscode-"+formId).val(1);
        // $('#myModal').modal('show');
        // $('#modalAsset').attr("data-asset",formId);
        document.getElementById("form-"+formId).submit();
    });
</script>
@endsection