@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>
		Invoice Payment Details
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">Invoice Payment 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>
		 @include('includes.messages')
		<form role="form" method="post" action="{{ route('store_payment.invoice_details',$invoice_detail) }}" enctype="multipart/form-data">
		{{csrf_field()}} {{method_field('PUT')}}
		<div class="box-body">
			<div class=" col-md-offset-0 col-md-6">
				
				<div class="col-md-8">
					<label for="value_date"> Value date</label>
					<div class="form-group">
						<input type="date" class="form-control" name="value_date" id="value_date" required>
					</div>

				</div>
				<div class="col-md-8">
					<label for="added_date"> Collection Date</label>
					<div class="form-group">
						<input type="date" class="form-control" name="added_date" id="added_date" required >
					</div>

				</div>
				<div class="col-md-8">
					<div class="form-group">
						<label for="ghib_number"> GHIB Ref. Number</label>
						<input type="text" class="form-control" id="ghib_number" name="ghib_number" placeholder="GHIB Ref." required>
					</div>

				</div>

				<div class="col-md-8">
					<div class="form-group">
						<label for="value_date_exchange_rate">Value Date Exchange Rate:</label>
						<input type="number" class="form-control" id="value_date_exchange_rate" name="value_date_exchange_rate" placeholder="Value Date Exchange Rate" step="0.0001" required>
                   </div>
                   
				</div>

				<div class="col-md-8">
					<div class="form-group">
						<label for="date_added_exchange_rate">BL Exchange Rate</label>
						<input type="number" step="0.0001" class="form-control" id="date_added_exchange_rate" name="date_added_exchange_rate" placeholder=" BL exchange_rate" required>
					</div>

				</div>

				
			
				<div class="col-md-8">
					<div class="form-group">
						<label for="swift_code"> <br>Swift Code:</label>
						<input type="text" class="form-control" id="swift_code" name="swift_code" placeholder="swift_code" required>
					</div>

				</div>

				<div class="col-md-8">
					<label for="net_payment"> Net Payment USD ($):</label>
					<div class="form-group">
						<input type="number" step="0.01" class="form-control" name="net_payment" id="net_payment" required>
					</div>

				</div>

				<div class="col-md-8">
					<label for="premium_charge"> Premium Charge USD ($):</label>
					<div class="form-group">
						<input type="number" step="0.01" class="form-control" name="premium_charge" id="premium_charge" required>
					</div>

				</div>

				<div class="col-md-8">
					<label for="chemical_analysis"> Chemical Analysis:</label>
					<div class="form-group">
						<input type="number" step="0.01" class="form-control" name="chemical_analysis" id="chemical_analysis" required>
					</div>

				</div>

				<div class="col-md-8">
					<label for="warehouse_charges"> Warehouse Charges:</label>
					<div class="form-group">
						<input type="number" step="0.01" class="form-control" name="warehouse_charges" id="warehouse_charges" required>
					</div>

				</div>

				<div class="col-md-8">
					<label for="handling_charges"> Handling Charges:</label>
					<div class="form-group">
						<input type="number" step="0.01" class="form-control" name="handling_charges" id="handling_charges" required>
					</div>

				</div>

				<div class="col-md-8">
					<label for="insurance_premium"> Insurance Premium:</label>
					<div class="form-group">
						<input type="number" step="0.01" class="form-control" name="insurance_premium" id="insurance_premium" required>
					</div>

				</div>

				<div class="col-md-8">
					<label for="retention"> 2% Retention:</label>
					<div class="form-group">
						<input type="number" step="0.01" class="form-control" name="retention" id="retention" required>
					</div>

				</div>


				

			</div>
		</div>
				
			<!-- /.box-body -->
			<div class="box-footer">
				<button type="submit" class="btn btn-primary">Save</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