@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_type)}}</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_id}}</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-4">
			
			<table id="example2" class="table table-bordered table-striped col-md-6">
				<thead>
					<tr>
						<th>No.</th>
						<th>Type of Cocoa</th>
						<th>Add Location of Stocks</th>
					</tr>
				</thead>
				<tbody>

					@foreach ($cocoa_types as $cocoa_type)
					<tr>
						<td>{{$loop->index + 1}}.</td>
						<td>{{strtoupper($cocoa_type->type_name)}}</td>
						<td><button href="{{--route('equipform.addLocation',$cocoa_type)--}}" data-toggle="modal" data-target="#modal-default" id="cts-{{$cocoa_type->id}}" class="btn bg-navy btn-flat ourItem" value="{{$cocoa_type->id}}"><i class="fa fa-fw fa-plus-square"></i> Add Location <br> of Stocks</button>
							<input type="hidden" id="adddata">
						</td>


					</tr>
					@endforeach

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

		</div>
		<div class="col-md-8">
			<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>
						<th>Edit</th>
						<th>Delete</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>
                        <td><a href="{{route('equipform.editStock',$stock)}}" class="btn bg-purple btn-flat ourIteme" value="{{$stock->id}}"><i class="fa fa-fw fa-edit"></i> Edit Stock Details</a>
							<input type="hidden" id="editdata">
						</td>

                         <td><form style="display: none;" id="form-data-{{$stock->id}}" action="{{route('equipform.destroyStock',$stock->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-{{$stock->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>Type of Ccooa</th>
						<th>Warehouse</th>
						<th>Shed</th>
						<th>Category</th>
						<th>Tonage</th>
						<th>Season</th>
						<th>Edit</th>
						<th>Delete</th>
					</tr>
				</tfoot>
			</table>

		</div>
		</div>


	</div>
</div>
	



<div class="modal modal-default fade" id="modal-default">
	<div class="modal-dialog modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title">Select Type of Cocoa</h4>
				</div>
				<div class="modal-body">
					
					<div class="form-group">

						<label for="shed_id"> Select Shed</label>
						<select id="shed_id" class="form-control select2 required" data-placeholder="Select Shed"
						style="width: 100%;" name="shed_id">
						<option value="0">Select Shed.</option>
						@foreach ($sheds as $shed)
						<option value="{{$shed->id}}">{{$shed->name}}</option>
						@endforeach
						
					</select>
					<br><br>

				</div>

				<div class="form-group">

					<label for="category_id">Select Category</label>
					<select id="category_id" class="form-control select2 required" data-placeholder="Select Category"
					style="width: 100%;" name="category_id">
					<option value="0">Select category.</option>
					@foreach ($categorys as $category)
					<option value="{{$category->id}}">{{$category->name}}</option>
					@endforeach
					
				</select>
				<br><br>

			</div>
			<div class="form-group">

				<label for="season_id"> Select season</label>
				<select id="season_id" class="form-control select2 required" data-placeholder="Select season"
				style="width: 100%;" name="season_id">
				<option value="0">Select season.</option>
				@foreach ($seasons as $season)
				<option value="{{$season->id}}">{{$season->name}}</option>
				@endforeach
				
			</select>
			<br><br>

		</div>

		<div class="form-group">
			<label for="tonnage"> Tonnage</label>
			<input class="form-control" type="number" step="0.1" name="tonnage" id="tonnage" style="width: 100%;">
		</div>
		
		


	</div>	
	
	<div class="modal-footer">
		<button type="button" class="btn btn-danger pull-left" id="add">Add</button>
	</div>
	
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</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