@can('depot', Auth::user())

 @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') }}">
  <link rel="stylesheet" href="{{ asset('admin/bower_components/datatables.net-bs/css/responsive.dataTables.min.css') }}">
 @endsection
 @section('main-content')
  <section class="content-header">
   <h1>
    CMC OPERATIONS MANAGEMENT SYSTEM

   </h1>

  </section>

  <section class="content">

   <!-- Default box -->
   <div class="box">
    <div class="box-header with-border">
     <h3 class="box-title">Stacks At <b style="color: red;"> {{ strtoupper($shed->name) }} SHED </b> </h3>

     <div class="box-tools pull-right">
      <a class="btn btn-danger" href="{{ route('shed.shack.show') }}">Back to Transactions</a>

     </div>
    </div>
    @include('includes.messages')

    <div class="box-body">
     <div class="nav-tabs-custom">
      <ul class="nav nav-tabs">
       <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">VIEW INTERNAL WAYBILL(S)</a></li>
       {{-- <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">CREATE STACK</a></li> --}}

      </ul>
      <div class="tab-content">
       <div class="tab-pane active" id="tab_1">
        <div class="col-md-12 table-responsive" oncontextmenu="return false;">
         <br>
         <table id="example1" class="table-bordered table-striped table-condensed table">
          <thead>
           <tr style="text-transform: uppercase;">
            <th>No.</th>
            <th>LBC </th>
            <th>TRANS. CODE</th>
            <th>TRUCK</th>
            <th>Region</th>
            <th>Internal Waybill No.</th>
            <th>Bush Waybill No.</th>
            <th>No. of Bags</th>
            <th>Internal Waybill Date</th>
            <th>Internal Waybill Grade</th>
            <th>COCOA TYPE</th>
            <th>SPECIALTY</th>
            <th>CLIENT</th>
            <th>CAT</th>
            <th>LEFT OVER</th>
            <th>port Qty</th>
            <th>Offloading Date</th>
            <th>purity number</th>
            <th>purity date </th>
            <th>purity cat </th>
            <th>purity grade</th>
            <th>Rejections</th>
            <th>Excess/Short</th>
            <th>CTOR number</th>
            <th>CTOR date</th>
            <th>Stack </th>
            <th>Clerk</th>
            <th>Gang</th>
            <th>EXCESS/SHORT</th>
            <th>GRADE. CHANGE</th>
            <th>OK CHIT</th>
            <th>ADD TO STACK</th>
            <th>EDIT PURITY</th>
            <th>recj. <br>remarks</th>
            <th>Reversal</th>
            @if (Auth::user()->shed_id != 48)
             <th>Gang Activities</th>
            @endif
           </tr>
          </thead>
          <tbody>

           @foreach ($internal_waybills as $internal_waybill)
            <tr style="text-transform: uppercase;">
             <td>{{ $loop->index + 1 }}. </td>
             <td style="font-weight: bold; color: darkcyan;">{{ $internal_waybill->bush_waybill->lbc->name }}</td>

             <td style="color: indigo; font-weight: bold;">{{ $internal_waybill->bush_delivery->transaction_code }}</td>
             <th>{{ strtoupper($internal_waybill->bush_delivery->truck_no) }}</th>
             <td>{{ App\Model\region::find($internal_waybill->region_id)->name }}</td>
             <td style="font-weight: bold; color: indigo;">{{ $internal_waybill->internal_waybill_no }}</td>
             <td>{{ $internal_waybill->bush_waybill->bush_waybill_no }}</td>
             <td style="font-weight: bold; color: blue">{{ $internal_waybill->internal_no_of_bags }}</td>
             <td>{{ $internal_waybill->internal_waybill_date }}</td>
             <td>{{ $internal_waybill->internal_waybill_grade }}</td>
             <td>{{ optional($internal_waybill->cocoa_type)->type_name }}</td>
             @if ($internal_waybill->specialty_type_id == null)
              <td>{{ $internal_waybill->specialty }}</td>
              <td>{{ $internal_waybill->client_name }}</td>
             @else
              <td>{{ App\Model\specialty_type::find($internal_waybill->specialty_type_id)->specialty_name }}</td>
              <td>{{ App\Model\client_type::find($internal_waybill->client_type_id)?->name }}</td>
             @endif
             <td>{{ $internal_waybill->category->name }}</td>
             <td>
              <div class="form-group">
               <div class="checkbox">
                <label>
                 &nbsp;&nbsp;&nbsp;<input type="checkbox" id="check_{{ $internal_waybill->id }}"
                  name="check_{{ $internal_waybill->id }}" class="chkbox" value="{{ $internal_waybill->id }}"
                  @if (
                      $internal_waybill->purity_number != null or
                          $internal_waybill->purity_no_of_bags_ok != 0 or
                          $internal_waybill->left_over_status == 'leftover' or
                          $internal_waybill->offloading_date) disabled @endif
                  onclick='
														var id = parseInt($(this).val(), 10);
														var ctor_id = $(this).val();
														if($(this).is(":checked"))
														{
															this.checked = confirm("Are you sure you want to tick leftover?");
															if(this.checked == true){
            //alert(id);
																$.ajax({
																	url: "{{ url('check_leftover') }}",
																	type: "PUT",
																	data: {
																		id: id,
	        		ctor_id: ctor_id

																	},
																})
																.done(function(data) {
																	console.log(data);
																	$(".chkbox").attr("disabled", true);
																	console.log("checked");
																})
																.fail(function() {
																	console.log("error");
																})
																.always(function() {
																	console.log("complete");
																});
															}

														} else {
	        // checkbox is not checked -> do something different
	        //var al = "not available"
	        //alert(al);
															$.ajax({
																url: "{{ url('uncheck_leftover') }}",
																type: "PUT",
																data: {
																	id: id,

																},
															})
															.done(function(data) {
																console.log(data);
																console.log("unchecked");
															})
															.fail(function() {
																console.log("error");
															})
															.always(function() {
																console.log("complete");
															});

														}
														'
                  @if ($internal_waybill->left_over_status == 'leftover')
                 checked
           @endif >
           </label>
        </div>
       </div>
       </td>

       <td style="font-weight: bold; color: green;">
        {{ $internal_waybill->purity_no_of_bags_ok }}
       </td>
       <td>{{ $internal_waybill->offloading_date }}</td>
       <td>{{ $internal_waybill->purity_number }}</td>
       <td>{{ $internal_waybill->purity_date }}</td>
       <td>
        {{ optional(App\Model\category::find($internal_waybill->purity_category_id))->name }}
       </td>
       <td>{{ $internal_waybill->purity_grade }}</td>
       <td style="font-weight: bold; color: red">
        @if ($internal_waybill->purity_no_of_bags_ok == 0)
         {{ $internal_waybill->rejections }}
        @elseif($internal_waybill->rejections > 0)
         {{ $internal_waybill->rejections }}
        @else
         N/A
        @endif
       </td>
       <td>
        @if ($internal_waybill->excess > 0)
         Excess: {{ $internal_waybill->excess }}
        @elseif($internal_waybill->excess < 0)
         Short: {{ abs($internal_waybill->excess) }}
        @else
         N/A
        @endif
       </td>
       <td>
        @if ($internal_waybill->ctor()->exists())
         {{ $internal_waybill->ctor->ctor_number }}
        @endif
       </td>
       <td>
        @if ($internal_waybill->ctor()->exists())
         {{ $internal_waybill->ctor->ctor_date }}
        @endif
       </td>
       <td>
        <table class="table">
         <tr>
          <th>Quantity</th>
          <th>Stack</th>
          <th>Re-Stack</th>
         </tr>
         {{-- @foreach ($internal_waybill->waybill_stacks as $waybill_stack)
          <tr>
           <td>{{ $waybill_stack->bags_quantity_added }}</td>
           <td>{{ $waybill_stack->stack->stack_name }}</td>
           <td><a href="{{ route('get.add.re_stack', $waybill_stack) }}"class="btn btn-warning">Re-Stack</a></td>
          </tr>
         @endforeach --}}
         @foreach ($internal_waybill->stack_records as $stack_record)
          <tr>
           <td>{{ $stack_record->quantity_added }}</td>
           <td>{{ $stack_record->mini_shed_stack?->mini_name }}</td>
           <td><a href="{{ route('get.add.re_stack', $stack_record) }}"class="btn btn-warning">Re-Stack</a></td>
          </tr>
         @endforeach
        </table>

       </td>
       <td>
        {{ strtoupper($internal_waybill->clerk_name) }}
       </td>
       <td>
        @if ($internal_waybill->gang_name != null)
         {{ $internal_waybill->gang_name }}
        @else
         @foreach ($shed_gang_allocations as $shed_gang_allocation)
          @if ($internal_waybill->id == $shed_gang_allocation->internal_waybill_id)
           {{ strtoupper($shed_gang_allocation->gang->gang_name) }} <br>
          @endif
         @endforeach
        @endif
       </td>
       <td>
        {{ $internal_waybill->excess }}
       </td>

       <td> <a href="{{ route('cat.change', $internal_waybill) }}" class="btn btn-success"
         @if (
             $internal_waybill->purity_no_of_bags_ok > 0 or
                 $internal_waybill->purity_no_of_bags_ok != null or
                 $internal_waybill->left_over_status == 'leftover' or
                 $internal_waybill->offloading_date) disabled onclick="event.preventDefault();" @endif>GRADE. CHG.</a> </td>

       @if ($internal_waybill->bush_waybill->bush_delivery->first_weight != 0)
        <td><a href="{{ route('get.purity.internal_waybill', $internal_waybill) }}" class="btn btn-info"
          @if (
              $internal_waybill->purity_no_of_bags_ok > 0 or
                  $internal_waybill->left_over_status == 'leftover' or
                  $internal_waybill->rejections == $internal_waybill->internal_no_of_bags) onclick="event.preventDefault()" disabled @endif> OK CHIT.</a>
        </td>

        <td>
         <a href="{{ route('get.add.stack', $internal_waybill) }}" class="btn btn-warning" {{-- @if ($internal_waybill->waybill_stacks->sum('bags_quantity_added') == $internal_waybill->purity_no_of_bags_ok or $internal_waybill->left_over_status == 'leftover') onclick="event.preventDefault()" disabled
												@elseif ($internal_waybill->purity_no_of_bags_ok == 0 or null)
												onclick="event.preventDefault()" disabled @endif --}}
          @if (
              $internal_waybill->stack_records->sum('quantity_added') == $internal_waybill->purity_no_of_bags_ok or
                  $internal_waybill->left_over_status == 'leftover') onclick="event.preventDefault()" disabled
												@elseif ($internal_waybill->purity_no_of_bags_ok == 0 or null)
												onclick="event.preventDefault()" disabled @elseif ($internal_waybill->bush_delivery->second_weight == 0) onclick="event.preventDefault()" disabled @endif>
          STACK</a>
        </td>
        <td>
         <a href="{{ route('get.edit.purity_number', $internal_waybill) }}" class="btn btn-primary"
          @if ($internal_waybill->summary_sheet_status > 0 or $internal_waybill->left_over_status == 'leftover') onclick="event.preventDefault(); " disabled @endif> PURITY INFO.</a>
        </td>
       @else
        <td></td>
        <td></td>
        <td></td>
       @endif

       <td> <a href="{{ route('get.rejection.internal_waybill', $internal_waybill) }}" class="btn btn-danger">remarks</a>
       </td>

       <td>

        <a href="{{ route('reverse.internal_waybill', $internal_waybill) }}" class="btn bg-maroon btn-flat"
         @if ($internal_waybill->ctor()->exists()) disabled onclick="event.preventDefault();"
													@else
													onclick="return confirm('Are you sure you want to reverse this waybill?')" @endif>Reverse
         Waybill</a>
       </td>
       @if (Auth::user()->shed_id != 48)
        <td><a class="btn btn-app" href="{{ route('add.internal.gang_allocation', $internal_waybill) }}">

          <i class="fa fa-users"></i> Gang Activities
         </a></td>
       @endif

       </tr>
       @endforeach
       </tbody>
       </table>

      </div>
     </div>

     <div class="tab-pane" id="tab_3">
      <br>

      <form role="form" method="post" action="{{ route('stack.shed.store') }}" enctype="multipart/form-data"
       id="myFormId">
       {{ csrf_field() }} {{ method_field('POST') }}

       <div class="col-md-4">
        <br>
        <input type="hidden" value="{{ Auth::user()->shed_id }}" name="shed_id" id="shed_id">

        <div class="form-group">
         <label for="stack_location"> Stack Number</label>
         <input type="text" class="form-control" id="stack_name" name="stack_name" placeholder="stack name" required>
        </div>
        <br>
        <div class="form-group">
         <label for="stack_capacity"> Stack Capacity (in Bags)</label>
         <input type="number" class="form-control" id="stack_capacity" name="stack_capacity" placeholder="eg. 500"
          required>
        </div>

        <div class="form-group">

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

        <div class="form-group">
         <button id="submit_form" type="submit" class="btn btn-primary">Submit</button>
        </div>

       </div>
      </form>

     </div>

     <!-- /.tab-pane -->
     <div class="tab-pane" id="tab_10">
      <!--<p>
                                                                                                                            Actual Total No. of Bags on waybill(S) : <b style="color: green;"> {{-- $actual_no_of_bags --}} </b> <br>

                                                                                                                            Expected No. of Bags: <b style="color: indigo;"> {{-- $expected_no_of_bags --}}</b> <br>

                                                                                                                            Difference <b style="color:red;"> {{-- $difference_bags --}}</b> <br>
                                                                                                                            </p>-->
     </div>
     <!-- /.tab-pane -->
    </div>
    <!-- /.tab-content -->
   </div>

   </div>

   <!-- /.box-body -->
   <div class="box-footer">

   </div>

   <!-- /.box-footer-->
   </div>

  </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/datatables.net/js/dataTables.responsive.min.js') }}"></script>
  <script src="{{ asset('admin/bower_components/datatables.net/js/dataTables.colReorder.min.js') }}"></script>
  <script src="{{ asset('admin/bower_components/select2/dist/js/select2.full.min.js') }}"></script>
  <script src="{{-- asset('admin/dist/js/forwardonly.js') --}}"></script>
  <script>
   $(function() {

    var table = $('#example1').DataTable({
     'lengthChange': true,
     'searching': true,
     ' ordering': true,
     'info': true,
     'autoWidth': false,
     'responsive': true
    });

    $('#ctor_table').DataTable();
    $('.select2').select2();

    $.ajaxSetup({

     headers: {

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

     }

    });

    //var ctor_id = $(".chkbox").val();
    //var id = parseInt($(this).val(), 10);
    $('.chkbox').on('click', function(event) {
     //event.preventDefault();
     /* Act on the event */


    });

    $('#submit_form').on('click', function(event) {
     bush_grade = $('#bush_grade').val();
     if (warehouse_id == '0') {
      event.preventDefault();
      alert('Kindly select a Warehouse');
      return false;
     } else {
      return true;
     }


    });

    $('#ctor_submit_form').on('click', function(event) {
     lbc_id = $('#lbc_id').val();
     category_id = $('#category_id').val();
     region_id = $('#region_id').val();

     if (lbc_id == '0' || category_id == '0' || region_id == '0') {
      event.preventDefault();
      alert('Kindly a CTOR Category, LBC or Date');
      return false;
     } else {
      return true;
     }


    });

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


   })
  </script>
 @endsection

@endcan