芝麻web文件管理V1.00

编辑当前文件:/home/rejoandoctor/test.joruridoctor.com/resources/views/back/ticket/purchase_ticket.blade.php

@extends('layouts.app')

@section('title', 'Purchase Ticket')

@section('content')

<div class="container-fluid">
    	<div class="card o-hidden border-0 shadow-lg">
            <div class="card-body p-0">
                
                <div class="row p-5">
                	@if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                	<form action="{{route('storeTicket')}}" method="POST">
                	@csrf
                		<div class="row">
						  	<div class="col-6 col-sm-6">
						  		<div class="text-center">
		                        	<h1 class="h4 text-gray-900 mb-4">Ticket Information</h1>
		                    	</div>
						  		<div class="form-group row">
		                    		<div class="col-sm-6 mb-3">
		                                <select class="form-control" id="airport_from" name="departure_airport_id" >
											@foreach($from as $result)
												<option></option>
			                                    <option value="{{$result->id}}">{{$result->code}} - {{$result->name}}</option>
			                                @endforeach
										</select>
		                            </div>

<div class="col-sm-6">
		                                <select class="form-control" id="airport_to" name="arrival_airport_id" >
											@foreach($to as $results)
												<option></option>
			                                    <option value="{{$results->id}}">{{$results->code}} - {{$results->name}}</option>
			                                @endforeach
										</select>
		                            </div> 
		                    	</div>

<div class="form-group row">
		                        	<div class="col-sm-6">
									    <select class="form-control form-select" id="agent" name="agent_id" >
									    	@foreach($agent as $result)
									    	@if($result->agent_id == NULL)

@else
												<option></option>
			                                    <option value="{{$result->agent_id}}">{{$result->agent->agent_name}}</option>
									    	@endif
									    	@endforeach
										</select>
									</div>
									<div class="col-sm-6">
									    <select class="form-control form-select" id="airlines" name="airline_id">
									    	@foreach($airline as $result)
												<option></option>
			                                    <option value="{{$result->id}}">{{$result->Airline}}</option>
									    	@endforeach
										</select>
									</div>
		                        </div>

<div class="form-group row">
		                            <div class="col-sm-4">
		                                <input class="form-control" type="text" id="paid_amount" placeholder="Paid Amount" name="paid_amount" >
		                            </div>
		                            <div class="col-sm-4">
		                                <input class="form-control" type="text" id="total" name="due_amount" placeholder="Due Amount" readonly="">
		                            </div>
		                            <div class="col-sm-4">
									    <select class="form-control form-select" name="bank_id" >
									    	<option value="">Receive Payment</option>
											@foreach($bank as $result)
			                                    <option value="{{$result->id}}">{{$result->bank_name}}</option>
			                                @endforeach
										</select>
									</div>
		                        </div>

<div class="form-group row">
		                        	<div class="col-sm-4">
		                    			<input class="form-control" name="sale_date" id="ticket_purchase" placeholder="Sale Date" value="<?php echo date("Y-m-d") ?>" autocomplete="off">
									</div>
		                        	<div class="col-sm-4">
		                                <input class="form-control" type="number" placeholder="Adult" name="adult" value="1">
		                            </div>
		                            <div class="col-sm-4">
		                                <input class="form-control" type="number" placeholder="Child" name="child" value="0">
		                            </div>
		                        </div>
						  	</div>

<div class="col-6 col-sm-6">
		  						<div class="text-center">
		                        	<h1 class="h4 text-gray-900 mb-4">Passenger Information</h1>
		                    	</div>

<div class="form-group row">
		                    		<div class="col-sm-12">
		                    			<select class="form-control" name="sub_agent_id">
		                    					<option value="">Select Ticket Agent</option>
		                    				@foreach($sub_agent as $result)
		                    					<option value="{{$result->id}}">{{$result->name}}</option>
		                    				@endforeach
		                    			</select>
		                    		</div>
		                    	</div>

</div>  
		                        </div>
		                        
		                        <div class="form-group row">
		                            <div class="col-sm-6" >
		                        		<input class="form-control" id="mobile" type="text" placeholder="Mobile" name="mobile">
		                            </div>
		                            <div class="col-sm-6">
								        <select class="form-control" id="gender" name="gender" >
								        	<option value="">Select Gender</option>
								            <option value="Male">Male</option>
								            <option value="Female">Female</option>
		                                    <option value="Other">Other</option>
								        </select>
		                            </div>
		                        </div>

<div class="form-group row">
		                            <div class="col-sm-6">
		                                <input type="text" class="form-control" name="passport_number" id="passport" placeholder="Passport Number" />
		                               
		                            </div>
		                            <div class="col-sm-6">
		                                 <input type="text" class="form-control" name="id_number" id="idnumber" placeholder="ID Number" />
		                            </div>
		                        </div>
		                        <div class="form-group">
		                            <textarea class="form-control" id="exampleFormControlTextarea1" name="address" rows="1" placeholder="Address"></textarea>
		                        </div>
		  					</div>
	  					<div>
	  					<input type="hidden" name="passenger_id" id="id" >
	  					<input type="hidden" name="customer_id" value="{{Auth::user()->customer_id}}">
                        <button class="btn btn-primary" type="submit">
                            Book Ticket
                        </button>
  					</form>
				</div>
        	</div>
    	</div>
	</div>
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
   //JQ
  var $oneTimeCostField = $('#sale_amount');
  var $recurringTotalCostField = $('#paid_amount');
  var $totalRetailAmountField = $('#total');

function calcVal() {
    
        var num1 = $oneTimeCostField.val();
        var num2 = $recurringTotalCostField.val();
        var result = parseInt(num1, 10) - parseInt(num2, 10);
        console.log("calcVal ", num1,num2, result);
        if (!isNaN(result)) {
            $totalRetailAmountField.val(result);
        }
    }

calcVal();
  $oneTimeCostField.on("keydown keyup", function() {
    calcVal();
  });
  $recurringTotalCostField.on("keydown keyup", function() {
    calcVal();
  });
</script>
@endsection