@extends('layouts.admin')

@section('content')
<style>
.addoffer_modal .form-floating .help-block{
margin-bottom:10px;
}

.addoffer_modal .form-floating .control-label{
left:15px;
}

.addoffer_modal .form-group{
  margin-bottom: 0px;
}
.pit-act-btn{margin-right:3px;}
.quickloadform .form-group.has-error{margin-bottom: 0px !important;}
.quickloadform .help-block{margin-bottom: 0px !important;}
.form-group .select-label{padding-bottom:0px !important;}
.form-group .select-field{height:30px;font-size:14px;}
.well legend {padding-bottom: 10px;margin-bottom: 15px;font-size: 25px;font-weight: bold;}
.pit-accepted {background-color: #7dd87d !important;}

</style>
<div class="card">
  <div class=" m-b-40">
     <form action="{{ route('admin.pit.store') }}" method="POST" class="form-floating form-validate form-ajax" id="pitorderform" name="pitorderform">
      {{ csrf_field() }}
        <div class="col-md-12">
          <div class="white quickloadform" style="padding-top:20px;padding-left: 25px;padding-right: 25px;">
            <fieldset>
              <div class="row">
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label">ORIGIN - CITY/STATE</label>
                  <input type="text" class="form-control" name="search_origin" id="search_origin" data-validation="required" autocomplete="off">
                </div>
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label">DESTINATION- CITY/STATE</label>
                  <input type="text" class="form-control" name="search_destination" id="search_destination" data-validation="required" autocomplete="off">
                </div>
                <div class="clearfix"></div>

                <div class="form-group col-md-6 padding-left">
                  <label class="control-label normal select-label">EQUIPMENT</label>
                  <select class="form-control select-field" id="equipment_id" name="equipment_id" data-validation="required">
                    @foreach($equipments as $equipment)
                      <option value="{{ $equipment->id }}">{{ $equipment->name }}</option>
                    @endforeach
                  </select>
                </div>
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label">WEIGHT</label>
                  <input type="text" class="form-control" name="weight" data-validation="required">
                </div>
                <div class="clearfix"></div>

                <div class="form-group col-md-6 padding-left">
                  <label class="control-label normal">PICKUP DATE</label>
                  <div class='input-group date pitdatepicker'>
                    <input type='text' class="form-control" name="pickup_date" data-validation="required" autocomplete="off" readonly />
                    <span class="input-group-addon">
                      <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                   </div>
                </div>
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label">CLIENT/PROSPECT</label>
                  <input type="text" class="form-control" name="search_client" id="search_client" data-validation="required" autocomplete="off">
                  <input type="hidden" id="client_id" name="client_id" data-validation="required" data-validation-depends-on="search_client" data-validation-error-msg="Please select valid client." data-validation-error-msg-container="#client_error">
                  <span id="client_error"></span>
                </div>
               <div class="clearfix"></div>

                <div class="form-group col-md-6 padding-left">
                  <label class="control-label">SHIPPER RATE</label>
                  <input type="text" class="form-control" name="shipper_rate" autocomplete="off">
                </div>
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label normal">DAT RATE</label>
                  <input type="text" class="form-control" name="dat_rate" id="dat_rate" readonly>
                </div>
                <div class="clearfix"></div>
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label normal">MILES</label>
                  <input type="text" class="form-control" name="miles" id="miles" readonly>
                </div>
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label">POSTED RATE</label>
                  <input type="text" class="form-control" name="posted_rate" data-validation="required" autocomplete="off">
                </div>
                <div class="clearfix"></div>
                <div class="form-group col-md-6 padding-left">
                  <label class="control-label">NOTES</label>
                  <input type="text" class="form-control" name="notes" maxlength="70">
                </div>
                <div class="clearfix"></div>
                <div class="form-group col-md-4 padding-left" style="margin:0px;">
                  <div class="checkbox">
                    <label style="font-weight:normal;margin-top:20px;">
                      <input type="checkbox" name="market_value_interval" value="1"> MARKET RATE INTERVAL </label>
                  </div> 
                </div>
                <div class="clearfix"></div>
                <div class="form-group col-md-2 padding-left"style="margin:0px;" >
                  <input class="btn btn-sm btn-danger" type="submit" name="quickaadd" value="Quick Add"  style="margin-bottom:15px;">
                </div>
              </div>
            </fieldset>
          </div>
        </div>
      </form>
      <div class="col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
        <div class="well white">
          <legend>Loads Available</legend>
          <input type="button" class="btn btn-sm btn-danger pull-right" id="takedown-selected-loads" name="takedownselectedloads" value="Takedown Selected Loads" style="margin-right: 27%; margin-top: -6%;">
           <input type="button" class="btn btn-sm btn-danger pull-right" id="refresh-dat-token" name="refreshdattoken" value="Refresh DAT token" style="margin-right: 13%; margin-top: -6%;">
          <input type="button" class="btn btn-sm btn-danger pull-right" id="update-all-loads" name="updateallloads" value="Update all Loads" style="margin-left: 1.5%; margin-top: -6%;">
          
          <div class="datatables">
            <table id="pit-orders-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
              <thead>
                <tr>
                  <th></th>
                  <th>Load #</th>
                  <th>Client</th>
                  <th>O City/State</th>
                  <th>D City/State</th>
                  <th>Equipment</th>
                  <th>Pickup Date</th>
                  <th>Shipper Rate</th>
                  <th>DAT Rate</th>
                  <th># of Offers</th>
                  <th>Offered Rate</th>
                  <th>Posted Rate</th>
                  <th>Miles</th>
                  <th>Added By</th>
                  <th>Actions</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
      </div>

      <div class="col-md-12" style="border-top:1px solid #eeeeee;margin-top:30px;padding-top:20px;">
        <div class="well white">
          <legend>Loads History</legend>
          <div class="datatables">
            <table id="pit-orders-history-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
              <thead>
                <tr>
                  <th>Load #</th>
                  <th>Client</th>
                  <th>O City/State</th>
                  <th>D City/State</th>
                  <th>Equipment</th>
                  <th>Shipper Rate</th>
                  <th>DAT Rate</th>
                  <th># of Offers</th>
                  <th>Posted Rate</th>
                  <th>Miles</th>
                  <th>Added By</th>
                  <th>Actions</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
      </div>

  </div>
</div>

<!-- Modal -->
<div id="offerModal" class="modal fade addoffer_modal in" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add Offer</h4>
      </div>
      <form class="form-floating form-validate form-ajax" id="offer-form" name="offer-form" method="POST"  action="{{ url('admin/pitoffer') }}">
        <div class="modal-body">
          <div class="col-md-12">
            <fieldset>
              <div class="form-group">
                <label class="control-label">Carrier</label>
                <input type="text" class="form-control" name="carrier" id="carrier" data-validation="required" autocomplete="off">
              </div>
              <div class="form-group">
                <label class="control-label">Phone Number </label>
                <input type="text" class="form-control" name="phone_no" data-validation="required" autocomplete="off">
              </div>
              <div class="form-group">
                <label class="control-label">Price</label>
                <input type="text" class="form-control" name="price" data-validation="required" autocomplete="off">
              </div>
              <div class="form-group">
                <label class="control-label">Notes</label>
                <input type="text" class="form-control" name="notes" data-validation="required" autocomplete="off">
              </div>
              <div class="form-group">
                <label class="control-label normal">Time Carrier gave us to confirm Load:</label>
                <select name="minutes_to_confirm" id="minutes_to_confirm" class="form-control">
                  <option value="">Please Select</option>
                  <option value="10">10 minutes</option>
                  <option value="15">15 minutes</option>
                  <option value="20">20 minutes</option>
                  <option value="25">25 minutes</option>
                </select>
              </div>
            </fieldset>
          </div>
        </div>
        <div class="modal-footer firstTime_footer">
          {{ csrf_field() }}
          <input type="hidden" id="pitid" name="pitid" class="hidden-field" value="">
          <input class="btn btn-sm btn-danger" type="submit" name="offersubmit" value="Submit"  style="margin-top:15px;">
        </div>
      </form>
    </div>
  </div>
</div>

<!-- View OffersModal -->
<div id="viewOffersModal" class="modal fade addoffer_modal in" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">View Offers</h4>
      </div>
     <div id="offerContent" style="padding:10px;background: #F1F3F6;"></div>
    </div>
  </div>
</div>

<!-- View OfferNotesModal -->
<div id="viewOfferNotesModal" class="modal fade addoffer_modal in" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">View Offer Notes</h4>
      </div>
     <div id="offerNotesContent" style="padding:10px;background: #F1F3F6;"></div>
    </div>
  </div>
</div>

<!-- Repost Modal -->
<div id="repostModal" class="modal fade in" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title firstTime">Repost</h4>
      </div>
      <form class="form-floating form-validate form-ajax" id="repost-form" name="repost-form" method="POST"  action="{{ url('admin/pit/repost') }}">
          

        <div class="modal-body">
          <div class="col-md-12">
            <div class="well gray">
              <fieldset>
                <legend>NOTES:</legend>
                <div class="form-group padding-left"><ul id="repostNotes"></ul></div>
                 <div class="form-group padding-left" id="offerNotesContentRepost"></div>
              </fieldset>
            </div>
          </div>
            <div class="col-md-12">
              <fieldset>
                <div class="form-group">
                  <label class="control-label normal">DAT RATE</label>
                  <input type="text" class="form-control" name="dat_rate" id="repost_dat_rate" readonly>
                </div>
                <div class="form-group">
                  <label class="control-label normal">MILES</label>
                  <input type="text" class="form-control" name="miles" id="repost_miles" readonly>
                </div>
                <div class="form-group filled">
                  <label class="control-label">WEIGHT</label>
                  <input type="text" class="form-control" name="weight" id="repost_weight" data-validation="required">
                </div>
                <div class="form-group">
                  <label class="control-label">Pickup Date </label>
                  <div class='input-group date pitdatepicker'>
                    <input type='text' class="form-control" name="pickup_date" data-validation="required" autocomplete="off" readonly />
                    <span class="input-group-addon">
                      <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                   </div>
                </div>
                <div class="form-group">
                  <label class="control-label">Shipper Rate</label>
                  <input type="text" class="form-control" name="shipper_rate" autocomplete="off">
                </div>
                <div class="form-group filled">
                  <label class="control-label">Posted Rate</label>
                  <input type="text" class="form-control" name="posted_rate" id="repost_posted_rate" data-validation="required" autocomplete="off">
                </div>
                <div class="form-group">
                  <label class="control-label">Notes</label>
                  <input type="text" class="form-control" name="notes" data-validation="required" autocomplete="off">
                </div>
              </fieldset>
            </div>
        </div>
        <div class="modal-footer firstTime_footer">
          {{ csrf_field() }}
          <input type="hidden" id="repostpitid" name="repostpitid" class="hidden-field" value="">
          <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="repost-save"></input>
        </div>
      </form>
    </div>
  </div>
</div>
<!----------->

<!-- Edit Modal -->
<div id="pitEditModal" class="modal fade in" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title firstTime">Edit</h4>
      </div>
      <form class="form-floating form-validate form-ajax" id="pit-edit-form" name="pit-edit-form" method="POST"  action="{{ url('admin/pit') }}">
        <div class="modal-body">
            <div class="col-md-12">
              <fieldset>
                <div class="form-group">
                  <label class="control-label">Shipper Rate</label>
                  <input type="text" class="form-control" id="e_shipper_rate" name="shipper_rate" autocomplete="off">
                </div>
                <div class="form-group">
                  <label class="control-label">Posted Rate</label>
                  <input type="text" class="form-control" id="e_posted_rate" name="posted_rate" data-validation="required" autocomplete="off">
                </div>
                <div class="form-group">
                  <label class="control-label">Notes</label>
                  <input type="text" class="form-control" id="e_notes" name="notes" data-validation="required" autocomplete="off">
                </div>
                <div class="form-group">
                  <label class="control-label">Weight</label>
                  <input type="text" class="form-control" id="e_weight" name="weight" data-validation="required" autocomplete="off">
                </div>
                <div class="form-group">
                  <label class="control-label">PICKUP DATE</label>
                   <div class='input-group date pitdatepicker'>
                    <input type='text' class="form-control" name="pickup_date" id="e_pickup_date" data-validation="required" autocomplete="off" readonly />
                    <span class="input-group-addon">
                      <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                   </div>
                </div>
              </fieldset>
            </div>
        </div>
        <div class="modal-footer firstTime_footer">
          {{ csrf_field() }}
          <input type="hidden" id="e_pitid" name="e_pitid" class="hidden-field" value="">
          <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="edit-save"></input>
        </div>
      </form>
    </div>
  </div>
</div>
<!----------->

@endsection
@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/pit/pit.js?v=2.5.15')}}"></script>
<!-- . time() -->
@endsection