recon/uploads/1/airline_invoice/1691141265___travelform_bcakup.php
2023-08-16 17:28:50 +05:30

787 lines
34 KiB
PHP

<!-- Body page content -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<div class="">
<div class="page-title">
<div class="title_left"><h3></h3></div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 ">
<div class="x_panel">
<div class="x_title">
<br />
<form action="<?php echo base_url();?>Travel/save_taxi_bookings" method="POST" >
<input type="hidden" name="<?php echo $this->security->get_csrf_token_name();?>" value="<?php echo $this->security->get_csrf_hash();?>">
<h3>Travel Information<a style="color:red;"></a></h3>
</div><br />
<div class="item form-group">
<label class="control-label col-md-1 col-sm-1 " ><b>Trip For</b></label>
<div class="col-md-5 col-sm-5 ">
<input type="radio" id="self" name="Trip" value=""style="margin:10px;" /><b>Self</b>
<input type="radio" id="others" name="Trip" value="" style="margin: 10px;" /><b>Others</b>
<input type="radio" id ="otheremp" name="Trip" value="" style="margin: 10px;"/><b>Other Employee</b>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-1 col-sm-1 " ><b>Trip Title</b></label>
<div class="col-md-5 col-sm-5 ">
<input type="text" id="trip" name="title" value=""class="form-control"><br>
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Trip Type</b></label>
<div class="col-md-5 col-sm-5 ">
<input type="radio" id="domestic" name="Trip_Type" value="Domestic"style="margin:10px;"/><b>Domestic</b>
<input type="radio" id="intetr" name="Trip_Type" value="International" style="margin: 10px;" /><b>International</b>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-1 col-sm-1 " ><b>Billable</b></label>
<div class="col-md-5 col-sm-5 ">
<input type="radio" id="bill" name="s Billabl" value=""style="margin:10px;"/><b>Yes</b>
<input type="radio" id="unbill" name="s Billabl" value="" style="margin: 10px;" /><b>No</b>
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-1 col-sm-1 " ><b>Purpose Travel</b></label>
<div class="col-md-5 col-sm-5 ">
<select id="travel" name="travel" class="form-control" >
<option value="">--Select--</option>
<option value="">Meeting</option>
<option value="">Training</option>
<option value="">Conferenc</option>
<option value="">Knowledge Transfer</option>
<option value="">Relocation</option>
<option value="">Project Delivery</option>
<option value="">Interview</option>
<option value="">New Joinee</option>
</select>
</div>
<label class="control-label col-md-1 col-sm-1 "><b>Description</b></label>
<div class="col-md-5 col-sm-5">
<textarea id="des" name="des" value="" class="form-control" type="text" ></textarea>
</div>
</div>
</div>
<!-- --------------------------------------------taxi --------------- -->
<!-- <form> -->
<div class="x_panel">
<div class="x_title">
<ul class="nav navbar-right panel_toolbox">
<!-- <button id="add-more" onclick="addTaxiBookings()">Add</button> -->
<input type="button" id="add-more" onclick="addTaxiBookings()" name="add">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
</ul>
<h3><i class="fa fa-cab"></i> Taxi</h3>
</div>
<div class="x_content">
<div class="row">
<div class="col-sm-12">
<div class="card-box table-responsive">
</div><br />
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>Destination City</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="destination" name="destination[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1" ><b>Date</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="date" name="date[]" value=""class="form-control">
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>Pickup Location</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="pick" name="pick[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1" ><b>Time of Pickup</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="time" id="picktime" name="picktime[]" value=""class="form-control">
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>Car Needed for</b>*</label>
<div class="col-md-4 col-sm-4 ">
<select id="carneed" name="carneed[]" class="form-control" >
<option value="">--Select--</option>
<option value="">Client</option>
<option value="">Restaurent</option>
<option value="">Airport/Station Pickup</option>
<option value="">Airport/Station Drop</option>
<option value="">Personal</option>
</select>
</div>
<label class="control-label col-md-1 col-sm-1" ><b>No.of.Pax</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="number" id="pax" name="pax[]" value=""class="form-control">
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>Car Type</b>*</label>
<div class="col-md-4 col-sm-4 ">
<select id="cartype" name="cartype[]" class="form-control" >
<option value="">--Select--</option>
<option value="">Hatch Back</option>
<option value="">Sedan</option>
<option value="">SUV</option>
<option value="">Coach</option>
</select>
</div>
<label class="control-label col-md-1 col-sm-1 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="des" name="des" value="" class="form-control" type="text" ></textarea>
</div>
</div>
<div id='addtaxi'></div>
</div>
</div>
</div>
</div>
<!---------------------------------------------- train------------ -->
<!-- <div class="x_panel">
<div class="x_title" >
<ul class="nav navbar-right panel_toolbox">
<!-- <button class="btn btn-sm btn-primary" id="add-more" onclick="addTrainBookings()">Add</button> -->
<!-- <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
</ul>
<h3><i class="fa fa-train"></i> Train <a style="color:red;"></a></h3>
</div>
<div class="x_content">
<div class="row">
<div class="col-sm-12">
<div class="card-box table-responsive">
</div><br />
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Train No</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="number" id="train" name="trainno[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Date</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="datetrain" name="datetrain[]" value=""class="form-control">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>From</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="fom" name="from[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>TO</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="to" name="to[]" value=""class="form-control">
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Train Class</b></label>
<div class="col-md-4 col-sm-4 ">
<select id="travel" name="travel[]" class="form-control" >
<option value="">--Select Class--</option>
<option value="">SL (Sleeper)</option>
<option value="">2S (Second siting)</option>
<option value="">CC (Chair car)</option>
<option value="">EC (Executive chair car)</option>
<option value="">3E (Three-Tier AC-Economy)</option>
<option value="">3A (Three-Tier AC)</option>
<option value="">2A (Two-Tier AC)</option>
<option value="">1A (First Class AC)</option>
</select>
</div>
<label class="control-label col-md-1 col-sm-1 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="comments" name="comments" value="" class="form-control" type="text" ></textarea>
</div>
</div>
<div id='addtrain'></div>
</div>
</div>
</div>
</div> -->
-->
<!------------------------------------------------ accomodation--------------- -->
<!-- <div class="x_panel">
<div class="x_title">
<ul class="nav navbar-right panel_toolbox">
<!-- <button class="btn btn-sm btn-primary" id="add-more" onclick="addAccomodationBookings()">Add</button> -->
<!-- <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
</ul>
<h3><i class="fa fa-bed"></i> Accomodation <a style="color:red;"></a></h3>
</div>
<div class="x_content">
<div class="row">
<div class="col-sm-12">
<div class="card-box table-responsive">
</div><br />
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Destination City</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="destcity" name="destcity[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Hotel Name</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="hotel" name="hotelname[]" value=""class="form-control">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Check In</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="checkin" name="checkin[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Time</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="time" id="checktime" name="checktime[]" value=""class="form-control">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Check Out</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="checkout" name="checkout[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Time</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="time" id="outtime" name="outtime[]" value=""class="form-control">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="acomments" name="comments" value="" class="form-control" type="text" ></textarea>
</div>
</div>
<div id='addaccomodation'></div>
</div>
</div>
</div>
</div> -->
-->
<!-- bussss -->
<!-- <div class="x_panel">
<div class="x_title">
<ul class="nav navbar-right panel_toolbox"> -->
<!-- <button class="btn btn-sm btn-primary" id="add-more" onclick="()">Add</button> -->
<!-- <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
</ul>
<h3 class="modal-title" class="fa-hover col-md-12 col-sm-12 "><i class="fa fa-bus"></i> BUS </h3>
</div>
<div class="x_content">
<div class="row">
<div class="col-sm-12">
<div class="card-box table-responsive">
</div><br />
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>From Station</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="stationfrom" name="stationfrom[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1" ><b>To Station</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="stationto" name="stationto[]" value=""class="form-control">
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>Depature Date</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="travelsdate" name="traveldate[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1" ><b>Depature Time</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="time" id="traveltime" name="traveltime[]" value=""class="form-control">
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="comments" name="comments" value="" class="form-control" type="text" ></textarea>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- ----------------------------flight----------------------- -->
<!-- <div class="x_panel">
<div class="x_title">
<h3><i class="fa fa-plane"></i> Flight <a style="color:red;"></a> </h3>
</div><br />
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Trip Type</b></label>
<div class="col-md-4 col-sm-4 ">
<select id="typetrip" name="typetrip[]" class="form-control" >
<option value="">--Select--</option>
<option value="">Oneway</option>
<option value="">Round Trip</option>
<option value="">Multi Trip</option>
</select>
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Class</b></label>
<div class="col-md-4 col-sm-4 ">
<select id="typetrip1" name="typetrip1[]" class="form-control" >
<option value="">--Select Class--</option>
<option value="">Economy</option>
<option value="">Bussiness</option>
</select>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>From</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="ffrom" name="ffrom[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>To</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="fto" name="fto[]" value=""class="form-control">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Date</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="fdate" name="fdate[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Time</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="time" id="ftime" name="ftime[]" value=""class="form-control">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="fcomments" name="fcomments" value="" class="form-control" type="text" ></textarea>
</div>
</div>
</div> -->
<!-- visA -->
<!-- <div class="x_panel">
<div class="x_title"> -->
<!-- <ul class="nav navbar-right panel_toolbox"> -->
<!-- <button class="btn btn-sm btn-primary" id="add-more" onclick="()">Add</button> -->
<!-- <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
</ul>
<h3 class="modal-title" class="fa-hover col-md-3 col-sm-4 "><i class="fa fa-globe"></i> VISA </h3>
</div>
<div class="x_content">
<div class="row">
<div class="col-sm-12">
<div class="card-box table-responsive">
</div><br />
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>Country</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="text" id="country" name="country[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1"><b>Types Of VISA</b></label>
<div class="col-md-4 col-sm-4">
<select id="request" name="request[]" class="form-control" >
<option value="">--Please Select--</option>
<option value="">Bussiness VISA</option>
<option value="">Bussiness Visit -upto 6 months</option>
<option value="">Visitor VISA</option>
<option value="">Business Visit 1-2 yrs</option>
<option value="">Business Visit 5 yrs</option>
<option value="">Business Visit 10 yrs</option>
</select>
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2" ><b>Travel Start Date</b>*</label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="travelsdate" name="traveldate[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="comments" name="comments" value="" class="form-control" type="text" ></textarea>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!-- insurence -->
<!-- <div class="x_panel">
<div class="x_title">
<h3><i class="fa fa-medkit"></i> Insurence Details <a style="color:red;"></a> </h3>
</div><br />
<div class="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Insurence From</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="insurencefrom" name="insurencefrom[]" value=""class="form-control">
</div>
<label class="control-label col-md-1 col-sm-1 " ><b>Insurnece To</b></label>
<div class="col-md-4 col-sm-4 ">
<input type="date" id="insurenceto" name="insurenceto[]" value=""class="form-control">
</div>
</div>
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2 " ><b>Types of Insurence</b></label>
<div class="col-md-4 col-sm-4 ">
<select id="travel" name="travel[]" class="form-control" >
<option value="">--Select--</option>
<option value="">Travel Insurence-Worldwide</option>
<option value="">Travel Insurence-Worldwide Excluding US/Canada</option>
<option value="">Travel Insurence-Asia</option>
</select>
</div>
<label class="control-label col-md-1 col-sm-1 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="comments" name="comments" value="" class="form-control" type="text" ></textarea>
</div>
</div>
</div> -->
<!-- miclenioua -->
<!-- <div class="x_panel">
<div class="x_title">
<h3 class="modal-title" class="fa-hover col-md-3 col-sm-4 "><i class="fa fa-signal"></i> Miscellaneous details. </h3>
</div><br />
<div class ="item form-group">
<label class="control-label col-md-2 col-sm-2 "><b>Special Request</b></label>
<div class="col-md-4 col-sm-4">
<select id="request" name="request[]" class="form-control" >
<option value="">--Please Select--</option>
<option value="">Porter Servicek</option>
<option value="">Immigration</option>
<option value="">Meet and Assist</option>
</select>
</div>
<label class="control-label col-md-1 col-sm-1 "><b>Comments</b></label>
<div class="col-md-4 col-sm-4">
<textarea id="comments" name="comments" value="" class="form-control" type="text" ></textarea>
</div>
</div>
</div> -->
<!-- endd toggle -->
<div class="x_panel"><br>
<div class="item form-group">
<div class="offset-md-8">
<button class="btn btn-secondary">Cancel</button>
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</form>
<!-- <script>
function getAppendedValues() {
var appendedData = [];
var container = document.getElementById('addtaxi');
var elements = container.querySelectorAll('[id^="add"]');
elements.forEach(function(element) {
var destination = element.querySelector('[id^="destination"]').value;
var date = element.querySelector('[id^="date"]').value;
var pick = element.querySelector('[id^="pick"]').value;
var picktime = element.querySelector('[id^="picktime"]').value;
var carneed = element.querySelector('[id^="carneed"]').value;
var pax = element.querySelector('[id^="pax"]').value;
var cartype = element.querySelector('[id^="cartype"]').value;
var des = element.querySelector('[id^="des"]').value;
var data = {
destination: destination,
date: date,
pick: pick,
picktime: picktime,
carneed: carneed,
pax: pax,
cartype: cartype,
des: des
};
appendedData.push(data);
});
// Send the appendedData to your CodeIgniter controller using AJAX
}
</script> -->
<!-- radio button function -->
<!-- <script>
$(document).ready(function() {
$('input[type="radio"]').on('change', function() {
var selectedValue = $('input[name="Trip_Type"]:checked').val();
console.log(selectedValue);
if(selectedValue == 'Domestic')
{
$('#visa').hide();
$('#forex').hide();
$('#insurence').hide();
}
else
{
$('#train').show();
$('#bus').show();
$('#car').show();
}
});
});
</script>
<script>
$(document).ready(function() {
$('input[type="radio"]').on('change', function() {
var selectedValue = $('input[name="Trip_Type"]:checked').val();
console.log(selectedValue);
if(selectedValue == 'International')
{
$('#visa').show();
$('#insurence').show();
$('#forex').show();
$('#train').hide();
$('#bus').hide();
}
else
{
}
});
});
</script> -->
<!-- radio button end fun -->
<!-- -------------------------------------------add fun ---------------------------------------------->
<!-- <script>
var i = 1;
var html1 = '';
$('#add-more').click(function(){
i++;
html1 +='<div id="add">'
html1 +='<div class="x_title"><h4 class="modal-title" class="fa-hover col-md-3 col-sm-4"><i class="fa fa-cab"></i> Taxi '+i+'</h4></div><br />'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Destination City</b>*</label><div class="col-md-5 col-sm-5 "><input type="text" id="destination" name="destination[]" value=""class="form-control"></div></div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Date</b>*</label><div class="col-md-5 col-sm-5 "><input type="date" id="date" name="date[]" value=""class="form-control"></div></div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Pickup Location</b>*</label><div class="col-md-5 col-sm-5 "><input type="text" id="pick" name="pick[]" value=""class="form-control"></div></div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Time of Pickup</b>*</label><div class="col-md-5 col-sm-5 "><input type="time" id="picktime" name="picktime[]" value=""class="form-control"></div> </div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Car Needed for</b>*</label><div class="col-md-5 col-sm-5 "><select id="carneed" name="carneed[]" required class="form-control" ><option value="">--Select--</option><option value="">Client</option><option value="">Restaurent</option><option value="">Airport/Station Pickup</option><option value="">Airport/Station Drop</option><option value="">Personal</option></select></div></div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>No.of.Pax</b>*</label><div class="col-md-5 col-sm-5 "><input type="number" id="pax" name="pax[]" value=""class="form-control"></div> </div>'
html1 +=' <div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Car Type</b>*</label><div class="col-md-5 col-sm-5 "><select id="cartype" name="cartype[]" required class="form-control" ><option value="">--Select--</option><option value="">Hatch Back</option><option value="">Sedan</option><option value="">SUV</option><option value="">Coach</option></select></div> </div>'
html1 +=' <div class ="item form-group"><label class="control-label col-md-2 col-sm-2 "><b>Comments</b></label><div class="col-md-5 col-sm-5"><textarea id="des" name="des" value="" class="form-control" type="text" ></textarea></div></div>'
html1 +='<div class="input-group-btn"> <button class="remove" >X</button></div>'
html1 +='</div>'
$('#addtaxi').append(html1);
});
$("body").on("click",".remove",function(){
$('#add').remove();
});
</script> -->
<!-- -------------------------------------------add taxifun ---------------------------------------------->
<script>
var i = 1;
function addTaxiBookings() {
// var container = document.getElementById('addtaxi');
i++;
var html1 = '<div id="add'+i+'">';
html1 +='<div class="x_panel">'
html1 +='<div class="x_title"><h3><i class="fa fa-cab"></i> Taxi ' + i + '</h3></div><br />';
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Destination City</b>*</label><div class="col-md-4 col-sm-4 "><input type="text" id="destination" name="destination[]" value=""class="form-control"></div>'
html1 +='<label class="control-label col-md-1 col-sm-1" ><b>Date</b>*</label><div class="col-md-4 col-sm-4 "><input type="date" id="date" name="date[]" value=""class="form-control"></div></div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Pickup Location</b>*</label><div class="col-md-4 col-sm-4 "><input type="text" id="pick" name="pick[]" value=""class="form-control"></div>'
html1 +='<label class="control-label col-md-1 col-sm-1" ><b>Time of Pickup</b>*</label><div class="col-md-4 col-sm-4 "><input type="time" id="picktime" name="picktime[]" value=""class="form-control"></div> </div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Car Needed for</b>*</label><div class="col-md-4 col-sm-4 "><select id="carneed" name="carneed[]" required class="form-control" ><option value="">--Select--</option><option value="">Client</option><option value="">Restaurent</option><option value="">Airport/Station Pickup</option><option value="">Airport/Station Drop</option><option value="">Personal</option></select></div>'
html1 +='<label class="control-label col-md-1 col-sm-1" ><b>No.of.Pax</b>*</label><div class="col-md-4 col-sm-4 "><input type="number" id="pax" name="pax[]" value=""class="form-control"></div> </div>'
html1 +=' <div class ="item form-group"><label class="control-label col-md-2 col-sm-2" ><b>Car Type</b>*</label><div class="col-md-4 col-sm-4 "><select id="cartype" name="cartype[]" required class="form-control" ><option value="">--Select--</option><option value="">Hatch Back</option><option value="">Sedan</option><option value="">SUV</option><option value="">Coach</option></select></div>'
html1 +='<label class="control-label col-md-1 col-sm-1 "><b>Comments</b></label><div class="col-md-4 col-sm-4"><textarea id="des" name="des" value="" class="form-control" type="text" ></textarea></div></div>'
html1 +='<div class=" btn-lg float-right"> <button class="btn btn-danger" onclick="removeTaxi('+ i +')" ><i class="fa fa-trash-o"></i></button></div>'
html1 +='</div>';
// container.innerHTML += html1;
$("#addtaxi").append(html1);
}
function removeTaxi(index) {
var element = document.getElementById('add'+ index);
if (element) {
element.remove();
}
}
</script>
<!-- =--------------------------------------add train fun=------------------------------------------------ -->
<!-- <script>
var a=1;
function addTrainBookings() {
var container = document.getElementById('addtrain');
a++;
var html1 = '<div id="add1'+a+'">';
html1 +='<div class="x_title" ><h3><i class="fa fa-train"></i> Train ' + a + ' <a style="color:red;"></a></h3> </div>';
html1 +='<div class="item form-group"><label class="control-label col-md-2 col-sm-2 " ><b>Train No</b></label><div class="col-md-4 col-sm-4 "><input type="number" id="train" name="trainno[]" value=""class="form-control"> </div><label class="control-label col-md-1 col-sm-1 " ><b>Date</b></label><div class="col-md-4 col-sm-4 "><input type="date" id="datetrain" name="datetrain[]" value=""class="form-control"> </div></div>'
html1 +='<div class="item form-group"><label class="control-label col-md-2 col-sm-2 " ><b>From</b></label><div class="col-md-4 col-sm-4 "><input type="text" id="fom" name="from[]" value=""class="form-control"> </div><label class="control-label col-md-1 col-sm-1 " ><b>TO</b></label><div class="col-md-4 col-sm-4 "><input type="text" id="to" name="to[]" value=""class="form-control"> </div></div>'
html1 +='<div class ="item form-group"><label class="control-label col-md-2 col-sm-2 " ><b>Train Class</b></label><div class="col-md-4 col-sm-4 "> <select id="travel" name="travel[]" required class="form-control" ><option value="">--Select Class--</option><option value="">SL (Sleeper)</option><option value="">2S (Second siting)</option><option value="">CC (Chair car)</option><option value="">EC (Executive chair car)</option><option value="">3E (Three-Tier AC-Economy)</option><option value="">3A (Three-Tier AC)</option><option value="">2A (Two-Tier AC)</option><option value="">1A (First Class AC)</option></select></div><label class="control-label col-md-1 col-sm-1 "><b>Comments</b></label><div class="col-md-4 col-sm-4"><textarea id="comments" name="comments" value="" class="form-control" type="text" ></textarea></div></div>'
html1 +='<div class=" btn-lg float-right"> <button class="btn btn-danger" onclick="removeTrain('+ a +')" ><i class="fa fa-trash-o"></i></button></div>'
html1 +='</div>';
container.innerHTML += html1;
}
function removeTrain(index) {
var element = document.getElementById('add1'+ index);
if (element) {
element.remove();
}
}
</script> -->
<!-- -------------------------------------------------addaccomodation------------------------------------------------- -->
<!-- <script>
var b=1;
function addAccomodationBookings() {
var container = document.getElementById('addaccomodation');
b++;
var html1 = '<div id="add1'+b+'">';
html1 +='<div class="x_title"><h3><i class="fa fa-bed"></i> Accomodation '+ b +' <a style="color:red;"></a></h3></div>'
html1+='<div class="item form-group"><label class="control-label col-md-2 col-sm-2 " ><b>Destination City</b></label><div class="col-md-4 col-sm-4 "><input type="text" id="destcity" name="destcity[]" value=""class="form-control"> </div><label class="control-label col-md-1 col-sm-1 " ><b>Hotel Name</b></label><div class="col-md-4 col-sm-4 "><input type="text" id="hotel" name="hotelname[]" value=""class="form-control"> </div></div>'
html1+='<div class="item form-group"><label class="control-label col-md-2 col-sm-2 " ><b>Check In</b></label><div class="col-md-4 col-sm-4 "><input type="date" id="checkin" name="checkin[]" value=""class="form-control"> </div><label class="control-label col-md-1 col-sm-1 " ><b>Time</b></label><div class="col-md-4 col-sm-4 "><input type="time" id="checktime" name="checktime[]" value=""class="form-control"> </div></div>'
html1+='<div class="item form-group"><label class="control-label col-md-2 col-sm-2 " ><b>Check Out</b></label><div class="col-md-4 col-sm-4 "><input type="date" id="checkout" name="checkout[]" value=""class="form-control"> </div><label class="control-label col-md-1 col-sm-1 " ><b>Time</b></label><div class="col-md-4 col-sm-4 "><input type="time" id="outtime" name="outtime[]" value=""class="form-control"> </div></div>'
html1+='<div class="item form-group"><label class="control-label col-md-2 col-sm-2 "><b>Comments</b></label><div class="col-md-4 col-sm-4"><textarea id="acomments" name="comments" value="" class="form-control" type="text" ></textarea></div></div>'
html1 +='<div class=" btn-lg float-right"> <button class="btn btn-danger" onclick=" removeAccomodation('+ b +')" ><i class="fa fa-trash-o"></i></button></div>'
html1 +='</div>';
container.innerHTML += html1;
}
function removeAccomodation(index) {
var element = document.getElementById('add1'+ index);
if (element) {
element.remove();
}
}
</script> -->
<!-- -----------------------------------------------addbus fun---------------------- -->
<!-- <script>
var c=1;
function addBusBookings() {
var container = document.getElementById('addbus');
c++;
var html1 = '<div id="add1'+c+'">';
html1 +='' -->
</div>
</div>
</div>