@extends('admin.layout.app')

@section('more-head')
 <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">
  @php
   use Carbon\Carbon;
  @endphp
  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title">FUMIGATION REQUESTS</h3>

    <div class="box-tools pull-right">
     <a id="sb" class="btn btn-info" href="{{ route('add_mini_shed_stacks_to_fumigation_request', $fumigation_request) }}"
     {{--  @if ($fumigation_request->status == 'depot_verified') disabled onclick="event.preventDefault();" @endif --}}>Add Stacks to Fumigation Request </a>

    </div>
    <button id="print" class="btn btn-success" class="pull-left"><i class="fa fa-print" aria-hidden="true"></i> Print
    </button>
   </div>
   <table width="1067" border="0" align="center">
    <tr>
     <td width="83" height="89">
      <table width="90" height="80" border="0">
       <tr>
        <td width="84"><img id="cimg" src="{{ asset('admin/dist/img/cmclogo.png') }}" class="img-circle"
          alt="User Image"></td>
       </tr>
      </table>
     </td>
     <td width="848">
      <table width="876" height="86" border="0">
       <tr>
        <td width="870">
         <div align="center" class="style4">COCOA MARKETING COMPANY (GH) LIMITED</div>
        </td>
       </tr>
       <tr>
        <td>
         <div align="center" class="style5">WAREHOUSING AND PORT OPERATIONS DEPARTMENT -
          {{ strtoupper(Auth::user()->port->name) }}</div>
        </td>
       </tr>
       <tr>
        <td>
         <div align="center" class="style6">FUMIGATION REQUESTS</div>
        </td>
       </tr>
      </table>
     </td>
     <td width="122">&nbsp;</td>
    </tr>
   </table>

   <div class="box-body table-responsive">
    <div class="col-md-offset-0 col-md-12">
     <table class="table-bordered table">
      <tr>
       <th>FUMIGATION REQUEST REFERENCE.</th>
       <th>DATE</th>
       <th>SHED</th>
       <th>SEASON</th>
       {{-- <th>ACTIVITY DATE</th> --}}

      </tr>
      <tr>
       <td>{{ $fumigation_request->request_ref }}</td>
       <td>{{ Carbon::parse($fumigation_request->date)->format('dS M Y')  }}</td>
       <td>{{ $fumigation_request->shed->name }}</td>
       <td>{{ $fumigation_request->season->name }}</td>
       {{-- <td>{{ Carbon::parse($fumigation_request->activity_date)->format('dS M Y') }} <input type="hidden"
         name="fumigation_request_id" id="fumigation_request_id" value="{{ $fumigation_request->id }}"></td> --}}
      </tr>
     </table>
    </div>

    <div class="col-md-offset-0 col-md-12">

     <table class="table-bordered table-striped table-condensed table">
      <thead>
       <tr>
        <th>No.</th>
         <th>STACK</th>
        <th>No. of Bags</th>
        {{-- <th>Remarks</th> --}}
        <th class="hiide">Add to Request</th>
        {{-- <th>QCC Info</th> --}}
        
       </tr>
      </thead>
      <tbody>
       @foreach ($mini_shed_stacks as $mini_shed_stack)
        <tr>
         <td>{{ $loop->index + 1 }}.</td>
         <td>{{ $mini_shed_stack->mini_name }}</td>
         <td>{{ $mini_shed_stack->stack_records->where('transaction_type', 'offloading')->sum('quantity') - $mini_shed_stack->stack_records->where('transaction_type', 'evacuation')->sum('quantity') }}</td>
         {{-- <td><a href="#" class="btn btn-warning">Remarks</a></td> --}}
         <td class="hiide">
          <div class="form-group">
            <div class="checkbox">
             <label>
              <input type="checkbox" id="check_{{ $mini_shed_stack->id }}" name="check_{{ $mini_shed_stack->id }}"
               value="{{ $mini_shed_stack->id }}"
               onclick='
                                  var id = parseInt($(this).val(), 10);
                                  if($(this).is(":checked")) {
                                          //alert(id);
                                    $.ajax({
                                      url: "{{ url('check_mini_stack_to_fumigate') }}",
                                      type: "PUT",
                                      data: {
                                        id: id,

                                      },
                                    })
                                    .done(function(data) {
                                      console.log(data);
                                      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_mini_stack_to_fumigate') }}",
                                      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 ($mini_shed_stack->fum_status == 1)
              checked 
        @endif
        >

        </label>
   </div>
  </div>
       </td>
         {{-- <td><a href="#" class="btn btn-success">QCC INFO</a></td> --}}
         
        </tr>
       @endforeach
       <tr>
        <td colspan="2"></td>
        <th>TOTAL BAGS</th>
        {{-- <th style="color:green;">{{ $mini_shed_stacks->sum('quantity_fulfiled') }}</th style="color:green;"> --}}
        <td class="hiide" colspan="9"></td>
       </tr>
      </tbody>
     </table>

    </div>

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

    </div>

   </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>
  $(function() {

   $(document).ready(function() {
    function disablePrev() {
     window.history.forward()
    }
    window.onload = disablePrev();
    window.onpageshow = function(evt) {
     if (evt.persisted) disableBack()
    }
   });

   $.ajaxSetup({

    headers: {

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

    }

   });


   $('#example1').DataTable()
   $('#example2').DataTable({
    'paging': true,
    'lengthChange': false,
    'searching': false,
    'ordering': true,
    'info': true,
    'autoWidth': false
   })

   $('.natic').hide();

   $('#print').on('click', function(event) {
    //event.preventDefault();
    $(this).hide();
    $('.main-footer').hide();
    $('.box-header').hide();
    $('.atic').hide();
    $('.hiide').hide();
    $('.natic').show();
    window.print();
    $(this).show();
    $('.hiide').show();
    $('.atic').show();
    $('.natic').hide();
    $('#sb.show').show();
   });

  })
 </script>
@endsection