@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">
  <div class="box">
    <div class="box-header with-border">
      <h3 class="box-title">LSC REPORT</h3>

      <div class="mx-bg-3 col-sm-offset-3 mb-2">
        <a href="{{ URL::route('me.lsc.export') }}" class="btn btn-success" id="batt"> Export To Excel </a>
      </div>
      <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>
    <div class="box-body table-responsive">
      <table id="example2" class="table-bordered table-striped table">
        <thead>
          <tr>
            <th>No.</th>
            <th>TOC</th>
            <th>GANG NAME</th>
            <th>CROP SEASON</th>
            <th>ALLOCATION DATE</th>
            <th>QTY ALLOCATED</th>
            <th>QTY FUFILLED</th>
            <th>VARIANCE</th>
            <th>ACTIVITY</th>
            <th>SHED</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($gang_allocations as $gang_allocation)
          @php
            $allocated = $gang_allocation->quantity_allocated;
            $fulfilled = $gang_allocation->quantity_fulfilled;
            $variance = $allocated - $fulfilled;
          @endphp
          <tr>
            <td>{{ $count++ }}.</td>
            <td>{{ $gang_allocation->port->name }}</td>
            <td>{{ $gang_allocation->gang->gang_name }}</td>
            <td>{{ $gang_allocation->season->name }}</td>
            <td>{{ $gang_allocation->allocation_date }}</td>
            <td>{{ $gang_allocation->quantity_allocated }}</td>
            <td>{{ $gang_allocation->quantity_fulfilled ? $gang_allocation->quantity_fulfilled : 0 }}</td>
            <td>{{ $variance }}</td>
            <td>{{ $gang_allocation->activity->activity_name }}</td>
            <td>{{ $gang_allocation->shed->name }}</td>
          </tr>
          @endforeach
        </tbody>
      </table>
      Showing {{ $gang_allocations->firstItem() }} to {{ $gang_allocations->lastItem() }}
      of total {{ $gang_allocations->total() }} entries
      {!! $gang_allocations->render() !!}
    </div>
  </div>
</section>
@endsection

@section('more-scripts')
<script src="{{ asset('admin/bower_components/datatables.net/js/jquery-3.5.1.js') }}"></script>
<script src="{{ asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script>
  $('#batt').click(function() {
    var button = $(this);
    button.attr('disabled', 'disabled');
  });

  $(function() {
    $('.showee').hide();
    $('#example1').DataTable();
    $('#example2').DataTable({
      'paging': false,
      'lengthChange': false,
      'searching': false,
      'ordering': true,
      'info': false,
      'autoWidth': false
    });
  });
</script>
@endsection