@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">

  <!-- Default box -->
  <div class="box">
    <div class="box-header with-border">
      <h3 class="box-title">SUMMARY OF JOB PERFORMANCE (COST) SHEET</h3>
       <div class="box-tools pull-right">
            <a class="btn btn-info" href="{{ route('generate.intwaybill.cost',$cost_sheet) }}">Generate Cost Sheet </a>

          </div>
    </div>
    
      <div class="box-body table-responsive">

        <div class="col-md-offset-0 col-md-12"> 
          <table class="table table-bordered">
            <tr>
              <th>COST SHEET REF.</th>
              <th>GANG</th>
              <th>TOC</th>
              <th>SEASON</th>
              <th>COST SHEET DATE</th>
              <th>TYPE</th>
            </tr>
            <tr>
              <td>{{$cost_sheet->cost_sheet_ref}}</td>
              <td>{{$cost_sheet->gang->gang_name}}</td>
              <td>{{$cost_sheet->port->name}}</td>
              <td>{{$cost_sheet->season->name}}</td>
              <td>{{$cost_sheet->cost_sheet_date}} <input type="hidden" name="cost_sheet_id" id="cost_sheet_id" value="{{$cost_sheet->id}}"></td>
              <td>{{strtoupper($cost_sheet->type)}}</td>
            </tr>
          </table>
        </div>

        <div class="col-md-offset-0 col-md-12">
          
                   
                    <table  class="table table-bordered table-striped table-condensed" id="example1">
                      <thead>
                        <tr>
                          <th>No.</th>
                          <th>Activity</th>
                          
                          <th>LBC</th>
                         
                          <th>FACTORY</th>
                          {{-- <th>TYPE</th> --}}
                         
                          <th>Quantity Fulfilled (Bags)</th>
                          <th> Waybill No.</th>
                          <th> Waybill Date</th>
                          
                            <th>Purity Date</th>
                            <th>Purity Number</th>
                       
                          <th>Shed</th>
                          {{-- <th>Offloading Date</th>
                          <th>Evacuation Date</th> --}}
                          <th>Activity Date</th>
                          <th>Add to Cost Sheet</th>

                        </tr>
                      </thead>
                      <tbody>

                          
                           
                               @foreach ($shed_gang_allocations as $shed_gang_allocation)
                                  
                                     <tr>
                                        <td>{{$loop->index + 1}}.</td>
                                       <td>{{strtoupper($shed_gang_allocation->activity->activity_name)}}</td>
                                       <td>{{optional(optional($shed_gang_allocation->internal_waybill)->lbc)->name}}</td>
                                       <td>{{optional(optional($shed_gang_allocation->shed_waybill)->consignee)->name}}</td>
                                       <td>{{$shed_gang_allocation->quantity_fulfiled}}</td>
                                       <td>{{optional($shed_gang_allocation->internal_waybill)->internal_waybill_no}}</td>
                                       <td>{{optional($shed_gang_allocation->internal_waybill)->internal_waybill_date}}</td>
                                       <td>{{optional($shed_gang_allocation->internal_waybill)->purity_date}}</td>
                                       <td>{{optional($shed_gang_allocation->internal_waybill)->purity_number}}</td>
                                       <td>{{$shed_gang_allocation->shed->name}}</td>
                                       {{-- <td>{{optional($shed_gang_allocation->internal_waybill)->offloading_date}}</td>
                                       <td>{{optional(optional($shed_gang_allocation->shed_waybill)->shed_evac)->date_assigned}}</td> --}}
                                       <td>{{$shed_gang_allocation->gang_allocation->allocation_date}}</td>
                                          <td>
                                            <div class="form-group">
                                             <div class="checkbox">
                                              <input type="hidden" id="user_id" value="{{Auth::id()}}">
                                              <label>
                                                <input type="checkbox" id="check_{{$shed_gang_allocation->id}}" name="check_{{$shed_gang_allocation->id}}" value="{{$shed_gang_allocation->id}}" class="addme" @if ($shed_gang_allocation->cost_sheet_id != NULL)
                                                 disabled 
                                                @endif>
                                          </td>
                                     
                                     </tr>
                              
                             @endforeach
                         
                          <!--@if ($cost_sheet->type == 'evacuation')
                           
                               @foreach ($shed_gang_allocations as $shed_gang_allocation)
                                 @if ($shed_gang_allocation->type == 'evacuation')
                                     <tr>
                                        <td>{{$loop->index + 1}}.</td>
                                       <td>{{strtoupper($shed_gang_allocation->activity->activity_name)}}</td>
                                       <td>{{optional(optional($shed_gang_allocation->shed_waybill)->consignee)->name}}</td>
                                       <td>{{strtoupper(optional($shed_gang_allocation->shed_waybill)->type)}}</td>
                                       <td>{{$shed_gang_allocation->quantity_fulfiled}}</td>
                                       <td>{{optional($shed_gang_allocation->shed_waybill)->waybill_no}}</td>
                                       <td>{{optional($shed_gang_allocation->shed_waybill)->waybill_date}}</td>
                                       {{-- <td>{{optional($shed_gang_allocation->shed_waybill)->purity_date}}</td>
                                       <td>{{optional($shed_gang_allocation->shed_waybill)->purity_number}}</td> --}}
                                       <td>{{$shed_gang_allocation->shed->name}}</td>
                                       <td>{{optional(optional($shed_gang_allocation->shed_waybill)->shed_evac)->date_assigned}}</td>
                                       
                                          <td>
                                            <div class="form-group">
                                             <div class="checkbox">
                                              <input type="hidden" id="user_id" value="{{Auth::id()}}">
                                              <label>
                                                <input type="checkbox" id="check_{{$shed_gang_allocation->id}}" name="check_{{$shed_gang_allocation->id}}" value="{{$shed_gang_allocation->id}}" class="addme" @if ($shed_gang_allocation->cost_sheet_id != NULL)
                                                 disabled 
                                                @endif>
                                          </td>
                                     
                                     </tr>
                               @endif
                             @endforeach
                          @endif -->


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

        headers: {

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

        }

    });

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

     $('.addme').on('click', function(event) {
      //event.preventDefault();
      /* Act on the event */

     //alert('working')
    var cost_sheet_id = $('#cost_sheet_id').val();             
    var id = parseInt($(this).val(), 10);

    if($(this).is(':checked')) {
        //alert(id);
        $.ajax({
          url: '{{ url('add_to_cost_sheet') }}',
          type: 'PUT',
          data: {
            id: id,
            cost_sheet_id : cost_sheet_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('remove_from_cost_sheet') }}',
          type: 'PUT',
          data: {
            id: id
            
            
          },
        })
        .done(function(data) {
          console.log(data);
          console.log('unchecked');
        })
        .fail(function() {
          console.log('error');
        })
        .always(function() {
          console.log('complete');
        });
        
      }
    });

   

  })
</script>

@endsection