@extends('app')
@section('content')
<title>Manage AMC 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{
  background-color:#31b0d5;
}
.status_Order_Assigned_Cancel .statusbar,.status_Order_assigned_Pickup_cancel .statusbar{
  background-color: #8B008B;
}
.status_Assigned .statusbar,.status_Order_Assigned .statusbar,.status_Order_Assigned_not_ready .statusbar,.status_Order_Reassigned_1 .statusbar,.status_Order_Reassigned_2 .statusbar{
  background-color:#449d44;
}
.status_At_Sub_Station .statusbar,.status_At_substation .statusbar,.status_At_Substation_Reattempt1 .statusbar,.status_At_Substation_Reattempt2 .statusbar{
  background-color:#ec971f;
}
.status_At_substation_rtn .statusbar,.status_At_Substation_rtn_Reattempt1 .statusbar,.status_At_Substation_rtn_Reattempt2 .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{
  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{
  background-color:#337ab7;
}
.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{
  background-color:#FA5882;
}
/*.status_Out_for_Delivery .statusbar,.status_Address_Correction .statusbar,.status_out_for_Delivery .statusbar,.status_House_or_Business_Closed .statusbar,.status_Out_for_Delivery_Reattempt1 .statusbar,.status_Out_for_Delivery_Reattempt2 .statusbar,.status_Order_Rejected_or_Refused .statusbar {
  background-color: #BDBDBD;
 }*/
.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: 12px;
  padding-left: 10px !important;
}
.checkbox_inline {
  margin-left: 7px !important;
}
.check {
   margin-top: 0px !important;
}
</style>
<div class="content-wrapper" style="margin-top:0px;">
    <div class="container-fluid">
        <div class="row page-head-line" style="padding-bottom:0px;margin-bottom:5px;border:none;">
                <div class="col-md-2">
                    <h2 style="font-size:20px;">MANAGE SERVICES</h2>
                </div>
       	</div>
       	<div class="row">
        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" /> 
          <div class="col-md-offset-2 col-md-8"  style="clear: both;height:500px;overflow-y:scroll;">
				      <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">Todays Services</a></li>
                  <li><a data-toggle="tab" href="#pastorders">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;">
                @foreach($data as $d1)
                                 <p class="assigned_biker margin" style="cursor:pointer;clear:both;padding-top:1%;">
                                 <b>AMC ID: </b> 
				                                                       
                                  </p>
								  <p class="assigned_biker margin" style="cursor:pointer;clear:both;padding-top:1%;">
                                 <b>Status: </b> 
				                                                       
                                  </p>
								
                        @endforeach
                      </div>
                      
                      
                   </div>
                  </div>

                  
              </div>



</div>
</div>


 
@endsection