@extends('layouts.deliverymanagerapp')

@section('content')

{{-- Delivery Boy Reports --}}

<div class="card mb-4">
      <div class="card-header">
              <div class="d-flex">
                      <div class="mr-auto p-2 align-self-center"><h4>Delivery Boy Reports</h4></div>
              </div>       
              <form method="POST" action="{{route('searchDeliveryBoyReport')}}">
              @csrf
              @method('post')
              <div class="border-top pt-3">
                      <div class="row">
                            <div class="col-lg-2 col-sm-2">
                            <label for="txtsponser" style="margin-bottom:0; display: block;">Delivery Boy</lable>                            
                            <div class="form-group w-30">                               
                                              <select id="selectgrp" class="form-control @error('employee_id')   @enderror" id="Store" name="employee_id">
                                                     
                                                      <option value="0">--All--</option>
                                                      @php
                                                              echo App\Http\Controllers\DeliveryBoyController::DeliveryBoyListForCombo(0);
                                                      @endphp 
                                              </select> 
                                      </div>
                            </div>
                              <div class="col-lg-2 col-sm-2">
                              <label for="txtsponser" style="margin-bottom:0;">Status</label>                                
                                      <div class="form-group w-30">                                                                             
                                              <select id="selectgrp" class="form-control @error('status_id')   @enderror" id="cbStatus" name="status_id">
                                                  
                                                    <option value="0">--All--</option>  <!-- check 6 and 7 -->
                                                    <option value="6">Assigned</option>
                                                    <option value="7">Completed</option>

                                              </select> 
                                      </div>
                              </div>

                              <div class="col-lg-2 col-sm-2">
                              <label for="txtsponser" style="margin-bottom:0;">Sort by Day</label>                          
                                      <div class="form-group w-30">                                       
                                              <select id="selectgrp" class="form-control @error('datesort')   @enderror" id="cbDateSort" name="datesort" onchange="dmy_onchange(this.value)" >
                                                      <!-- <option value="" disabled selected>Sort by Day</option> -->
                                                      <option value="day">Day</option>
                                                      <option value="month">Month</option>
                                                      <option value="year">Year</option>
                                                      <option value="2">Between Two Dates</option>
                                              </select> 
                                      </div>
                              </div> 

                              <input type="hidden" value="0" name="print">

                              <div class="col-lg-4 form-group" id="divdmy" style="display:none;">
                                      <label for="txtSDate" id="lbltxtDate">Date</label>
                                      <input class="form-control" type="date" name="txtSDate" id="txtSDate" oninput="view()" placeholder="dsate" />
                                      <label for="txtSDate1" id="lbltxtSDate2" style="display:none;">Date2</label>
                                      <input class="form-control" type="date" style="display: none;" name="txtSDate1" id="txtSDate1" oninput="view()" placeholder="dsate" />
                                      <label id="lblnmbYear" for="nmbYear" style="display: none;">Year</label>
                                      <input type="number" name="nmbYear" oninput="view()" id="nmbYear" value="2020" class="form-control" min="1900" max="3000" style="display: none;"/>
                              </div>                   
                      </div>
              </div>
              <div class="d-flex justify-content-end font-weight-bold">
                      <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Search</button>
              </div>
              </form>
      </div>
      <div class="card-body">
              <div class="table-responsive" >
                      <table class="table table-hover" id="search_tbl">
                              <thead>
                                      <tr>
                                              <th>Order ID</th>
                                              <th>Order date</th>
                                              <th>Delivery boy</th>
                                              <th>Contact</th>
                                              <th>Status</th>                                            
                                              <th>Assigned date</th>
                                              <th>Delivered Date</th>                                             
                                      </tr>
                              </thead>
                              <tbody> 
                                @if($Results)
                                        @foreach($Results as $item)
                                        <tr>
                                                <td>#{{$item->order->id}}</td>
                                                @php $order_date = date("M j, Y, g:i a",strtotime($item->order->order_date));@endphp
                                                <td>{{$order_date}}</td>
                                               {{-- <td>{{$item->order->user->name}}</td> --}}
                                               <td>{{$item->employee->user->name}}</td>
                                                <td>{{$item->employee->contact}}</td>
                                                @if($item->isCompleted == 1)
                                                <td>Completed</td>
                                                @else
                                                <td>Assigned</td>
                                                @endif
                                                @php $assigned_date = date("M j, Y, g:i a",strtotime($item->dateTime));@endphp
                                                <td>{{$assigned_date}}</td>
                                                @if($item->isCompleted == 1)
                                                @php $delivered_date = date("M j, Y, g:i a",strtotime($item->completingperiod));@endphp
                                                <td>{{$delivered_date}}</td>
                                                @else
                                                <td>waiting</td>
                                                @endif                                                                                           
                                        </tr>
                                        @endforeach
                                @endif
                              </tbody>                              
                      </table>
              </div>
      </div>
      <div class="card-footer">
              <div class="row">
                      <div class="col-lg-6">
                              <div class="d-flex justify-content-start font-weight-bold">
                              <a href=""><button class="btn btn-danger">Save Pdf</button></a>         
                              </div>
                      </div>                      
                      <div class="col-lg-6">
                              <div class="d-flex justify-content-end font-weight-bold">
                            {{--  <div> {{ $Results->links() }}</div> --}}
                            <form method="POST" action="{{route('searchDeliveryBoyReport')}}">
                                @csrf
                                @method('post')
                                <input type="hidden" value="{{$employee_id}}" name="employee_id">
                                <input type="hidden" value="{{$status_id}}" name="status_id">
                                <input type="hidden" value="{{$datesort}}" name="datesort">
                                <input type="hidden" value="{{$txtSDate}}" name="txtSDate">
                                <input type="hidden" value="{{$txtSDate1}}" name="txtSDate1">
                                <input type="hidden" value="1" name="print">
                                <input type="hidden" value="{{$nmbYear}}" name="nmbYear">                                
                                      <button class="btn btn-primary">Print</button>
                                </form>    
                              </div>
                      </div>
              </div>                       
      </div>
</div>

@endsection

<script>

{{--function clicks() {

var items = document.getElementById("selectgrp").value;       

$.ajax({
  url: '{{ route('selectReports') }}', 
  method: "get",
  data: {_token: '{{ csrf_token() }}',searchitems:items },
                                                  success: function (response){     

                                                      document.getElementById('search_tbl').innerHTML=response; 
                                                  
                                                                  }
                                  });   

} --}}




function dmy_onchange(dmy)
{
      //reset
      $('#divdmy').attr('style','display:block;');
      
      $('#lbltxtDate').attr('style','display:none;');
      $('#txtSDate').attr('style','display:none;');
      document.getElementById('lbltxtDate').innerHTML="Date";
      $('#txtSDate').attr('type','date');
      $('#lbltxtSDate2').attr('style','display:none;');       
      $('#txtSDate1').attr('style','display:none;');
      $('#lblnmbYear').attr('style','display:none;');
      $('#nmbYear').attr('style','display:none;');
      switch(dmy)
      {
              case '0':
                        $('#divdmy').attr('style','display:none;');
                      break;
              case 'day':
                      $('#lbltxtDate').attr('style','display:block;');
                      $('#txtSDate').attr('style','display:block;');
                      break;
              case '2':
                      $('#lbltxtDate').attr('style','display:block;');
                      $('#txtSDate').attr('style','display:block;');
                      $('#lbltxtSDate2').attr('style','display:block;');
                      document.getElementById('lbltxtDate').innerHTML="From";
                      document.getElementById('lbltxtSDate2').innerHTML="To";
                      $('#txtSDate1').attr('style','display:block;');
                      break;
              case 'month':
                      $('#lbltxtDate').attr('style','display:block;');
                      $('#txtSDate').attr('style','display:block;');
                      document.getElementById('lbltxtDate').innerHTML="Month";
                      $('#txtSDate').attr('type','month');
                      break;
              case 'year':
                      $('#lblnmbYear').attr('style','display:block;');
                      $('#nmbYear').attr('style','display:block;');
                      break;
      }
}


</script>