@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')}}">
@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_2" data-toggle="tab" aria-expanded="false">VIEW STACK SUMMARY</a></li>
              <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">CREATE STACK</a></li>
              <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false">CTORs</a></li>
              
             <!-- <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">VIEW INTERNAL WAYBILL(S)</a></li>-->
              <!--<li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                  Dropdown <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>-->
              <!--<li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>-->
            </ul>
            <div class="tab-content">
				<div class="tab-pane active" id="tab_1">
                  <div class="col-md-12 table-responsive">
					<br>
			   <table id="example1" class="table table-bordered table-striped table-condensed">
                <thead>
                <tr>
		                  <th>No.</th>
		                  <th>transaction Code</th>
		                  <th>TRUCK</th>
		                  <th>Internal Waybill No.</th>
		                  <th>Bush Waybill No.</th>
		                  <th>No. of Bags</th>
		                  <th>Internal Waybill Date</th>
		                  <th>Internal Grade</th>
		                  <th>Category no.</th>
		                  <th>LBC Company</th>
		                  <th>Stack Records</th>
		                  <th>Purity Details</th>
		                  <th>CTOR Details</th>
		                  <th>ADD PURITY INFO.</th>
		                  <th>ADD TO STACK</th>
		                  <th>EDIT PURITY NUMBER</th>
		                  <th>LEFT OVER</th>
		              </tr>
					</thead>
					<tbody>
						 
			               @foreach ($internal_waybills as $internal_waybill)
			                	
			                <tr>
			                	<td>{{$loop->index + 1}}.</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>{{$internal_waybill->internal_waybill_no}}</td>
			                    <td style="font-weight: bold;">{{$internal_waybill->bush_waybill->bush_waybill_no}}</td>
			                    <td style="font-weight: bold; color: red">{{$internal_waybill->internal_no_of_bags}}</td>
			                    <td>{{$internal_waybill->internal_waybill_date}}</td>
			                    <td>{{$internal_waybill->internal_waybill_grade}}</td>
			                	<td>{{$internal_waybill->category->name}}</td>
			                    <td style="font-weight: bold; color: darkcyan;">{{$internal_waybill->bush_waybill->lbc->name}}</td>
			                    <td>
			                    	<div class="table-responsive">
				                    	<table class=" table table-striped table-bordered table-condensed">
				                    		<tr>
				                    			<th>No. of Bags</th>
				                    			<th>Stack</th>
				                    			<th>EDIT</th>
				                    			<!--<th>DELETE</th> -->
				                    		</tr>

				                    		@foreach ($waybill_stacks as $waybill_stack)
				                    			@if ($waybill_stack->internal_waybill_id == $internal_waybill->id)
				                    			<tr>
	                                               <td> {{$waybill_stack->bags_quantity_added}}</td>
	                                               <td>{{$waybill_stack->stack->stack_name}} </td>
	                                               <td><a href=""class="btn btn-primary">EDIT</a></td>
	                                               <!--<td><a href=""class="btn btn-danger">DELETE</a></td>-->
				                    			</tr>
				                    			@endif
				                    		@endforeach
				                    		<!-- foreach-->
				                    		<tr>
				                    			
				                    		</tr>
				                    		<!-- endforeach -->
				                    	</table>
			                    </div>
			                    </td>
			                    <td>
			                    	<div class="table-responsive">
				                    	<table class="table table-striped table-bordered table-condensed">
				                    		<tr>
				                    			<th>Purity Date</th>
				                    			<th>Purity No.</th>
				                    			<th>No. Bags Accepted</th>
				                    			<th>Purity Grade</th>
				                    			<th>Purity Category</th>
				                    			<th style="color: red;">Bags Rejected</th>
				                    			<th>Rejection Details</th>
				                    		</tr>
				                    		<tr>
				                    			<td>{{strtoupper($internal_waybill->purity_date)}}</td>
				                    			<td>{{strtoupper($internal_waybill->purity_number)}}</td>
				                    			<td style="font-weight: bold; color:green;">{{$internal_waybill->purity_no_of_bags_ok}}</td>
				                    			<td>{{strtoupper($internal_waybill->purity_grade)}}</td>
				                    			<td>@foreach ($categorys as $category)
				                    				@if ($category->id == $internal_waybill->purity_category_id)
				                    					{{$category->name}}
				                    				@endif
				                    			@endforeach </td>
				                    			<td style="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><a href="{{ route('get.rejection.internal_waybill',$internal_waybill) }}" class="btn btn-danger">REJECTION DETAILS</a></td>
				                    		</tr>
				                    	</table>
			                    		
			                    	</div>
			                    </td>
			                    <td>
			                    	@if ($internal_waybill->ctor()->exists())
			                    		
			                    		
					                    	<table class="table table-bordered table-striped">
					                    		<tr>
					                    			<th>CTOR NO.</th>
					                    			<th>CTOR Date</th>
					                    		</tr>
					                    		<tr>
					                    			<td>{{$internal_waybill->ctor->ctor_number}}</td>
					                    			<td>{{$internal_waybill->ctor->ctor_date}}</td>
					                    		</tr>
					                    	</table>
					                    	@else
			                    	@endif
			                    </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 )
			                    	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)
										onclick="event.preventDefault()" disabled
										@elseif ($internal_waybill->purity_no_of_bags_ok == 0 or NULL)
										onclick="event.preventDefault()" disabled
									@endif 
									>ADD TO STACK</a>
			                    </td>
			                    <td>
			                    	<a href="{{ route('get.edit.purity_number',$internal_waybill) }}" class="btn btn-primary" @if ($internal_waybill->summary_sheet_status > 0)
			                    		onclick="event.preventDefault(); " disabled
			                    	@endif> PURITY DETAILS.</a>
			                    </td>
			                    <td>
			                    	<div class="form-group">
                               <div class="checkbox">
                                <label>
                                  <input type="checkbox" id="check_{{$internal_waybill->id}}" name="check_{{$internal_waybill->id}}" class="chkbox" value="{{$internal_waybill->id}}" @if ($internal_waybill->left_over == 1) checked @endif>
                                  
                                </label>
                              </div>
                            </div>
			                    </td>
			                    @else
			                    <td></td>
			                    <td></td>
			                    <td></td>
			                    <td></td>

			                    @endif

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

				
              <div class="tab-pane" id="tab_2">
              	<br>
              	@foreach ($stacks as $stack)
	              	<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
			              	<br>
	              	 <!-- <div class="info-box bg-aqua">
           				 <span class="info-box-icon"><i class="fa fa-bookmark-o"></i></span> -->
           				 
				            <div class="info-box-content">
					              <span class="info-box-text" style="font-weight: bolder;font-size: 18px;"> {{strtoupper($stack->stack_name)}}</span> <br>

					               <span class="info-box-number" style="font-weight: bold; font-size: 20px;"> CAPACITY: {{strtoupper($stack->stack_capacity)}} Bags <br> {{strtoupper($stack->stack_capacity/16)}} in Tonnes </span> 

					              <span class="info-box-number">BAGS: <b style="color: red;"> {{$stack->waybill_stacks->sum('bags_quantity_added') - $stack->waybill_stacks->sum('bags_quantity_evacuated')}}</b></span>

					              <span class="info-box-number">CAT: 
					              	<b style="color: green; font-style: italic;">
									@foreach ($categorys as $category)
										@if ($category->id == $stack->waybill_stacks->where('type','offloading')->pluck('category_id')->last())
											{{strtoupper($category->name)}}
										@endif
									@endforeach
					              	</b>
					              </span>

					              <div class="progress">
					                <div class="progress-bar progress-bar-striped active"  style="width:{{ $stack->waybill_stacks->sum('bags_quantity_added')/$stack->stack_capacity * 100}}%"></div>
					              </div>
					                  <span class="progress-description">
					                    {{ ($stack->waybill_stacks->sum('bags_quantity_added') - $stack->waybill_stacks->sum('bags_quantity_evacuated'))/$stack->stack_capacity * 100}}% of {{$stack->stack_capacity}}
					                  </span>
							</div>
						
	              	</div>
	               <!-- </div> -->
              	
              	@endforeach
	              </div>
	              
	              <div class="tab-pane" id="tab_3">
	              	<br>
	              	
	              	<form role="form" method="post" action="{{ route('stack.shed.store') }}" enctype="multipart/form-data">
	              		{{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">
	              			</div>
	              			<br>
	              			<div class="form-group">
	              				<label for="stack_capacity"> Stack Capacity (in Bags)</label>
	              				<input type="text" class="form-control" id="stack_capacity" name="stack_capacity" placeholder="eg. 500">
	              			</div>

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

	              		</div>
	              	</form>
	              	
	              </div>
	               <div class="tab-pane" id="tab_4">
	               	 <br>
	              		
	              		<div class="col-md-8">
	              			<div class="col-md-6">
	              				<form role="form" method="post" action="{{ route('store.ctor') }}" enctype="multipart/form-data">
				              		{{csrf_field()}} {{method_field('POST')}}

	              					<br>
	              					<input type="hidden" value="{{Auth::user()->shed_id}}" name="shed_id" id="ctor_shed_id">

	              					<div class="form-group">
	              						<label for="ctor_number"> CTOR Number:</label>
	              						<input type="text" class="form-control" id="ctor_number" name="ctor_number" placeholder="CTOR Number" required>
	              					</div>
	              					<br>
	              					<div class="form-group">
	              						<label for="ctor_date"> CTOR Date:</label>
	              						<input type="date" class="form-control" id="ctor_date" name="ctor_date" required>
	              					</div>

	              					<div class="form-group">
	              						<br>
	              						<label for="category_id"> Category:</label>
	              						<select name="category_id" class="form-control select2" style="width: 100%" required>
	              							<option value="" selected disabled>Category</option>
	              							@foreach ($categorys as $category)
	              							<option value="{{$category->id}}">{{$category->name}}</option>
	              							@endforeach
	              						</select>
	              						<br> <br>
	              					</div>

	              					<div class="form-group">
	              						<br>
	              						<label for="lbc_id"> Lbc:</label>
	              						<select name="lbc_id" class="form-control select2" style="width: 100%" required>
	              							<option value="" selected disabled>lbc</option>
	              							@foreach ($lbcs as $lbc)
	              							<option value="{{$lbc->id}}">{{$lbc->name}}</option>
	              							@endforeach
	              						</select>
	              						<br> <br>
	              					</div>
	              					<div class="form-group">
	              						<br>
	              						<label for="region_id"> Region:</label>
	              						<select name="region_id" class="form-control select2" style="width: 100%" required>
	              							<option value="" selected disabled>Select Region:</option>
	              							@foreach ($regions as $region)
	              							<option value="{{$region->id}}">{{$region->name}}</option>
	              							@endforeach
	              						</select>
	              						<br> <br>
	              					</div>

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

	              				</form>
	              			</div>
	              		</div>
	              		<br>
	              		<div class="col-md-12 table-responsive">
	              			<table id="ctor_table" class="table table-striped table-bordered table-condensed">
	              				<thead>
									<tr>
										<th>No.</th>
										<th>CTOR Number</th>
										<th>CTOR Date</th>
										<th>Region</th>
										<th>Category</th>
										<th>LBC</th>
										<th>Edit</th>
										<th>Add Waybill(s)</th>
										<th>View Waybill(s)</th>
									</tr>
	              					
	              				</thead>
	              				<tbody>
									@foreach ($ctors as $ctor)
										<tr>
											<td>{{$loop->index+1}}.</td>
											<td>{{$ctor->ctor_number}}</td>
											<td>{{$ctor->ctor_date}}</td>
											<td>{{$ctor->region->name}}</td>
											<td>{{$ctor->category->name}}</td>
											<td>{{$ctor->lbc->name}}</td>
											<td><a href="{{ route('edit.ctor',$ctor) }}" class="btn btn-primary" @if ($ctor->internal_waybills->count()>0)
												onclick="event.preventDefault();" disabled 
											@endif>EDIT CTOR</a></td>
											<td><a href="{{ route('intwaybills.no.ctor',$ctor) }}" class="btn btn-warning">ADD WAYBILL(S)</a></td>
											<td><a href="{{ route('intwaybills.with.ctor',$ctor) }}" class="btn btn-info">VIEW WAYBILL(S)</a></td>
											
										</tr>
									@endforeach
	              					
	              				</tbody>

	              			</table>
	              		</div>

	               </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/select2/dist/js/select2.full.min.js')}}"></script>
    <script src="{{--asset('admin/dist/js/forwardonly.js')--}}"></script>
 <script>
  $(function () {
   
    $('#example1').DataTable(
    	{
        '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 */
     var id = parseInt($(this).val(), 10);
     var ctor_id = $(this).val();
    if($(this).is(":checked"))
     {
            //alert(id);
	        $.ajax({
	        	url: "{{ url('check_leftover') }}",
	        	type: "PUT",
	        	data: {
	        		id: id,
	        		//ctor_id: ctor_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_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");
	        });
                                        
     }

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

    });


   
  })
</script>

@endsection

@endcan