@extends('app')
@section('content')
<title>Manage Services</title>
<style type="text/css">
.orderdetail{
  line-height: 16px;
  font-size: 12px;
  padding: 5px 0px;
}
.filter_wrapper {
  color: #000;
  font-size: 14px;
  margin-top: 1%;
  xpadding-right: 2%;
  text-align: center;
}
.checkbox label {
  padding-left: 0px;
}
.margin {
  margin-bottom: -4%;
}
  .searchby {
    margin-top: 8px !important;
  }
  .modal{
    z-index: 1000 !important;
  }
  .statusbar {
  width:12px !important;
  height:55px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 0px;
}
.status_label {
  font-size: 12px;
}
.update_status {

}
.set_width {
 /*width: 94%;*/
  padding: 2px;
}
.substation_left{
  float: left !important;
}
.width{
    width: 70%;
}
.margin{
  margin: 0px;
}
.transfer_substation {
  cursor:pointer;
  text-align: left;
}
.status_Order_Received .statusbar,.status_New .statusbar{
  background-color:#31b0d5;
}
.status_Order_Assigned_Cancel .statusbar,.status_Order_assigned_Pickup_cancel .statusbar,.status_Cancelled .statusbar{
  background-color: #8B008B;
}
.status_Awaiting_Spares .statusbar{
  background-color:#449d44;
}
.status_Work_Pending .statusbar{
  background-color:#ec971f;
}
.status_At_substation_rtn .statusbar,.status_At_Substation_rtn_Reattempt1 .statusbar,.status_Closed .statusbar,.status_At_Substation_rtn_Reattempt2 .statusbar,.status_Closed .statusbar{
  background-color: #A52A2A;
}
.status_In_Transit .statusbar,.status_Order_picked_in_transit .statusbar,.status_Order_picked_weight_changed .statusbar,.status_In_transit .statusbar,.status_In_transit_address_changed .statusbar,.status_In_transit_Business_or_house_closed .statusbar,.status_In_transit_COD_amount_not_ready .statusbar,.status_In_transit_Customer_Refused_or_Rejected .statusbar,.status_In_transit_undelivered .statusbar,.status_In_transit_Reattempt1 .statusbar,.status_In_transit_Reattempt2 .statusbar,.status_In_transit_delay_out_of_our_control .statusbar,.status_In_Transit_Out_for_Delivery .statusbar,.status_In_Transit_Out_for_Delivery1 .statusbar,.status_In_Transit_Out_for_Delivery2 .statusbar,.status_In_transit_Shipment_Lost .statusbar,.status_Client_Side .statusbar{
  background-color:#FF00BF;
}
.status_Delivered .statusbar,.status_Delivered_Cash_collected .statusbar,.status_Delivered_card_on_delivery .statusbar,.status_Delivered_Open_box .statusbar,.status_RTN_Delivered .statusbar,.status_Completed .statusbar{
  background-color:#FA5882;
}
.status_Returned .statusbar,.status_RTN_Order_picked_in_transit .statusbar,.status_RTN_Order_picked_weight_changed .statusbar,.status_RTN_In_transit .statusbar,.status_RTN_In_transit_address_changed .statusbar,.status_RTN_In_transit_Business_or_house_closed .statusbar,.status_RTN_In_transit_COD_amount_not_ready .statusbar,.status_RTN_In_transit_Customer_Refused_or_Rejected .statusbar,.status_RTN_In_transit_undelivered .statusbar,.status_RTN_In_transit_Reattempt1 .statusbar,.status_RTN_In_transit_Reattempt2 .statusbar,.status_RTN_In_transit_delay_out_of_our_control .statusbar,.status_RTN_In_Transit_Out_for_Delivery .statusbar,.status_RTN_In_Transit_Out_for_Delivery1 .statusbar,.status_RTN_In_Transit_Out_for_Delivery2 .statusbar,.status_RTN_In_transit_Shipment_Lost .statusbar,.status_In_Progress .statusbar{
  background-color:#ff0000;
}
.labels {
   color: red;
   background-color: white;
   font-size: 10px;
   text-align: center;
   width: 50px;
   height: 30px;     
   border: 1px solid black;
 }
 .gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 12px;
}
.checkbox-inline{
  font-weight: bold;
  font-size: 14px;
 
}
.checkbox_inline {
  margin-top: 10px;
  
}
.check {
   margin-top: 0px !important;
}
</style>
<div class="content-wrapper">
    <div class="container">
        <div class="row" >  
            <h1 class="page-head-line">Manage Services</h1>
            @if(Session::has('flash_message'))
              <div class="alert alert-success">
                  {{ Session::get('flash_message') }}
              </div>
          @endif
         <!-- <h2 style="font-size:20px;">MANAGE SERVICES</h2>-->
                <div class="col-lg-12 col-md-12  col-xs-12 col-sm-12 report_leftpanel">
                <div class="col-lg-11 col-md-11 col-xs-12 col-sm-12" >

                   
                 <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#31b0d5;"> 
                      <!-- <input type="checkbox" class="check" id="Order_Received" value="New" onclick="gs_filter()"   checked>-->New ( {{ $new_service }} )
                    </label>
                  </div>
                 <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#ff0000;">
                     <!--  <input type="checkbox" class="check" id="In_Progress" value="In Progress" onclick="gs_filter()"    checked>-->In Progress ( {{ $progress_service }} )
                    </label>
                   </div>
                  <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#449d44;">
                      <!-- <input type="checkbox" class="check" id="Awaiting_Spares" value="Awaiting Spares" onclick="gs_filter()"    checked>-->Awaiting Spares ( {{ $awaiting_service}} )
                    </label>
                    </div>
                 <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#ec971f;">
                      <!-- <input type="checkbox" class="check" id="Work_Pending" value="Work Pending" onclick="gs_filter()"   checked> -->Work Pending ( {{ $work_pending }} )
                    </label>
                     </div>
                  <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#FF00BF;">
                      <!-- <input type="checkbox" class="check" id="Client_Side" value="Client_side" onclick="gs_filter()"    checked>-->Client Side ( {{ $client_side }} )
                    </label>
                     </div>
                  <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#FA5882;">
                      <!-- <input type="checkbox" class="check" id="Completed" value="Completed" onclick="gs_filter()"    checked>-->Completed <!-- <span id="delivered_count"></span> --> ( {{ $completed}} )
                    </label>
                     </div>
                  <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#A52A2A;">
                      <!-- <input type="checkbox" class="check" id="Closed" value="Closed" onclick="gs_filter()"    checked>-->Closed<!--  <span id="closed_count"></span> --> ( {{ $closed}} )
                    </label>
                     </div>
                  <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding: 0px">
                    <label class="checkbox-inline checkbox_inline" style="color:#8B008B;">
                      <!-- <input type="checkbox" class="check" id="Order_Cancelled" value="Cancelled" onclick="gs_filter()"   checked> -->Cancelled <!-- <span id="cancel_count"></span> --> ( {{ $cancelled}} )
                    </label>
 </div>
                  
                 

                

                    <!--<label class="checkbox-inline checkbox_inline" style="color:#FA5882;"><input type="checkbox" class="check" id="Returned_In_Transit" onclick="apply_filter()"   checked>Returned In Transit <span id="returned_in_transit_count"></span></label>--> 
                    <!-- <label class="checkbox-inline" style="color:#BDBDBD;font-weight: bold;font-size: 13px;"><input type="checkbox" class="check" id="Other" onclick="apply_filter()" style="margin-top: 0px;"  checked>Other <span id="other_count"></span></label> -->
           </div> 

       <div class="col-md-1 col-lg-1 col-xs-12 col-sm-12">
              <a href="?report=1" data-toggle="tooltip" title="" class="btn btn-primary" data-original-title="Download Excel" style=""><i class="fa fa-download"></i></a>       
        </div> </div>
       
        </div>
        <div class="row">

        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" /> 
           <div class="col-md-2 report_leftpanel" style="margin: 0px" >
          
<div class="">
                            <!-- <label class="radio-inline" style="margin-left: 37%;"><input type="radio" name="optradio" class="searchby" value="1" checked="checked">By Date</label>
                            <label class="radio-inline"><input type="radio" name="optradio" class="searchby" value="2">By Biker</label> -->
                            
                          <form method="GET" action="{{ route('managedelivery.index') }}">
                          <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                          <input type="hidden" name="substation_id" value="">
                            <div class="row" id="date_search" style="margin-top:4%">
                                <label class="col-md-12 control-label" style="margin-top: 1%;">Start Date</label>
                                  <div class="col-md-12">
                                    <div class="input-group date">
                                        <input type="text" id="start_date" name="start_date" data-format="DD-MM-YYYY" value="" class="form-control">
                                        <span class="input-group-btn">
                                        <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                                        </span>
                                      </div>
                                  </div>
                                  <label class="col-md-12 control-label" style="margin-top: 1%;">End Date</label>
                                  <div class="col-md-12">
                                    <div class="input-group date">
                                      <input type="text" id="end_date" name="end_date" data-format="DD-MM-YYYY" value="" class="form-control">
                                      <span class="input-group-btn">
                                      <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                                      </span>
                                    </div>
                                  </div>
                            </div>
               
              <div class="row" id="type_search" style="margin-top:4%">
               <label class="col-md-12 control-label" style="margin-top:1%;">By Type</label>
               <div class="col-md-12">
                  <div class="input-group date"> 
                   
                    @foreach($service_type as $type)
                    <label class="checkbox-inline" style="margin-left: 0px;"><input type="checkbox"  name="service_type[]" value="" style="margin-top: 0%;" ></label>  
                  @endforeach
                    </div>
                </div><!-- 
                  <div class="col-md-12" style="margin-top:4%">
                                    <div class="input-group date">
                                     <label class="radio-inline"><input type="radio" name="service_type" value="Complain">Complaint</label>
                                                       
                                      </div>
                                  </div> -->
              </div>
                            <!--<div class="row" id="date_search" style="margin-top:4%">
                                <label class="col-md-2 control-label" style="margin-top:1%;">Start Time</label>
                                  <div class="col-md-4">
                                    <div class="input-group date">
                                        <input type="text" id="start_time" name="start_time" data-format="HH:mm" class="form-control">
                                      </div>
                                  </div>
                                  <label class="col-md-2 control-label" style="margin-top: 1%;">End Time</label>
                                  <div class="col-md-4">
                                    <div class="input-group date">
                                      <input type="text" id="end_time" name="end_time" data-format="HH:mm" class="form-control">
                                    </div>
                                  </div>
                            </div>-->

                            <div class="row" id="biker_search" style="margin-top:4%">
                             <div class="col-md-12">
                               <label style="margin-top: 8%;">By Technician</label>
                             </div>
                             <div class="col-md-12">
                                                              <select class="form-control" name="biker_id">
                                    <option value="">Please Select</option>
                                        @foreach($bikers as $biker)
                                                      <option value=""   selected="selected"> </option>
                                        @endforeach
                                </select>
                              </div>
                            </div>

                             <div class="row" id="" style="margin-top:4%">
                             
                             <div class="col-md-12">   
                                                              
                              <label class="checkbox-inline" style="margin-left: 0px;">
                                <input type="checkbox"  name="no_technician" value="test" style="margin-top: 0%;"  >No Technician Assign
                               </label>  
                                    
                              </div>
                            </div> 
              
              <div class="row" id="biker_search" style="margin-top:4%">
                             <div class="col-md-12">
                               <label style="margin-top: 8%;">By Client</label>
                             </div>
                             <div class="col-md-12">
                                                              <select class="form-control" name="vendor_id">
                                    <option value="">Please Select</option>
                                        @foreach($vendors as $vendor)
                                                      <option value=""   selected="selected"></option>
                                        @endforeach
                                </select>
                              </div>
                            </div>

                            <div class="row" style="margin-top:4%">
                                                             <div class="col-md-12">
                                  <label style="margin-top: 8%;">Service No.</label>
                               </div>
                               <div class="col-md-12">
                                  <input type="text" class="form-control" name="filter_shipment" value="">
                               </div>

                            </div>

                            <div class="row" style="margin-top:4%">
                              <div class="col-md-12">
                                  <label>By Status</label>
                               </div>
                              <div class="col-md-12">
                                @foreach($status_filters as $status_filter)
                                <div class="col-md-12 checkbox" style="margin:0">
                                  <label class="checkbox-inline"><input type="checkbox"  style="margin-top:1px" name="filter_status[]" value="" /></label>
                                </div>
                               @endforeach
                             </div>
                            </div>

                            <div class="row">
                              <div class="form-group">
                                      <div class="col-md-6 col-sm-6 col-xs-6" >
                                        <button type="submit" class="btn btn-success" style="margin-top:2%">Search</button>
                                        </div>
                                         <div class="col-md-5 col-sm-5 col-xs-5" >
                                         <button type="button" class="btn btn-success" style="cursor: pointer;margin-top:2%" onclick="window.location.href='managedelivery?type=today';">Clear</button>
                                    </div>
                              </div>
                            </div>
                          </form>
                        </div>


           </div>   
       
          <div class="col-md-10">
              <div class="col-md-12" style="padding-right: 0px;padding-left: 0px;">
                <ul class="nav nav-tabs"> 
                               <li class="active"><a data-toggle="tab" href=".todayorder" onclick="setpagecount1();return false;">Todays Services</a></li>

                                 <li><a data-toggle="tab" href="#pastorders" onclick="setpagecount2();return false;">Past Services</a></li>
                                  </ul>
              </div>

        <div class="tab-content"> 
                      <div class="col-md-12 tab-pane fade in active todayorder" id="todayorder" style="padding-right: 0px;padding-left: 0px;    border-left-style: solid;
              border-color: #ddd; border-width: 1px;ight;height:auto;min-height:400px;border-bottom-style:solid;">
    
            @if(count($deliveries)== 0)
             <p style="cursor: pointer; padding:5%;">
                                              <strong>Sorry No Data Available.</strong>   
                                            </p>
          @else  
                @foreach($deliveries as $delivery)
              
                  @if($delivery->awb_no)
                                                  <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12 set_width">
                                   <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 order status_" id="ticket" style="border: 1px solid #d5d5d5;height: 150px;">
                                    <div class="col-md-1 col-lg-1 col-sm-1 col-xs-1 statusbar" style="height:138px;">
                                      
                                    </div>
                                    
                                      <div class="orderdetail col-md-9 col-lg-9 col-sm-9 col-xs-9" style="font-size: 15px;"> 
                                                                                                                  
                                                  <p class="assigned_biker margin" style="cursor:pointer;clear:both;padding-top:1%;margin-top:0px;">
                                                                              <b>Name: </b> 
                                                                                                            <span>No Technician Assign</span>
                                                                                                        </p>


                                              <input class="selected_status" type="hidden" value="">
                                              <input type="hidden" name="assined_biker_id" class="assined_biker_id" value="{{ $delivery->biker_id }}">
                                              
                                              <select class="biker_id width" id="">
                                                  <option value="0">Please Select</option>
                                                   @foreach($bikers as $biker)
                                                      <option value=""   selected="selected"> </option>
                                                   @endforeach
                                              </select>

                                            <span class="biker_loader"><img src="/assets/website_assets/images/loader.gif" style="width: 8%;"></span>
                      </p>
                                                                   
                      
                                                                                 <p class="status margin" style="padding-top:1%;">
                                                                                                     <span class="delivery_status" style="cursor:pointer;"><b>Service Status :</b> {{ $delivery->delivery_status }}</span>
                                                <span class="dropdown_status">
                                                  <label>Select Status : </label>
                                                  <select class="update_status" id="" name="" style="width: 50%;">