@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') }}">
 <link rel="stylesheet" href="{{ asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
@endsection

@section('main-content')
 <section class="content-header">
  <h1>
   OPERATIONS MANAGEMENT SYSTEM

  </h1>

 </section>

 <section class="content">

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

    <div class="box-tools pull-right">
     {{-- <a class="btn btn-danger" href="{{ route('shed.shack.show') }}">Back to Transactions</a> --}}
     @php
      $user = Auth::user();
      
     @endphp
    </div>
   </div>
   @include('includes.messages')
   <form role="form" method="post" action="{{ route('process.gang_allocation.form') }}" enctype="multipart/form-data"
    id="myFormId">
    {{ csrf_field() }}
    <div class="box-body">
     <div class="col-md-6">
      <div class="col-md-8">
       <div class="form-group">
        <label for="allocation_date">Date of Allocation</label>
        <input class="form-control" type="date" name="allocation_date" id="offloading_date" required>
       </div>

       @if ($user->shed_id != null or $user->shed_id != 0)
        <div class="form-group">

         <label for="shed_id"> Shed</label>
         <select id="shed_id" class="form-control select2 required" name="shed_id">
          <option value="">Select Shed</option>
          <option value="{{ $user->shed_id }}">{{ App\Model\shed::find($user->shed_id)->name }}</option>

         </select>
         <br><br>

        </div>
       @else
        <div class="form-group">

         <label for="shed_id"> Shed</label>
         <select id="shed_id" class="form-control select2 required" name="shed_id">
          <option value="">Select Shed</option>
          <option value="all">All</option>
          @foreach ($sheds as $shed)
           <option value="{{ $shed->id }}">{{ $shed->name }} </option>
          @endforeach

         </select>
         <br><br>

        </div>
       @endif

       <div class="form-group">
        <label for="gang_id">gang: </label>
        <div class>
         <select name="gang_id" id="gang_id" class="form-control select2" required>
          <option value=""> Select gang:</option>
          <option value="all">All</option>
          @foreach ($gangs as $gang)
           <option value="{{ $gang->id }}"> {{ $gang->gang_name }}</option>
          @endforeach
         </select>
        </div>
       </div>
       <div class="form-group">
        <button type="submit" id="verify_submit" class="btn btn-primary">Submit</button>
       </div>
      </div>

     </div>
     {{-- @if ($user->shed_id == null or $user->shed_id == 0)
      <div class="col-md-12 table-responsive">
       <table id="example1" class="table-bordered table-striped table">
        <thead>
         <tr>
          <th>GANG</th>
          <th>ACTIVITY</th>
          <th>DATE ALLOCATED</th>
          <th>TONNAGE ALLOCATED</th>
          <th>TONNAGE FULFILLED</th>
          <th>SHED</th>
          <th>Edit</th>
         </tr>
        </thead>
        <tbody>

         @foreach ($gang_allocations as $gang_allocation)
          <tr>
           <td>{{ $gang_allocation->gang->gang_name }}</td>
           <td>{{ $gang_allocation->activity->activity_name }}</td>
           <td>{{ Carbon\Carbon::parse($gang_allocation->allocation_date)->format('dS M Y') }}</td>
           <td>{{ $gang_allocation->quantity_allocated }}</td>
           <td>{{ $gang_allocation->shed_gang_allocations->sum('quantity_fulfiled') / 16 }}</td>
           <td>{{ App\Model\shed::find($gang_allocation->shed_id)->name }}</td>
           <td><a href="{{ route('gang_allocation.edit', $gang_allocation) }}" class="btn btn-warning"
              @if ($gang_allocation->cost_sheet_id != null) onclick="event.preventDefault()";oncontextmenu=”return false”; disabled @endif
             disabled onclick="event.preventDefault()">
             EDIT</td>

          </tr>
         @endforeach

        </tbody>
       </table>
      </div>
     @endif --}}
    </div>

    <!-- /.box-body -->
    <div class="box-footer">
     {{-- <button type="submit" id="verify_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() {

   $('#example1').DataTable({
    ordering: false,
   });

   $.ajaxSetup({

    headers: {

     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

    }

   });

   //   $('#offloading_date').on('change', function(event) {
   //   //event.preventDefault();

   //   var offloading_date = $('#offloading_date').val();
   //   //alert(offloading_date)
   //   var token = $('input[name="_token"]').val();

   //   $.ajax({
   //     url: '{{-- url('gang_allocations_for_shed') --}}',
   //     type: 'post',
   //     data: {token:token,  offloading_date: offloading_date},
   //     success: function(data){

   //       console.log(data);

   //       $('#gang_allocation_id').html(data);

   //     }
   //   });

   // });


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

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

  })
 </script>
@endsection