@extends('admin.layout.app')

@section('more-head')
 <link rel="stylesheet" type="text/css" href="{{ asset('admin/bower_components/select2/dist/css/select2.min.css') }}">
 <link rel="stylesheet" href="{{ asset('admin/dist/css/AdminLTE.min.css') }}">
@endsection

@section('main-content')

 <section class="content-header">
  <h1>
   PARKING MANAGEMENT SYSTEM

  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title">Delivery</h3>

    <div class="box-tools pull-right">
     <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
      <i class="fa fa-minus"></i></button>

    </div>
   </div>
   @include('includes.messages')
   <form role="form" method="post" action="{{ route('bush_delivery.store') }}" enctype="multipart/form-data"
    id="myFormId">
    {{ csrf_field() }}
    <div class="box-body">
     <div class="col-md-offset-1 col-md-6">
      <div class="col-md-8">
       @can('operation.registration', Auth::user())
        <div class="form-group">

         <label for="type"> Select type:</label>
         <select id="type" class="form-control select2 required" data-placeholder="Select Type" style="width: 100%;"
          name="type" required>
          <option value="">Select type</option>
          <option value="bush delivery" selected>Bush Delivery</option>
          <option value="discrepant">LBC Discrepant</option>
          <option value="shed discrepant">Shed Discrepant</option>
          <option value="Intra-Warehouse">Intra-Warehouse Transfer</option>
          <option value="Inter-Warehouse">Inter-Warehouse Transfer</option>
         </select>
         <br><br>

        </div>
        <div class="form-group hise sd">

         <label for="districts"> Select District</label>
         <select id="districts" class="form-control select2" multiple="multiple" data-placeholder=" Select districts"
          style="width: 100%;" name="districts[]">
          <option value="">Select district(s).</option>
          @if ($revisedDistricts->count() > 0)
           @foreach ($revisedDistricts as $district)
            <option value="{{ $district->id }}">{{ $district->district_name }}</option>
           @endforeach
          @else
           @foreach ($notRevisedDistricts as $district)
            <option value="{{ $district->id }}">{{ $district->district_name }}</option>
           @endforeach
          @endif

         </select>
         <br><br>

        </div>
        <div class="form-group sd">

         <label for="lbc_id"> Select LBC</label>
         <select id="lbc_id" class="form-control select2 required" data-placeholder="Select LBC" style="width: 100%;"
          name="lbc_id">
          <option value="0">Select LBC.</option>
          @foreach ($lbcs as $lbc)
           <option value="{{ $lbc->id }}">{{ $lbc->name }}</option>
          @endforeach

         </select>
         <br><br>

        </div>

        <div class="form-group">

         <label for="category_id"> Select Season</label>
         <select id="season_id" class="form-control select2 required" data-placeholder="Select season_id"
          style="width: 100%;" name="season_id" required>
          <option value="" selected>Select season</option>
          @foreach ($seasons as $season)
           <option value="{{ $season->id }}" @if ($season->status == 'active') selected @endif>{{ $season->name }}
           </option>
          @endforeach
         </select>
         <br><br>

        </div>

        <div class="form-group">
         <label for="port_id"> Select TOC</label>
         <select id="port_id" class="form-control select2 required" data-placeholder="Select port_id"
          style="width: 100%;" name="port_id" disabled>

          @foreach ($ports as $port)
           <option @if ($port->id == $user_port) selected @endif value="{{ $port->id }}">{{ $port->name }}
           </option>
          @endforeach
         </select>
         <br><br>

        </div>
        <div class="form-group sd">
         <label for="driver_contact"> Driver's Contact</label>
         <input type="text" class="form-control" id="driver_contact" name="driver_contact"
          placeholder="driver_contact">
        </div>

        <div class="form-group">
         <label for="truck_no"> Truck Number</label>
         <input type="text" class="form-control" id="truck_no" name="truck_no" placeholder="truck_no">
        </div>

        <div class="form-group sd">
         <label for="no_bags">Total No of bags</label>
         <input type="number" class="form-control" id="no_bags" name="no_bags"
          placeholder="bush delivery no bags eg. 200">
        </div>
       @endcan

       @can('operation.checkpoint', Auth::user())
        {{-- expr --}}

        <div class="form-group sd">
         <label for="eta"> eta</label>
         <input type="date" class="form-control" id="eta" name="eta" placeholder="eta">
        </div>

        <div class="form-group sd">
         <label for="driver_name"> Driver's Name</label>
         <input type="text" class="form-control" id="driver_name" name="driver_name" placeholder="driver_name">
        </div>
        <div class="form-group sd">
         <label for="driver_license"> Driver's License</label>
         <input type="text" class="form-control" id="driver_license" name="driver_license"
          placeholder="driver_license">
        </div>

        <div class="form-group sd">
         <label for="mate_name"> Mate's Name</label>
         <input type="text" class="form-control" id="mate_name" name="mate_name" placeholder="mate_name">
        </div>
        <div class="form-group sd">
         <label for="mate_contact"> Mate's Contact</label>
         <input type="text" class="form-control" id="mate_contact" name="mate_contact" placeholder="mate_contact">
        </div>
       @endcan
      </div>

     </div>
    </div>

    <!-- /.box-body -->
    <div class="box-footer">
     <button id="submit_form" type="submit" class="btn btn-primary">Submit</button>
    </div>
   </form>
   <!-- /.box-footer-->
  </div>
  <!-- /.box -->

 </section>

@endsection

@section('more-scripts')
 <script src="{{ asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
 <script src="{{ asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
 <script src="{{ asset('admin/bower_components/select2/dist/js/select2.full.min.js') }}"></script>
 <script>
  $(function() {
   $('#port_id').prop('disabled', true);

   $('.select2').select2();


   $('#type').on('change', function(event) {
    event.preventDefault();
    /* Act on the event */
    type = $('#type').val();
    if (type == 'discrepant') {
     $('.hise').hide();
    } else if (type == 'shed discrepant') {
     $('.sd').hide();
     $('#lbc_id').val(1);
    } else if (type == 'Intra-Warehouse') {
     $('.sd').hide();
     $('#lbc_id').val(1);
    } else if (type == 'Inter-Warehouse') {
     $('.sd').hide();
     $('#lbc_id').val(1);
    } else
     $('.hise').show();

   });


   $('#submit_form').on('click', function(event) {
    lbc_id = $('#lbc_id').val();
    type = $('#type').val();

    $('#port_id').prop('disabled', false);

    if (lbc_id == '0' || type == '0') {
     event.preventDefault();
     alert('Kindly select an LBC or Delivery Type');
     return false;
    } else {
     var cm = confirm('Are you sure you want to add delivery?')
     if (cm == true) {
      $('this').attr('disabled', true);
      return true;
     } else {
      return false;
     }
    }


   });
   $('#myFormId').submit(function() {
    $("#submit_form", this)
     .html("Please Wait...")
     .attr('disabled', 'disabled');
    return true;
   });

  })
 </script>
@endsection