File: /home/cafsindia/allyindian_com/backend/application/views/package/itinerary_details.php
<style>
.modal-dialog .nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
color: #000000;
margin-bottom: 0px;
}
.modal-body {
max-height: calc(100vh - 212px);
overflow-y: auto;
height: 520px;
padding: 0px !important;
}
.nav-tabs li a {
color: #FFFFFF;
text-transform: capitalize;
}
.form-inline .form-group {
width: 17.9%;
margin-bottom: 18px;
margin-right: 9px;
}
button{
margin-top: 25px;
}
fieldset{
padding: 8px;
margin: 4px;
}
.mg0{
margin: 0;
}
.pd0{
padding: 0px !important;
}
.tblbg > tbody > tr:first-child{
background-color: #198acc;
color:#FFFFFF;
}
.tblbg > thead > tr:first-child{
background-color: #198acc;
color:#FFFFFF;
}
</style>
<ul class="nav nav-tabs" data-tabs="tabs" style="background-color:#D8343F;">
<li class="active" role="presentation">
<a data-toggle="tab" href="#trip">Trip Details</a>
</li>
<li role="presentation">
<a data-toggle="tab" href="#boarding_points">Boarding</a>
</li>
<li role="presentation">
<a data-toggle="tab" href="#tariff_details">Accommodation</a>
</li>
<li role="presentation">
<a data-toggle="tab" href="#itinerary">Itinerary details</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="trip">
<fieldset>
<?php echo form_open('Package/save_trip_details/', array( 'name' => 'trip_form','id' => 'trip_form', 'class' => 'form-inline')); ?>
<div class="form-group">
<?php
echo form_input(array('name'=>'trip_id','id'=>'trip_id','type'=>'Hidden','class'=>'form-control input-sm','value'=>''));
echo form_input(array('name'=>'package_id','id'=>'package_id',
'type'=>'Hidden','class'=>'form-control input-sm','value'=>$package_data->package_id));
echo form_label("Select Vehicle Category", 'vehicle_category', array('class' => 'required'));
echo form_dropdown(array('name' => 'vehicle_category','id' => 'vehicle_category','class' => 'form-control','style' => 'text-transform:capitalize'), $vehicle_category_info, $package_info->veh_category);
?>
</div>
<div class="form-group">
<?php echo form_label("vehicle Type", 'vehicle_type', array('class' => 'required'));
echo form_dropdown(array('name' => 'vehicle_type','id' => 'vehicle_type','class' => 'form-control'), '', $package_info->vehicletype);
?>
</div>
<div class="form-group">
<?php echo form_label("Vehicle", 'vehicle', array('class' => 'required'));
echo form_dropdown(array('name' => 'vehicle','id' => 'vehicle','class' => 'form-control'), '', $package_info->vehicle);
?>
</div>
<div class="form-group">
<?php echo form_label("Seat data", 'seatdata', array('class' => 'required'));
echo form_textarea(array('name' => 'seatdata','readonly'=>'true','rows'=> '2','id' => 'seatdata','class' => 'form-control'), '', '');
?>
</div>
<div class="form-group">
<button type='submit' class='btn btn-primary btn-sm' id='#trip_add'>Save Trip</button>
</div>
<div class="row mg0">
<table class="table table-hover">
<thead>
<tr>
<th>Trip Code</th>
<th>Vehicle Type</th>
<th>Vehicle Category</th>
<th>Seat Capacity</th>
<th>Options</th>
</tr>
</thead>
<tbody id="trip_list">
<?php
foreach ($trip_data as $key => $value){
$tripid = $value['tripid'];
$tripcode = $value['tripcode'];
$veh_type = $value['veh_type'];
$veh_category = $value['cat'];
$count = $value['count'];
$seat_capacity = $value['seat_capacity'];
$itnight = $value['itnight'];
if($count > 0){
$btn = "<span style='color:red'>Seats Booked</span>";
}else{
$btn = "<a style='cursor:pointer;' onclick='edit_trip($tripid)'><i class='fa fa-pencil-square-o'></i> Edit</a>";
}
echo "<tr>
<td>$tripcode</td>
<td>$veh_type</td>
<td>$veh_category</td>
<td>$seat_capacity</td>
<td>$btn</td>
</tr>";
}
?>
</tbody>
</table>
</div>
<?php echo form_close(); ?>
</fieldset>
</div>
<div class="tab-pane fade" id="boarding_points">
<fieldset>
<?php echo form_open('Package/save_boarding_details/', array( 'name' => 'boarding_form','id' => 'boarding_form', 'class' => 'form-inline')); ?>
<h4>Boarding Info</h4>
<div class="form-group" style="width:45% !important;">
<?php
echo form_input(array('name'=>'boarding_id','id'=>'boarding_id','type'=>'Hidden','class'=>'form-control input-sm','value'=>''));
echo form_input(array('name'=>'package_id','id'=>'package_id',
'type'=>'Hidden','class'=>'form-control input-sm','value'=>$package_data->package_id));
echo form_label("Boarding Point", 'board_point_id', array('class' => 'required'));
echo form_dropdown(array('name' => 'board_point_id','id' => 'board_point_id','class' => 'form-control'), $bp_info, $boarding_info->board_point_id);
?>
</div>
<div class="form-group" style="width:15% !important;">
<?php echo form_label("Dep Time", 'dep_time', array('class' => 'required'));
echo form_input(array('name'=>'dep_time','id' => 'dep_time','class'=>'form-control input-sm datepicker','value'=>''));?>
</div>
<div class="form-group" style="width:15% !important;">
<?php
echo form_label("Active Status", 'status', array('class' => 'required'));
$status = array('' => '--Select Status--', '1' =>'Active', '0' => 'Inactive');
echo form_dropdown(array(
'name' => 'status',
'id' => 'status',
'class' => 'form-control input-sm'), $status, $package_info->status);
?>
</div>
<div class="form-group" style="width:20% !important;">
<button class="btn btn-sm btn-primary" id="boarding_add">Add / Update</button>
</div>
<div class="row mg0">
<table class="table table-hover board_table">
<thead>
<tr>
<th>No</th>
<th>Boarding Name</th>
<th>Dep Time</th>
<th>Status</th>
<th>Options</th>
</tr>
</thead>
<tbody id="boarding_list">
<?php
$i= 1;
foreach ($boarding_data as $key => $value){
$boarding_name = $value['boarding_name'];
$boarding_id = $value['boarding_id'];
$dep_time = $value['dep_time'];
$status = $value['status'];
if($status === "1"){
$status = "Active";
}else{
$status = "InActive";
}
echo "<tr id='dep'>
<td>$i</td>
<td>$boarding_name</td>
<td>$dep_time</td>
<td>$status</td>
<td><a style='cursor:pointer;' onclick='edit_boarding($boarding_id)'><i class='fa fa-pencil-square-o'></i> Edit</a></td>
</tr>";
$i++;
}
?>
</tbody>
</table>
</div>
<?php echo form_close(); ?>
</fieldset>
</div>
<div class="tab-pane fade" id="tariff_details">
<fieldset>
<?php echo form_open('Package/save_tariff_details/', array( 'name' => 'tariff_form','id' => 'tariff_form', 'class' => 'form-inline')); ?>
<h4>Tariff Info</h4>
<div class="form-group" style="width:50% !important;">
<?php
echo form_input(array('name'=>'pcostid','id'=>'pcostid','type'=>'Hidden','class'=>'form-control input-sm','value'=>''));
echo form_input(array('name'=>'package_id','id'=>'package_id',
'type'=>'Hidden','class'=>'form-control input-sm','value'=>$package_data->package_id));
echo form_label("Tariff", 'pack_type', array('class' => 'required'));
echo form_dropdown(array('name' => 'pack_type','id' => 'pack_type','class' => 'form-control'), $pack_type_info, $boarding_info->board_point_id);
?>
</div>
<div class="form-group" style="width:20% !important;">
<?php echo form_label("Tariff Cost", 'tariff_cost', array('class' => 'required'));
echo form_input(array('name'=>'tariff_cost','id' => 'tariff_cost','class'=>'form-control input-sm number','value'=>''));?>
</div>
<div class="form-group" style="width:20% !important;">
<button class="btn btn-sm btn-primary" id="tariff_add">Add / Update</button>
</div>
<div class="row mg0">
<table class="table table-hover tariff_table">
<thead>
<tr>
<th>No</th>
<th>Tariff Name</th>
<th>Cost</th>
<th>Options</th>
</tr>
</thead>
<tbody id="tariff_list">
<?php
$i= 1;
foreach ($tariff_data as $key => $value){
$package_type = $value['package_type'];
$pcostid = $value['pcostid'];
$pamount = $value['pamount'];
echo "<tr>
<td>$i</td>
<td>$package_type</td>
<td>$pamount</td>
<td><a style='cursor:pointer;' onclick='edit_tariff($pcostid)'><i class='fa fa-pencil-square-o'></i> Edit</a></td>
</tr>";
$i++;
}
?>
</tbody>
</table>
</div>
<?php echo form_close(); ?>
</fieldset>
</div>
<div class="tab-pane fade" id="itinerary">
<fieldset>
<?php echo form_open('Package/save_itinerary/', array( 'name' => 'itinerary_form','id' => 'itinerary_form', 'class' => 'form-inline')); ?>
<div class="form-group">
<?php
$duration = $package_data->duration;
$days_info[""] = "---- Select Days ----";
for($i=1; $i<=$duration; $i++){
$days_info [$i] = "Day ".$i;
$data['days_info'] = $days_info;
}
echo form_label("Select Days", 'days', array('class' => 'required'));
echo form_dropdown(array('name' => 'days','id' => 'days','class' => 'form-control'), $days_info, $boarding_info->duration);
?>
</div>
<div class="form-group">
<?php
echo form_label("Itinerary Detail", 'itinerary_details', array('class' => 'required'));
echo form_textarea(
array(
'name'=>'itinerary_details',
'id'=>'itinerary_details',
'rows'=>'3',
'class'=>'form-control input-sm',
'value'=>''
)
);
?>
</div>
<div class="form-group">
<?php
echo form_label("Night Stay", 'night_stay', array('class' => 'required'));
echo form_input(
array(
'name'=>'night_stay',
'id'=>'night_stay',
'class'=>'form-control input-sm',
'value'=>''
)
);
?>
</div>
<div class="form-group">
<button class="btn btn-sm btn-primary" id="itinerary_add">Add / Update</button>
</div>
<div class="form-group">
<?php
echo form_input(array('name'=>'itinerary_id','id'=>'itinerary_id','type'=>'Hidden','class'=>'form-control input-sm','value'=>''));
echo form_input(array('name'=>'package_id','id'=>'package_id',
'type'=>'Hidden','class'=>'form-control input-sm','value'=>$package_data->package_id));
?>
</div>
<div class="col-md-12" style="padding:0px;">
<h4 style='color:#000000 !important;font-size:16px;margin:0;margin-bottom:8px;font-weight:bold;'>Itinerary List</h4>
<table class="table table-hover table-striped table-bordered CheckDayExist" id="itinerary_tbl" style="background-color: #EEEEEE;font-size: 12px !important;">
<thead>
<tr>
<th>Package Id</th>
<th>Day</th>
<th>Itinerary Details</th>
<th>Night Stay</th>
<th colspan="2" style="text-align: center;">Options</th>
</tr>
</thead>
<tbody id="Itinerary_data">
<?php
foreach ($ilinerary_data as $key => $value){
$itid = $value['itid'];
$itpackid = $value['itpackid'];
$itday = $value['itday'];
$itdaydetail = $value['itdaydetail'];
$itnight = $value['itnight'];
echo "<tr>
<td>$itpackid</td>
<td class='itday'>$itday</td>
<td width='50%'>$itdaydetail</td>
<td>$itnight</td>
<td><a style='cursor:pointer;' onclick='edit_ilinerary($itid)'><i class='fa fa-pencil-square-o'></i> Edit</a></td>
</tr>";
}
?>
</tbody>
</table>
</div>
<?php echo form_close(); ?>
</fieldset>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".alpha").on("keydown", function(event){
var arr = [8,9,16,17,20,35,36,37,38,39,40,45,46];
for(var i = 65; i <= 90; i++){
arr.push(i);
}
if(jQuery.inArray(event.which, arr) === -1)
{
event.preventDefault();
}
});
$(".number").keydown(function (e)
{
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
(e.keyCode == 65 && e.ctrlKey === true) ||
(e.keyCode == 67 && e.ctrlKey === true) ||
(e.keyCode == 88 && e.ctrlKey === true) ||
(e.keyCode == 86 && e.ctrlKey === true) ||
(e.keyCode >= 35 && e.keyCode <= 39))
{
return;
}
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105))
{
e.preventDefault();
}
});
$('#dep_time').datetimepicker({
format: 'LT'
});
$('#trip_form').validate($.extend({
submitHandler: function (form){
$('#trip_add').attr('disabled','disabled');
$(form).ajaxSubmit({
success: function (response){
toastr.success(response.message);
var tr = "";
for(i = 0; i < response.trip_data.length; i++) {
tripid = response.trip_data[i].tripid;
tripcode = response.trip_data[i].tripcode;
seat_capacity = response.trip_data[i].seat_capacity;
veh_type = response.trip_data[i].veh_type;
veh_category = response.trip_data[i].cat;
edit = "<a style='cursor:pointer;' onclick='edit_trip("+tripid+")'><i class='fa fa-pencil-square-o'></i>Edit</a>";
tr += "<tr><td>"+tripcode+"</td><td>"+veh_type+"</td><td>"+veh_category+"</td><td>"+seat_capacity+"</td><td>"+edit+"</td></tr>"
}
$("#trip_list").html(tr);
$("#trip_form")[0].reset();
$("#trip_add").removeAttr("disabled");
$("#trip_id").val('');
},
dataType: 'json'
});
},
rules:
{
vehicle_category :"required",
vehicle_type :"required",
vehicle :"required",
}
}));
$('#boarding_form').validate($.extend({
submitHandler: function (form){
$('#boarding_add').attr('disabled','disabled');
$(form).ajaxSubmit({
success: function (response){
toastr.success(response.message);
var tr = "";
var j=1;
for(i = 0; i < response.boarding_data.length; i++){
boarding_id = response.boarding_data[i].boarding_id;
boarding_name = response.boarding_data[i].boarding_name;
dep_time = response.boarding_data[i].dep_time;
status = response.boarding_data[i].status;
if(status === "1"){
status = "Active";
}else{
status = "InActive";
}
edit = "<a style='cursor:pointer;' onclick='edit_boarding("+boarding_id+")'><i class='fa fa-pencil-square-o'></i>Edit</a>";
tr += "<tr><td>"+j+"</td><td>"+boarding_name+"</td><td>"+dep_time+"</td><td>"+status+"</td><td>"+edit+"</td></tr>"
j++;
}
$("#boarding_list").html(tr);
$("#boarding_form")[0].reset();
$("#boarding_add").removeAttr("disabled");
$("#boarding_id").val('');
},
dataType: 'json'
});
},
rules:
{
board_point_id :"required",
dep_time :"required",
}
}));
$('#tariff_form').validate($.extend({
submitHandler: function (form){
$('#tariff_add').attr('disabled','disabled');
$(form).ajaxSubmit({
success: function (response){
toastr.success(response.message);
var tr = "";
var j=1;
for(i = 0; i < response.tariff_data.length; i++){
pcostid = response.tariff_data[i].pcostid;
package_type = response.tariff_data[i].package_type;
pamount = response.tariff_data[i].pamount;
edit = "<a style='cursor:pointer;' onclick='edit_tariff("+pcostid+")'><i class='fa fa-pencil-square-o'></i>Edit</a>";
tr += "<tr><td>"+j+"</td><td>"+package_type+"</td><td>"+pamount+"</td><td>"+edit+"</td></tr>";
j++;
}
$("#tariff_list").html(tr);
$("#tariff_form")[0].reset();
$("#tariff_add").removeAttr("disabled");
$("#pcostid").val('');
//$('.nav-tabs a[href="#itinerary"]').tab('show');
},
dataType: 'json'
});
},
rules:
{
pack_type :"required",
tariff_cost :"required",
}
}));
$('#itinerary_form').validate($.extend({
submitHandler: function (form){
$('#itinerary_add').attr('disabled','disabled');
$(form).ajaxSubmit({
success: function (response){
toastr.success(response.message);
var tr = "";
for(i = 0; i < response.itinerary_data.length; i++) {
itid = response.itinerary_data[i].itid;
itday = response.itinerary_data[i].itday;
itdaydetail = response.itinerary_data[i].itdaydetail;
itnight = response.itinerary_data[i].itnight;
itpackid = response.itinerary_data[i].itpackid;
edit = "<a style='cursor:pointer;' onclick='edit_ilinerary("+itid+")'><i class='fa fa-pencil-square-o'></i>Edit</a>";
tr += "<tr><td>"+itpackid+"</td><td>"+itday+"</td><td style='width:50%'>"+itdaydetail+"</td><td>"+itnight+"</td><td>"+edit+"</td></tr>"
}
$("#Itinerary_data").html(tr);
$("#itinerary_form")[0].reset();
$("#itinerary_add").removeAttr("disabled");
$("#itinerary_id").val('');
},
dataType: 'json'
});
},
rules:
{
days :"required",
itinerary_details :"required",
night_stay :"required",
}
}));
//Days Validation
$('#days').change(function(event){
var days = $('#days').val();
var check = $(this).find("option:selected").text();
if($(".CheckDayExist tr > td:contains("+check+")").length !== 0){
toastr.warning("Day Details Already Exist");
$('#days').val('');
}
});
//Boarding Validation
$('#board_point_id').change(function(event){
var board_point_id = $('#board_point_id').val();
var check = $(this).find("option:selected").text();
if($(".board_table tr > td:contains("+check+")").length !== 0){
toastr.warning("Boarding Already Exist");
$('#board_point_id').val('');
}
});
$('#dep_time').blur(function(event){
var dep_time = $('#dep_time').val();
if($(".board_table tr > td:contains("+dep_time+")").length === 1){
toastr.warning("Boarding Time Already Exist");
$('#dep_time').val('');
}
});
$('#pack_type').change(function(event){
var pack_type = $('#pack_type').val();
var check = $(this).find("option:selected").text();
if($("#itinerary_id").val() === ""){
if($(".tariff_table tr > td:contains("+check+")").length !== 0){
toastr.warning("Tariff Already Exist");
$('#pack_type').val('');
}
}
});
$('#vehicle_category').change(function(){
var vehicle_category = $('#vehicle_category').val();
get_vehicle_type(vehicle_category);
});
$('#vehicle_type').change(function(){
var vehicle_type = $('#vehicle_type').val();
get_vehicle_data(vehicle_type);
});
});
function edit_trip(tripid){
if(tripid){
$.ajax({
type: "POST",
url: '<?php echo base_url('index.php/Package/get_trips'); ?>/'+tripid,
success: function(data) {
var rslt = JSON.parse(data);
for(i = 0; i < rslt.trips_data.length; i++) {
get_vehicle_type(rslt.trips_data[i].veh_cat_id,rslt.trips_data[i].veh_type_id);
get_vehicle_data(rslt.trips_data[i].veh_type_id,rslt.trips_data[i].vehicle_id);
$("#trip_id").val(rslt.trips_data[i].tripid);
$("#vehicle_category").val(rslt.trips_data[i].veh_cat_id);
$("#vehicle_type").val(rslt.trips_data[i].veh_type_id);
$("#vehicle").val(rslt.trips_data[i].vehicle_id);
}
},
});
}
}
function edit_boarding(boarding_id){
if(boarding_id){
$.ajax({
type: "POST",
url: '<?php echo base_url('index.php/Package/get_boarding'); ?>/'+boarding_id,
success: function(data) {
var rslt = JSON.parse(data);
for(i = 0; i < rslt.boarding_data.length; i++){
$("#boarding_id").val(rslt.boarding_data[i].boarding_id);
$("#board_point_id").val(rslt.boarding_data[i].board_point_id);
$("#dep_time").val(rslt.boarding_data[i].dep_time);
$("#status").val(rslt.boarding_data[i].status);
}
},
});
}
}
function edit_tariff(pcostid){
if(pcostid){
$.ajax({
type: "POST",
url: '<?php echo base_url('index.php/Package/get_tariff'); ?>/'+pcostid,
success: function(data){
var rslt = JSON.parse(data);
for(i = 0; i < rslt.tariff_data.length; i++){
$("#pcostid").val(rslt.tariff_data[i].pcostid);
$("#pack_type").val(rslt.tariff_data[i].package_type_id);
$("#tariff_cost").val(rslt.tariff_data[i].pamount);
}
},
});
}
}
function edit_ilinerary(itid){
if(itid){
$.ajax({
type: "POST",
url: '<?php echo base_url('index.php/Package/get_ilinerary'); ?>/'+itid,
success: function(data) {
var rslt = JSON.parse(data);
var tr = "";
for(i = 0; i < rslt.itinerary_data.length; i++) {
$("#itinerary_id").val(rslt.itinerary_data[i].itid);
$("#days").val(rslt.itinerary_data[i].itslno);
$("#itinerary_details").val(rslt.itinerary_data[i].itdaydetail);
$("#night_stay").val(rslt.itinerary_data[i].itnight);
}
},
});
}
}
function get_vehicle_type(vehicle_category,v_type){
if(vehicle_category){
$.ajax({
type: "POST",
url: '<?php echo base_url('index.php/Package/get_vehicle_type'); ?>/'+vehicle_category,
success: function(data) {
var rslt = JSON.parse(data);
var tr = "";
var option = "<option value=''>---- Select Vehicle Type ----</option>";
for(i = 0; i < rslt.type.length; i++) {
id = rslt.type[i].veh_type_id;
veh_type = rslt.type[i].veh_type;
option += "<option value='"+id+"'>"+veh_type+"</option>";
}
$("#vehicle_type").html(option);
var vehicle_type = '<?php echo $package_info->vehicletype; ?>';
if(v_type){
$("#vehicle_type").find("option[value="+v_type+"]").prop("selected", "selected");
}
},
});
}
}
function get_vehicle_data(vehicle_type,veh){
if(vehicle_type){
$.ajax({
type: "POST",
url: '<?php echo base_url('index.php/Package/get_vehicle'); ?>/'+vehicle_type,
success: function(data) {
var rslt = JSON.parse(data);
var option = "<option value=''>---- Select Vehicle----</option>";var seat_data = "";
for(i = 0; i < rslt.vehicle.length; i++) {
vehicle_id = rslt.vehicle[i].vehicle_id;
vehicle_no = rslt.vehicle[i].vehicle_no;
seat_capacity = rslt.vehicle[i].seat_capacity;
lower = rslt.vehicle[i].vehicle_lower;
upper = rslt.vehicle[i].vehicle_upper;
seat_data = lower;
var lower_split = lower.split(",");
var lower_arr = lower_split.filter(function(v){return v!=='0'});
var tot_length = lower_arr.length;
if(upper){
seat_data = lower+","+upper;
var upper_split = upper.split(",");
var upper_arr = lower_split.filter(function(v){return v!=='0'});
upper_length = upper_arr.length;
tot_length = parseInt(tot_length) + parseInt(upper_length);
}
if(parseInt(seat_capacity) === parseInt(tot_length)){
option += "<option value='"+vehicle_id+"'>"+vehicle_no+"</option>";
}
}
$("#seatdata").val(seat_data);
$("#vehicle").html(option);
if(veh){
$("#vehicle").find("option[value="+veh+"]").prop("selected", "selected");
}
},
});
}
}
</script>