@extends('layouts.admin')

@section('content')
  <style type="text/css">
    /*.popover {
      z-index: 1024;
      top: 0px;
    }

    .popover-table {
      top: 0px !important;
      z-index: 99;
    }*/

    #datatable-compact tr {
      border-bottom:1px solid #EEEEEE;
      text-align: center;
    }

    #datatable-compact tr td:last-child {
      text-align: left;
    }

    #datatable-compact .btn {
      font-size: 10px;
      margin: 4px;
    }
  </style>

  {{ csrf_field() }}

  <div class="newcontbtn" style="margin-left: 0px;">
    <a href="{{ url('admin/inbev') }}" class="btn btn-sm btn-danger btn-white">
      <i class="fa fa-arrow-left"></i> back <div class="ripple-wrapper"></div>
    </a>
  </div>

  <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-4 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-4 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-4 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="clearfix"></div>

                <div class="form-group col-md-4 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-4 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-4 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-4 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-4 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-4 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 & Refresh">
          </div>
        </div>
      </form>
    </section>
  </div>

  <hr />

  <div class="card">
    <table
      id="datatable-compact"
      class="display compact "
      cellspacing="0"
      width="100%"
      style="width: 100%;"
    >
      <thead>
        <tr>
          {{-- <th></th> --}}

          <th>ID</th>
          <th>Created By</th>
          <th>Carrier</th>
          <th>Phone</th>
          <th>Price</th>
          <th>Notes</th>
          <th>Status</th>
          <th>Created Time</th>
          <th>Inbev Order ID</th>
          <th>Contract Rate</th>
          <th>Load ID</th>
          <th>Dat rate</th>
          <th>Calculated Dat rate</th>
          <th>Actions</th>
        </tr>
      </thead>

      <tbody></tbody>

      <tfoot>
        <tr>
          {{-- <th></th> --}}

          <th>ID</th>
          <th>Created By</th>
          <th>Carrier</th>
          <th>Phone</th>
          <th>Price</th>
          <th>Notes</th>
          <th>Status</th>
          <th>Created Time</th>
          <th>Inbev Order ID</th>
          <th>Contract Rate</th>
          <th>Load ID</th>
          <th>Dat rate</th>
          <th>Calculated Dat rate</th>
          <th>Actions</th>
        </tr>
      </tfoot>
    </table>
  </div>
@endsection

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