@extends('layouts.admin')

@section('content')
<style>
  td.details-control {
    background: url('{{ url("public/backend/img/datatable/details_open.png") }}') no-repeat center center;
    cursor: pointer;
  }

  tr.shown td.details-control {
    background: url('{{ url("public/backend/img/datatable/details_close.png") }}') no-repeat center center;
  }

  .row-status-tentative-selected {
    background-color: #20de5a4a;
  }

  .row-status-accepted {
    background-color: #e6e8495c;
  }
</style>


<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="carrierpoint-form-filter" name="carrierpoint-form-filter">
      {{ csrf_field() }}

      <div class="row m-b-40">
        <div class="col-md-12">
          <div class="well white">
            <fieldset>
              <input type="hidden" name="search" id="search" value="true">
              <div class="form-group col-md-3 padding-left">
                <label for="search_from_date" class="control-label">FROM DATE</label>
                <input type="text" class="form-control datepicker" name="search_from_date" id="search_from_date" value="@if(isset($searchData['from_date'])){{ $searchData['from_date']}}@endif">
              </div>
              <div class="form-group col-md-3 padding-left">
                <label for="search_to_date" class="control-label">TO DATE</label>
                <input type="text" class="form-control datepicker" name="search_to_date" id="search_to_date" value="@if(isset($searchData['to_date'])){{ $searchData['to_date']}}@endif">
              </div>
              <div class="form-group col-md-3 padding-left">
                <label for="search_from_date" class="control-label">ORIGIN CITY</label>
                <input type="text" class="form-control" name="search_origin" id="search_origin" value="@if(isset($searchData['origin'])){{ $searchData['origin']}}@endif">
              </div>

              <div class="form-group col-md-3 padding-left">
                <label for="search_from_date" class="control-label">DESTINATION CITY</label>
                <input type="text" class="form-control" name="search_destination" id="search_destination" value="@if(isset($searchData['destination'])){{ $searchData['destination']}}@endif">
              </div>

              <div class="form-group col-md-3 padding-left">
                <label for="search_origin_state" class="control-label normal">ORIGIN STATE</label>
                {!! FormField::select2('search_origin_state', $states, (isset($searchData['origin_state']) ? $searchData['origin_state'] : ''), false, 'All') !!}
              </div>

              <div class="form-group col-md-3 padding-left">
                <label for="search_destination_state" class="control-label normal">DESTINATION STATE</label>
                {!! FormField::select2('search_destination_state', $states, (isset($searchData['destination_state']) ? $searchData['destination_state'] : ''), false, 'All') !!}
              </div>

             <!--  <div class="form-group col-md-3 padding-left">
                <label for="search_user" class="control-label normal" style="margin-top:10px;">USER</label>
                  {!! FormField::select2('search_user', $users, (isset($searchData['user']) ? $searchData['user'] : ''), false, 'All') !!}
              </div> -->

              <!-- <div class="form-group col-md-3 padding-left">
                <label for="search_carrier" class="control-label">CARRIER</label>
                <input type="text" class="form-control" name="search_carrier" id="search_carrier" value="@if(isset($searchData['carrier'])){{ $searchData['carrier']}}@endif">
              </div>
              <div class="clearfix"></div>
              <div class="form-group col-md-3 padding-left">
                <label class="control-label normal" for="search_offer_status">Status</label>
                <select name="search_offer_status" id="search_offer_status" class="form-control">
                  <option value="">all</option>
                  <option value="tentative-selected">tentative-selected</option>
                  <option value="accepted">accepted</option>
                </select>
              </div> -->

              <div class="clearfix"></div>
            </fieldset>
          </div>
        </div>

        <div class="newcontbtn">
          <input class="btn btn-sm btn-danger contbtnnew" type="submit" name="filter-submit-btn" id="filter-submit-btn" value="Search">

          <input class="btn btn-sm btn-danger contbtnnew" type="button" name="filter-clear-btn" id="filter-clear-btn" value="Clear">
        </div>
      </div>
    </form>
  </section>
</div>

<hr />

<div class="card">
  <div>

    <div class="datatables">
      <table id="carrierPoint-table" class="table table-full table-full-small" cellspacing="0" width="100%">
        <thead>
          <tr>
            <th>Actions</th>
            <th>Created Date</th>
            <th>dsm ID</th>
            <th>Load ID</th>
            <th>Pickup Deadline Date/Time</th>
            <th>Delivery Date</th>
            <th>Origin City</th>
            <th>Origin State</th>
            <th>Origin Zip</th>
            <th>Destination City</th>
            <th>Destination State</th>
            <th>Destination Zip</th>
            <th>Distance</th>
            <th>Total Weight</th>
            <th>Commodity Code</th>
            <th>Equipment Type</th>
            <th>Dat Rate</th>
            <th>Calculate Dat Rate</th>
            <th>Truckstop Load Post</th>
            <th>Dat Load Post</th>
            <th>Actions</th>
          </tr>
        </thead>

        <tbody id="carrierpoint-body"></tbody>

        <tfoot>
          <tr>
            <th>Actions</th>
            <th>Created Date</th>
            <th>Load ID</th>
            <th>Pickup Deadline Date/Time</th>
            <th>Delivery Date</th>
            <th>Origin City</th>
            <th>Origin State</th>
            <th>Origin Zip</th>
            <th>Destination City</th>
            <th>Destination State</th>
            <th>Destination Zip</th>
            <th>Distance</th>
            <th>Total Weight</th>
            <th>Commodity Code</th>
            <th>Equipment Type</th>
            <th>Dat Rate</th>
            <th>Calculate Dat Rate</th>
            <th>Truckstop Load Post</th>
            <th>Dat Load Post</th>
            <th>Actions</th>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>
</div>

@endsection

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