@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')}}">
@endsection

@section('main-content')

<section class="content-header">
	<h1>
		TERMINAL MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">
     
     
	<!-- Default box -->
	<div class="box box-primary">
		<div class="box-header with-border">
			<h3 class="box-title">COCOA STUFFING AND EQUIOPMENT REQUEST FORM DETAILS</h3> <h3 class="pull-right">{{strtoupper($equipform->ref_no)}}</h3>

			<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">
			<div class=" col-md-6">
				<div class=" table-responsive">
					
					<table class="table table-striped  table-bordered table-condensed" style="width: 100%;" id="tble" >
						<tbody>
						 <tr><th>CONTRACT INFO</th><th>DETAILS</th></tr> 
						 <tr><th>SD NUMBER</th><td>{{strtoupper($equipform->sd_number)}}</td></tr>
						 <tr><th>MK NUMBER</th><td>{{strtoupper($equipform->mk_number)}}</td></tr>
						 <tr><th>CONTRACT NUMBER</th><td>{{strtoupper($equipform->contract_no)}}</td></tr>
						 <tr><th>VESSEL</th><td>{{strtoupper($equipform->vessel->name)}}</td></tr>
						 <tr><th>MK NUMBER</th><td>{{strtoupper($equipform->mk_number)}}</td></tr>
						 <tr><th>LOADING PORT</th><td>{{strtoupper($equipform->loading_port)}}</td></tr>
						 <tr><th>DESTINATION</th><td>{{strtoupper($equipform->destination)}}</td></tr>
						 
						</tbody>
					</table>
					</div>

				</div>
				<div class=" col-md-6">
				  <div class=" table-responsive">
					<table class="table table-striped  table-bordered table-condensed" style="width: 100%;" id="tble" >
						<tbody>
							<tr><th>EQUIPMENT REQUEST</th><th>DETAILS</th></tr> 
							<tr><th>CONTAINER SIZE</th><td>{{strtoupper($equipform->container_size)}}</td></tr>
						 	<tr><th>QUANTITY</th><td>{{strtoupper($equipform->quantity)}}</td></tr>
						 	<tr><th>REACH STAKER</th><td>{{strtoupper($equipform->reachstacker)}} @if($equipform->reachstacker == NULL) NO  @endif</td></tr>
						 	<tr><th>TOPLIFTER</th><td>{{strtoupper($equipform->toplifter)}} @if($equipform->toplifter == NULL) NO  @endif</td></tr>
						 	<tr><th>FORKLIFT</th><td>{{strtoupper($equipform->forklift)}} @if($equipform->forklift == NULL) NO  @endif</td></tr>
						 	<tr><th>DATE REQUIRED</th><td>{{$equipform->date_required}}</td></tr>
						 	<tr><th>SHIPPING AGENT</th><td>{{$equipform->shipping_agent_name}}</td></tr>
						 	<tr><th>DATE CREATED</th><td>{{$equipform->requested_time}}</td></tr>
						</tbody>
					</table> 
					</div>

				</div>

				
			</div>
				
			
	</div>
	<!-- /.box -->



<div class="col-md-6">
	<div class="box box-danger">
		<div class="box-header with-border">
			<h3 class="box-title">SELECTED TYPE(S) OF COCOA</h3> 

			<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 table-bordered table-striped">
            <thead>
                <tr>
                  <th>No.</th>
                  <th>Type of Cocoa</th>
                 
              </tr>
          </thead>
          <tbody>

            @foreach ($cocoa_types as $cocoa_type)
            <tr>
                <td>{{$loop->index + 1}}.</td>
                <td>{{strtoupper($cocoa_type->type_name)}}</td>
                
                
            </tr>
            @endforeach
            
        </tbody>
        <tfoot>
            <tr>
              <th>No.</th>
              <th>Type of Cocoa</th>
             
          </tr>
      </tfoot>
  </table>
  
</div>


 </div>
</div>

<div class="col-md-6">
	<div class="box box-info">
		<div class="box-header with-border">
			<h3 class="box-title">CONFIRMATION DETAILS</h3> 

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


				<div class="box-body table-responsive">
					<table id="example2" class="table table-bordered table-striped">
						<thead>
							<tr>
								<th>Confirmation Info</th>
								<th>Details</th>
								
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Request Confirmed</td>
								<td> @if($equipform->confirm_request == 'yes') yes @else no @endif </td>
							</tr>			
							<tr>
								<td>Quantity to Fulfill</td>
								<td>{{$equipform->quantity_to_fulfill}}</td>
							</tr>			
							<tr>
								<td>Estimated Time of Arrival</td>
								<td>{{$equipform->eta}}</td>
							</tr>

						</tbody>
						<tfoot>
							<tr>
								<th>Confirmation Info</th>
								<th>Details</th>

							</tr>
						</tfoot>
					</table>

				</div>


			
		</div>

		<!-- /.box-body -->
		
		
	</div>
</div>

<div class="col-md-12">
	<div class="box box-success">
		<div class="box-header with-border">
			<h3 class="box-title"> LOCATION AND STOCK DETAILS</h3> 

			<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">
		<div class="col-md-3">
			
			<table id="example2" class="table table-bordered table-striped col-md-6">
				<thead>
					<tr>
						<th>No.</th>
						<th>Type of Cocoa</th>
						
					</tr>
				</thead>
				<tbody>

					@foreach ($cocoa_types as $cocoa_type)
					<tr>
						<td>{{$loop->index + 1}}.</td>
						<td>{{strtoupper($cocoa_type->type_name)}}</td>
						
					</tr>
					@endforeach

				</tbody>
				<tfoot>
					<tr>
						<th>No.</th>
						<th>Type of Cocoa</th>
					</tr>
				</tfoot>
			</table>

		</div>
		<div class="col-md-9">
			<table id="example2" class="table table-bordered table-striped col-md-6">
				<thead>
					<tr>
						<th>No.</th>
						<th>Type of Ccooa</th>
						<th>Warehouse</th>
						<th>Shed</th>
						<th>Category</th>
						<th>Tonage</th>
						<th>Season</th>
					</tr>
				</thead>
				<tbody>
					@foreach ($stocks as $stock)
					<tr>
						<td>{{$loop->index + 1}}.</td>
						<td style="font-weight: bold; color: green;">{{strtoupper($stock->cocoa_type['type_name'])}}</td>
						<td>
							@foreach ($warehouses as $warehouse)
								@if ($stock->shed['warehouse_id'] == $warehouse->id)
									{{$warehouse->name}}
								@endif
						    @endforeach  
					    </td>
						<td>{{strtoupper($stock->shed['name'])}}</td>
						<td>{{strtoupper($stock->category['name'])}}</td>
						<td>{{strtoupper($stock->tonnage)}}</td>
                        <td>{{strtoupper($stock->season['name'])}}</td>
                   </tr>
					@endforeach
				</tbody>
				<tfoot>
					<tr>
						<th>No.</th>
						<th>Type of Ccooa</th>
						<th>Warehouse</th>
						<th>Shed</th>
						<th>Category</th>
						<th>Tonage</th>
						<th>Season</th>
					</tr>
				</tfoot>
			</table>

		</div>
		</div>


	</div>
</div>
<div class="col-md-12">
	<div class="box box-info">
		<div class="box-header with-border">
			<h3 class="box-title"> TERMINAL EQUIPMENT AND SERVICE PROVISION</h3> 

			<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">
		<div class="col-md-6">
			<div class=" table-responsive">
					<table class="table table-striped  table-bordered table-condensed" style="width: 100%;" id="tble" >
						<tbody>
							<tr><th>EQUIPMENT REQUEST</th><th>DETAILS</th><th>SERVICE PROVIDER <br> DETAILS </th> </tr>

							<tr><th>CONTAINER SIZE</th><td>{{strtoupper($equipform->container_type)}}</td> <td></td> </tr>
						 	<tr><th>QUANTITY</th><td>{{strtoupper($equipform->quantity)}}</td> <td></td> </tr>
						 	<tr><th style="color:blue;">REACH STAKER</th><td>{{strtoupper($equipform->reachstacker)}} @if($equipform->reachstacker == NULL) NO  @endif</td>

								
						 		@if($equipform->reachstacker == 'yes' )   
						 		<td><a href="{{route('equipform.addReachstackerDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}" @foreach($vehicles as $vehicle) @if($vehicle->name =='Reachstacker') disabled onclick="event.preventDefault()" @endif @endforeach> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@elseif($equipform->reachstacker == NULL  )
						 		 <td><a href="{{route('equipform.addReachstackerDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}" disabled onclick="event.preventDefault()"> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@else
						 		 <td><a href="{{route('equipform.addReachstackerDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}"> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@endif 
						 	</tr>
						 	<tr><th style="color:blue;">TOPLIFTER</th><td>{{strtoupper($equipform->toplifter)}} @if($equipform->toplifter == NULL) NO  @endif</td>
								
						 		@if($equipform->toplifter == 'yes'  )   
						 		<td><a href="{{route('equipform.addToplifterDetails',$equipform)}}"  class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}" @foreach($vehicles as $vehicle) @if($vehicle->name =='Toplifter') disabled onclick="event.preventDefault()" @endif @endforeach> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@elseif($equipform->toplifter == NULL  )
						 		 <td><a href="{{route('equipform.addToplifterDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}" disabled onclick="event.preventDefault()"> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@else
						 		 <td><a href="{{route('equipform.addToplifterDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}"> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@endif 
						 		

						 	</tr>
						 	<tr><th style="color:blue;">FORKLIFT</th><td>{{strtoupper($equipform->forklift)}} @if($equipform->forklift == NULL) NO  @endif</td>
								
								@if($equipform->forklift == 'yes'  )   
						 		<td><a href="{{route('equipform.addForkliftDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme"  @foreach($vehicles as $vehicle) @if($vehicle->name =='Forklift') disabled onclick="event.preventDefault()" @endif @endforeach> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@elseif($equipform->forklift == NULL  )
						 		 <td><a href="{{route('equipform.addForkliftDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}" disabled onclick="event.preventDefault()"> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td> 
						 		@else
						 		<td><a href="{{route('equipform.addForkliftDetails',$equipform)}}" class="btn btn-warning btn-flat ourIteme" value="{{$equipform->id}}"> <i class="fa fa-fw fa-plus-square"></i> ADD SERVICE <br> PROVISION DETAILS </a>
						 		</td>
						 		@endif 
						 		

						 	</tr>
						 	<tr><th>DATE REQUIRED</th><td>{{$equipform->date_required}}</td> <td></td> </tr>
						 	<tr><th>SHIPPING AGENT</th><td>{{$equipform->shipping_agent_id}}</td> <td></td> </tr>
						 	<tr><th>DATE CREATED</th><td>{{$equipform->requested_time}}</td> <td></td> </tr>
						</tbody>
					</table> 
					</div>
			

		</div>
		<div class="col-md-6">
			
			
			<table id="example2" class="table table-bordered table-striped col-md-6">
				<thead>
					<tr>
						<th>No.</th>
						<th>EQUIPMENT</th>
						<th>TYPE OF SERVICE</th>
						<th>SERVICE PROVIDER</th>
						<th>DATE OF <br> SERVICE REQUIRED</th>
						<th>EDIT</th>
						<th>DELETE</th>
					</tr>
				</thead>
				<tbody>
					@foreach ($vehicles as $vehicle)
					<tr>
						<td>{{$loop->index + 1}}.</td>
						<td style="font-weight: bold; color: blue;">{{strtoupper($vehicle->name)}}</td>
						
						<td>{{strtoupper($vehicle->type_of_service)}}</td>
						<td>
							@foreach ($providers as $provider)
								@if ($provider->id == $vehicle->provider_id)
									{{$provider->name}}
								@endif
							@endforeach
						</td>
						<td>{{strtoupper($vehicle->date_of_required_service)}}</td>
                        <td><a href="{{route('equipform.editVehicle',$vehicle)}}" class="btn bg-purple btn-flat ourIteme"><i class="fa fa-fw fa-edit"></i> SERVICE <br> PROVISION</a>
							<input type="hidden" id="editdata">
						</td>
                        <td><form style="display: none;" id="form-data-{{$vehicle->id}}" action="{{route('equipform.destroyVehicle',$vehicle->id)}}" method="post">{{csrf_field()}} {{method_field('DELETE')}}</form><button class="btn btn-flat btn-danger" onclick="if(confirm('wanna delete?')){event.preventDefault(); document.getElementById('form-data-{{$vehicle->id}}').submit();} else{ event.preventDefault();}"><i class="fa fa-fw  fa-trash"></i> DELETE</button></td>
                   </tr>
					@endforeach
				</tbody>
				<tfoot>
					<tr>
						<th>No.</th>
						<th>EQUIPMENT</th>
						<th>TYPE OF SERVICE</th>
						<th>SERVICE PROVIDER</th>
						<th>DATE OF <br> SERVICE REQUIRED</th>
						<th>EDIT</th>
						<th>DELETE</th>
					</tr>
				</tfoot>
			</table>

		
			
		</div>
		</div>


	</div>
</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>
  $(function () {
   
    $('.select2').select2();

    $('#example1').DataTable({'paging' : false})

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

    
          $('.ourItem').each(function() {
    			$(this).click(function(event) {
    				
    				
    		     	csl_id	 = $(this).val();
    				
    				sl = $('#adddata').val(csl_id);

    				console.log(csl_id);


    			});
    		});

         $('.ourIteme').each(function() {
    			$(this).click(function(event) {
    				
    				
    		     	csle_id	 = $(this).val();
    				
    				 $('#editdata').val(csle_id);

    				//console.log(csle_id);
                     
    				$.post('/equipform/edit_stock/'+csle_id, {'_token': $('input[name=_token]').val()}, 
    					function(data) {
    			    	console.log(data);
    			    	$('#eshed_id').val(data.shed_id);
    			    	$('#ecategory_id').val(data.category_id);
    			    	$('#eseason_id').val(data.season_id);
    			    	$('#etonnage').val(data.tonnage);
    			        $('#eshed_id').val();

    			    	//alert(e)
    			    	//alert(data.shed_id);
    			    	//window.location.reload(true);
    			    });


    			});
    		}); 

          $('#edit').click(function(event){
    			    sl = $('#editdata').val();
    			    shed_id = $('#eshed_id').val();
    			    category_id = $('#ecategory_id').val();
    			    season_id = $('#eseason_id').val();
    			    tonnage = $('#etonnage').val();
    			    alert(tonnage)

    			    if (shed_id == '0' || category_id == '0' || tonnage == '' || season_id == '0' ) {
    			    	event.preventDefault();
    			    	alert('Kindly Fill all the options available!!');
    			    	return false;	
    			    }
            else {

    			    //alert(sl+' + '+tonnage);
    			    $.post('/equipform/update_stock/'+sl, {eshed_id : shed_id, ecategory_id : category_id,etonnage : tonnage, eseason_id : season_id, '_token': $('input[name=_token]').val()}, function(data) {
    			    	console.log(data);
    			    	//window.location.reload(true);
    			    });
    			    return true;
    			}
    				
    			});
          $('#add').click(function(event){
    			    sl = $('#adddata').val();
    			    shed_id = $('#shed_id').val();
    			    category_id = $('#category_id').val();
    			    season_id = $('#season_id').val();
    			    tonnage = $('#tonnage').val();

    			    if (shed_id == '0' || category_id == '0' || tonnage == '' || season_id == '0' ) {
    			    	event.preventDefault();
    			    	alert('Kindly Fill all the options available!!');
    			    	return false;	
    			    }
            else {

    			    //alert(sl+' + '+tonnage);
    			    $.post('/equipform/add_stock/'+sl, {shed_id : shed_id, category_id : category_id,tonnage : tonnage, season_id : season_id, '_token': $('input[name=_token]').val()}, function(data) {
    			    	console.log(data);
    			    	window.location.reload(true);
    			    });
    			    return true;
    			}
    				
    			});
            
    	


            
        
    
   
  })
</script>

@endsection