@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>
   CMC OPERATIONS MANAGEMENT SYSTEM

  </h1>

 </section>

 <section class="content">

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

    <div class="box-tools pull-right">

    </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_5" data-toggle="tab" aria-expanded="false"
        style="color:darkcyan; font-weight:  bolder;">STACK SUMMARY</a></li>
     </ul>
     <div class="tab-content">

      <div class="tab-pane active" id="tab_5">
       <div class="table-responsive">
        <br>
        @foreach ($stacks as $stack)
         @foreach ($stack->mini_shed_stacks->whereNull('status') as $mini_shed_stack)
          <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
           <br>

           <div class="info-box-content">
            <span class="info-box-text" style="font-weight: bolder;font-size: 18px;">
             {{ strtoupper($mini_shed_stack->mini_name) }}</span> <br>
            @if (Auth::user()->shed_id != 48)
             <span class="info-box-number">BAGS: <b style="color: red;">
               {{ $mini_shed_stack->stack_records->whereIn('transaction_type', ['offloading', 'both'])->sum('quantity_added') -
                   $mini_shed_stack->stack_records->whereIn('transaction_type', ['evacuation', 'both'])->sum('quantity_evacuated') }}</b></span>
            @else
             <span class="info-box-number">TONNAGE: <b style="color: red;">
               {{ $mini_shed_stack->stack_records->whereIn('transaction_type', ['offloading', 'both'])->sum('tonnage_added') -
                   $mini_shed_stack->stack_records->whereIn('transaction_type', ['evacuation', 'both'])->sum('tonnage_evacuated') }}</b></span>
            @endif
            <span class="info-box-number">CAT:
             <b style="color: green; font-style: italic;">
              @foreach ($categories as $category)
               @if ($category->id == $mini_shed_stack->category_id)
                {{ strtoupper($category->name) }}
               @endif
              @endforeach
             </b>
            </span>
            <span class="info-box-number">COCOA TYPE:
             <b style="color: green; font-style: italic;">
              @foreach ($cocoa_types as $cocoa_type)
               @if ($cocoa_type->id == $mini_shed_stack->cocoa_type_id)
                {{ strtoupper($cocoa_type->type_name) }}
               @endif
              @endforeach
             </b>
            </span>
            <span class="info-box-number">SPECIALTY TYPE:
             <b style="color: green; font-style: italic;">
              @foreach ($specialty_types as $specialty_type)
               @if ($specialty_type->id == $mini_shed_stack->specialty_type_id)
                {{ strtoupper($specialty_type->specialty_name) }}
               @endif
              @endforeach
             </b>
            </span>
            <span class="info-box-number">CLIENT TYPE:
             <b style="color: green; font-style: italic;">
              @foreach ($client_types as $client_type)
               @if ($client_type->id == $mini_shed_stack->client_type_id)
                {{ strtoupper($client_type->name) }}
               @endif
              @endforeach
             </b>
            </span>
            <span class="info-box-number">STACK HISTORY:
             <b style="color: green; font-style: italic;">
              <a href="{{ route('view.mini_stack_records', $mini_shed_stack) }}" class="btn btn-SUCCESS">RECORDS</a>
             </b>
            </span>
           </div>

          </div>
          <!-- </div> -->
         @endforeach
        @endforeach

       </div>

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

   $('#example1').DataTable();
   $('.example2').DataTable();
   $('#example3').DataTable();
   $('.select2').select2();

   $('#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;
    }


   });

  })
 </script>
@endsection