@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>
		shipment 
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">shipment </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>
		 @include('includes.messages')
		<form role="form" method="post" action="{{ route('shipment.update',$shipment) }}" enctype="multipart/form-data">
		{{csrf_field()}} {{method_field('PUT')}}
		<div class="box-body">
			<div class=" col-md-offset-0 col-md-6">
				<div class="form-group">
				 <div class="col-md-8">
					<label for="contract_id" class="col-md-4 control-label"><br>Select Contract:</label>
						<select id="contract_id" class="form-control select2" data-placeholder="Select Roles"
						style="width: 100%;" name="contract_id">
						@foreach ($contracts as $contract)
						<option value="{{$contract->id}}" @if($contract->id == $shipment->contract_id) selected @endif >{{$contract->number}}</option>
						@endforeach

					</select>
				</div>
			</div>
				<!--<div class="col-md-8">
					<div class="form-group">
						<label for="invoice_number"> Invoice number</label>
						<input type="text" class="form-control" id="invoice_number" name="invoice_number" placeholder="shipment" value="{{--$shipment->invoice_number--}}">
					</div>

				</div> -->
				<!--<div class="col-md-8">
					<div class="form-group">
						<label for="reference_number"> Reference Number</label>
						<input type="text" class="form-control" id="reference_number" name="reference_number" placeholder="shipment" value="{{--$shipment->reference_number--}}">
					</div>

				</div>-->
				<div class="col-md-8">
					<label for="invoice_date"> Invoice date</label>
					<div class="form-group">
						<input type="date" class="form-control" name="invoice_date" id="invoice_date" value="{{$shipment->invoice_date}}">
					</div>

				</div>
				<div class="col-md-8">
					<div class="form-group">
						<label for="insurance_number"> Insurance Number</label>
						<input type="text" class="form-control" id="insurance_number" name="insurance_number" placeholder="shipment" value="{{$shipment->insurance_number}}">
					</div>

				</div>

				<div class="col-md-8">
					<div class="form-group">
						<label for="tonnage_shipped">Tonnage Shipped</label>
						<input type="number" class="form-control" id="tonnage_shipped" name="tonnage_shipped" placeholder="tonnage shipment" value="{{$shipment->tonnage_shipped}}" step="0.001">
                   </div>
                   <div>Total tonnage on Contract: <span id="tg" style="color: red; font-weight: bold;">{{$shipment->contract->tonnage}}</span><input type="hidden" id="tgv" value="{{$shipment->contract->tonnage}}"> </div> 
                   <div>Total tonnage Shipped: <span id="ts" style="color: red; font-weight: bold;">{{$tonnage_shipped}}</span> <input type="hidden" id="tsv" value="{{$tonnage_shipped}}">  </div> <br>
                   <div> Tonnage remaining: <span id="tr" style="color: red; font-weight: bold;"></span> <input type="hidden" id="tr"> </div> <br>
				</div>

				<div class="col-md-8">
					<div class="form-group">
						<label for="bl_rate">Freight Exchange Rate</label>
						<input type="number" step="0.0001" class="form-control" id="bl_rate" name="bl_rate" placeholder="shipment  bl_rate" value="{{$shipment->bl_rate}}">
					</div>

				</div>

				<div class="form-group">
				 <div class="col-md-8">
					<label for="vessel_id" class="col-md-4 control-label"><br>Select vessel:</label>
						<select id="vessel_id" class="form-control select2" data-placeholder="Select Roles"
						style="width: 100%;" name="vessel_id">
						@foreach ($vessels as $vessel)
						<option value="{{$vessel->id}}" @if($vessel->id == $shipment->vessel_id) selected @endif>{{$vessel->name}}</option>
						@endforeach

					</select>
				</div>
			</div>
			<div class="form-group">
				 <div class="col-md-8">
					<label for="shippingmode_id" class="col-md-4 control-label"><br>Select Shipping Mode:</label>
						<select id="shippingmode_id" class="form-control select2" data-placeholder="Select Roles"
						style="width: 100%;" name="shippingmode_id">
						@foreach ($shippingmodes as $shippingmode)
						<option value="{{$shippingmode->id}}" @if($shippingmode->id == $shipment->shippingmode_id) selected @endif>{{$shippingmode->name}}</option>
						@endforeach

					</select>
				</div>
			</div>

				<div class="col-md-8">
					<div class="form-group">
						<label for="bill_of_laden_number"> <br> Bill of Laden number</label>
						<input type="text" class="form-control" id="bill_of_laden_number" name="bill_of_laden_number" placeholder="shipment  bill_of_laden_number" value="{{$shipment->bill_of_laden_number}}">
					</div>

				</div>

				<div class="col-md-8">
					<label for="bill_of_laden_date"> Bill of Laden Date</label>
					<div class="form-group">
						<input type="date" class="form-control" name="bill_of_laden_date" id="bill_of_laden_date" value="{{$shipment->bill_of_laden_date}}">
					</div>

				</div>

				<div class="form-group">
				 <div class="col-md-8">
					<label for="loadingport_id" class="col-md-4 control-label"><br>Select Loading Port:</label>
						<select id="loadingport_id" class="form-control select2" data-placeholder="Select Roles"
						style="width: 100%;" name="loadingport_id">
						@foreach ($loadingports as $loadingport)
						<option value="{{$loadingport->id}}" @if($loadingport->id == $shipment->loadingport_id) selected @endif>{{$loadingport->name}}</option>
						@endforeach

					</select>
				</div>
			</div>

				

				<div class="form-group">
				 <div class="col-md-8">
					<label for="consignor_id" class="col-md-4 control-label"> <br> Select Consignor</label>
						<select id="consignor_id" class="form-control select2" data-placeholder="Select Roles"
						style="width: 100%;" name="consignor_id">
						@foreach ($consignors as $consignor)
						<option value="{{$consignor->id}}" @if($consignor->id == $shipment->consignor_id) selected @endif>{{$consignor->name}}</option>
						@endforeach

					</select>
				</div>
			</div>
			
			<div class="col-md-8">
					<label for="name"> Remarks</label>
					<div class="form-group">
						<textarea class="form-control" name="remarks" id="remarks" style="height: 100px;" >{{$shipment->remarks}}</textarea>
					</div>

				</div>
				<div class="col-md-8">
					<label for="name"> Additional Remarks</label>
					<div class="form-group">
						<textarea class="form-control" name="additional_remarks" id="additional_remarks" style="height: 100px;" >{{$shipment->additional_remarks}}</textarea>
					</div>

				</div>


				<div class="form-group">
				 <div class="col-md-8">
					<label for="warehouse_charges" class="col-md-4 control-label"><br>Applicable Warehouse Charges:</label>
						<select id="warehouse_charges" class="form-control select2" data-placeholder="Select Roles"
						style="width: 100%;" name="warehouse_charges">
						<option value="no" @if ($shipment->warehouse_charges == 'no')
							selected 
						@endif>No</option>
						<option value="yes" @if ($shipment->warehouse_charges == 'yes')
							selected 
						@endif>Yes</option>
					</select>
				</div>
			</div>
				

			</div>
		</div>
				
			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" class="btn btn-primary">Submit</button>
			</div>
		</form>
		<!-- /.box-footer-->
	</div>
	<!-- /.box -->

</section>

@endsection

@section('more-scripts')
   <!-- Select2 -->
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>

<script>
  $(function () {
    //alert('hello world');
   
    $('.select2').select2()

    $('#contract_id').on('change', function(event) {
    	contract_id = $('#contract_id').val(),
    	$.ajax({
    		url: '/get/contract/tonnage/'+contract_id,
    		type: 'GET',
    		
    	})
    	.done(function(data) {
    		ct = data
    		$('#tg').html(ct)
            $('#tgv').val(ct)

    		//console.log(data);
    	})
    	$.ajax({
    		url: '{{URL::to('/get/tonnage/shipped/')}}' +'/'+contract_id,   
    		type: 'GET',
    		
    	})
    	.done(function(data) {
    		ts = data
    		$('#ts').html(ts)
            $('#tsv').val(ts)

    		console.log(data);
    	})
    	
    	
    	$('#tonnage_shipped').on('input',function(event) {
          
    		  value = $(this).val();
    		  tgv = $('#tgv').val();
    		  tsv = $('#tsv').val();
              
    		  tr = tgv - tsv;
    		  
    		max_value = tr;
    		
    		if ((value !== '') && (value.indexOf('.') === -1)) {
        
        		$(this).val(Math.max(Math.min(value, max_value), -max_value));

   			 }


    	});



    });
    $('#tonnage_shipped').on('input',function(event) {
          
    		  value = $(this).val();
    		  tgv = $('#tgv').val();
    		  tsv = $('#tsv').val();
              
    		  tr = tgv - tsv;
    		  
    		max_value = tr;
    		
    		if ((value !== '') && (value.indexOf('.') === -1)) {
        
        		$(this).val(Math.max(Math.min(value, max_value), -max_value));

   			 }


    	});
    
    
  })
</script>
@endsection