@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-ajax" id="bulkuploadform" name="bulkuploadform">
      {{ csrf_field() }}
      <div class="row m-b-40">
        <div class="col-md-3">&nbsp;</div>

        <div class="col-md-8" style="margin-top: 8px;">
          <div id="dragbox">
            <input type="file" name="importfile" id="importfile" style="width: 45%;margin: 25px auto; outline: none;opacity: 0;">
            <p class="dropmessage">Drop files here or click to upload.</p>
            <p class="fileselect" id="filename" name="filename"></p>
          </div>
          <p><a target="_blank" href="{{url('public/uploads/sample_inbev.csv')}}" style="color: red;">Click here for Sample CSV Format</a></p>
        </div>

        <div class="col-md-3">&nbsp;</div>
      </div>

      <div class="row m-b-40" style="margin-top: -40px;">
        <div class="col-md-3">&nbsp;</div>

        <div class="col-md-8">
          <input class="btn btn-sm btn-danger" type="submit" name="submit" id="bulkupload" value="Submit">
        </div>

        <div class="col-md-3">&nbsp;</div>
      </div>
    </form>
  </section>
</div>

<hr />

<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="inbev-form-filter" name="inbev-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">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="clearfix"></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="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="newcontbtn">
      <select name="bulk-selected-action" id="bulk-selected-action" style="height: 35px; width: 149px;">
        <option value="">select bulk action</option>
        <option value="delete">delete</option>
      </select>

      <input
        class="btn btn-sm btn-danger contbtnnew"
        type="button"
        name="bulk-action-btn"
        id="bulk-action-btn"
        value="Submit"
      />
    </div>

    <div class="datatables">
      <table id="inbev-table" class="table table-full table-full-small" cellspacing="0" width="100%">
        <thead>
          <tr>
            <th></th>
            <th></th>
            <th>Created Date</th>
            <th>Load ID</th>
            <th>Contract Rate</th>
            <th>Rate Adjustment</th>
            <th>Pickup Deadline Date/Time</th>
            <th>Origin City</th>
            <th>Origin State</th>
            <th>Destination City</th>
            <th>Destination State</th>
            <th>Distance</th>
            <th>Total Weight</th>
            <th>Commodity Code</th>
            <th>Equipment Type</th>
            <th>Stops</th>
            <th>Shipment Number</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="inbev-body"></tbody>

        <tfoot>
          <tr>
            <th></th>
            <th></th>
            <th>Created Date</th>
            <th>Load ID</th>
            <th>Contract Rate</th>
            <th>Rate Adjustment</th>
            <th>Pickup Deadline Date/Time</th>
            <th>Origin City</th>
            <th>Origin State</th>
            <th>Destination City</th>
            <th>Destination State</th>
            <th>Distance</th>
            <th>Total Weight</th>
            <th>Commodity Code</th>
            <th>Equipment Type</th>
            <th>Stops</th>
            <th>Shipment Number</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>

<!-- Add Offer 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/inbev/offer') }}">
        <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="offer_inbev_id" name="inbev_id" 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>
@endsection

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