| Server IP : 103.234.187.230 / Your IP : 216.73.216.216 Web Server : Apache System : Linux lserver42043-ind.megavelocity.net 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/b2bzend/application/views/scripts/flight-new/ |
Upload File : |
<style>
input.error {
border: 1px solid #f00 !important;
position: static;
}
textarea.error {
border: 1px solid #f00 !important;
position: static;
}
select.error {
border: 1px solid #f00 !important;
position: static;
}
.modalloader {
position: fixed;
z-index: 999;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #000;
filter: alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.8;
}
input:disabled {
background: #dddddd !important;
}
.textcolor {
color: green !important;
}
.textcolorred {
color: red !important;
}
.adultmeal_title {
line-height: 58px;
color: #FF6600;
}
.background-masker {
background-color: #fff;
position: absolute;
}
.btn-divide-left {
top: 0;
left: 25%;
height: 100%;
width: 5%;
}
@keyframes placeHolderShimmer {
0% {
background-position: -800px 0
}
100% {
background-position: 800px 0
}
}
.animated-background {
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background-color: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
background-size: 800px 104px;
height: 70px;
position: relative;
}
.animated-background-pax {
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background-color: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
background-size: 800px 104px;
height: 50px;
position: relative;
}
.main-item {
padding: 5px;
}
</style>
<link href="<?php echo $this->baseUrl('public/assets/tipped/tipped.css'); ?>" rel="stylesheet" />
<link href="<?php echo $this->baseUrl('public/assets/css/seatmap_new.css'); ?>" rel="stylesheet" />
<?php
$objCity = new Travel_Model_TblCity();
if (!empty($this->intCustomerSysId)) {
$Customer = new Zend_Session_Namespace('Customer');
$strEmailId = @$Customer->Customer['EmailId'];
$strContacts = @$Customer->Customer['Contacts'];
} else {
Zend_Session::namespaceUnset('Customer');
}
$ARR_CUSTOMER_RELATION = unserialize(ARR_CUSTOMER_RELATION);
$ARR_SALUTIONTBO = unserialize(ARR_SALUTIONTBO);
$ARR_SALUTION_TJ = unserialize(ARR_SALUTION_TJ);
$ARR_SALUTION_CHILD = unserialize(ARR_SALUTION_CHILD);
$arrSelectedFlightDetails = $this->arrSelectedFlightDetails;
$arrAgencyUserDetail = $this->arrAgencyUserDetail;
$GeoCountry = $this->GeoCountry;
$CurrencyRate = $this->CurrencyRate;
$CurrencyTitle = $this->CurrencyTitle;
$sessionFlightSearchParams = $this->sessionFlightSearchParams;
$interNationalSearch = $sessionFlightSearchParams['interNationalSearch'];
$route = $sessionFlightSearchParams['route'];
$SearchTraceId = $sessionFlightSearchParams['SearchTraceId'];
$FlightBookingData = $this->FlightBookingData;
$traceId = $this->traceId;
$intNetPublishedFare = 0;
$apiTraceId = [];
if ($FlightBookingData) {
foreach ($FlightBookingData as $value) {
$intNetPublishedFare += $value['FairRules']['PublishedFare'];
$apiTraceId[] = $value['FairRules']['PriceID'];
}
}
if ($route == 2 && $interNationalSearch == 1) {
$DataTraceId = $FlightBookingData[0]['FairRules']['PriceID'];
} else {
$DataTraceId = implode(',', $apiTraceId);
}
if (isset($interNationalSearch) && !empty($interNationalSearch)) {
$disablePass = '';
$mandatory = '<span style="color:red">*</span>';
} else {
$disablePass = 'disabled="disabled"';
$mandatory = '';
}
$isgstapply = isset($this->EditCustomerData[0][0]['isgstapply']) ? $this->EditCustomerData[0][0]['isgstapply'] : 0;
if (isset($arrAgencyUserDetail) && !empty($arrAgencyUserDetail['ContactNo1'])) {
$airlineNumber = trim($arrAgencyUserDetail['ContactNo1']);
} else {
$airlineNumber = !empty($this->arrTrevllerDetails['Contacts']) ? trim($this->arrTrevllerDetails['Contacts']) : '';
}
if (isset($arrAgencyUserDetail) && !empty($arrAgencyUserDetail['EmailId'])) {
$airlineEmail = trim($arrAgencyUserDetail['EmailId']);
} else {
$airlineEmail = !empty($this->arrTrevllerDetails['EmailId']) ? trim($this->arrTrevllerDetails['EmailId']) : '';
}
// echo '<pre>';
// print_r($this->arrTrevllerDetails);
// echo '</pre>';
// die('qq');
?>
<input type="hidden" id="sessionFlightSearchParams" value='<?= json_encode($this->sessionFlightSearchParams) ?>'>
<input type="hidden" id="AgencySysId" value='<?= ($this->AgencySysId) ?>'>
<input type="hidden" id="searchids" value='<?= ($this->apiTraceId) ?>'>
<!--Page main section start-->
<section ng-app="GTXHotels" id="min-wrapper" class="active">
<div id="main-content" ng-controller="FlightListingController">
<div class="container-fluid" id="divID">
<div class="row">
<div class="col-md-12">
<!--Top header start-->
<h3 class="ls-top-header">Booking</h3>
<!--Top header end -->
<!--Top breadcrumb start -->
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-home"></i></a></li>
<li class="active">Travellers</li>
</ol>
<!--Top breadcrumb start -->
</div>
</div>
<!-- Main Content Element Start-->
<div class="modalloader" style="display:none; "></div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body whbg">
<div class="mobile_scrolling">
<label class="inlinebl orange small no-margin" style="padding-right:15px;"><span class="btn btn-warning btn-round btn-xs box-round_2" style="cursor:default;"><strong>1</strong></span> <strong>Flight Results</strong></label>
<label class="inlinebl orange small no-margin" style="padding-right:15px;"><span class="btn btn-warning btn-round btn-xs box-round_2" style="cursor:default;"><strong>2</strong></span> <strong>Passenger Details</strong></label>
<label class="inlinebl small no-margin" style="padding-right:15px;"><span class="btn btn-primarygray btn-round btn-xs box-round_2" style="cursor:default;"><strong>3</strong></span> <strong>Review Booking</strong></label>
<label class="inlinebl small no-margin" style="padding-right:15px;"><span class="btn btn-primarygray btn-round btn-xs box-round_2" style="cursor:default;"><strong>4</strong></span> <strong>Booking Confirmation</strong></label>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<?php if ($DataTraceId) { ?>
<div class="col-md-9">
<div class="fair_details fair_information fiardetails_bg traveller_mgt_bottom mt-top-0">
<div class="fair_details_title fair_information_title fair_datils_margin">
<div class="row">
<div class="col-lg-8 col-sm-8 col-md-8 col-xs-8">
<?php
if ($FlightBookingData) {
foreach ($FlightBookingData as $k => $Data) {
?>
<?php if ($interNationalSearch == 1 && $route == 2 && empty($this->EditCustomerData)) { ?>
<div class="destination_left_details deatilswidth_50">
<div class="destination_name"> <?= $Data['origin']['SourceAirportCode'] ?> - <?= $Data['origin']['DestAirportCode'] ?></div>
<p>Onward, <?= date('d M Y', strtotime($Data['origin']['FromUTCTime'])) ?></p>
</div>
<div class="destination_right_details">
<div class="destination_name"> <?= $Data['destination']['SourceAirportCode'] ?> - <?= $Data['destination']['DestAirportCode'] ?></div>
<p>Return, <?= date('d M Y', strtotime($Data['destination']['FromUTCTime'])) ?></p>
</div>
<?php } else if ($interNationalSearch == 1 && $route == 3 && empty($this->EditCustomerData)) {
if ($Data['FlightData']) {
foreach ($Data['FlightData'] as $secdt) {
?>
<div class="destination_left_details" style="width: 24%;">
<div class="destination_name"> <?= $secdt['SourceAirportCode'] ?> - <?= $secdt['DestAirportCode'] ?></div>
<p>On, <?= date('d M Y', strtotime($secdt['FromUTCTime'])) ?></p>
</div>
<?php }
} ?>
<?php } else { ?>
<?php if ($route == 3) { ?>
<div class="destination_left_details deatilswidth_50">
<div class="destination_name"> <?= $Data['SourceAirportCode'] ?> - <?= $Data['DestAirportCode'] ?></div>
<p>Onward, <?= date('d M Y', strtotime($Data['FromUTCTime'])) ?></p>
</div>
<?php } else { ?>
<?php if ($k == 0) { ?>
<div class="destination_left_details deatilswidth_50">
<div class="destination_name"> <?= $Data['SourceAirportCode'] ?> - <?= $Data['DestAirportCode'] ?></div>
<p>Onward, <?= date('d M Y', strtotime($Data['FromUTCTime'])) ?></p>
</div>
<?php } else { ?>
<div class="destination_right_details">
<div class="destination_name"> <?= $Data['SourceAirportCode'] ?> - <?= $Data['DestAirportCode'] ?></div>
<p>Return, <?= date('d M Y', strtotime($Data['FromUTCTime'])) ?></p>
</div>
<?php } ?>
<?php } ?>
<?php
}
}
}
?>
</div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2">
<a href="/flight-new/search-result/SearchID/<?= $SearchTraceId ?>" class="change_flight11">Change Flight</a>
</div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-2">
<div class="fare_information_dropdown">
<span class="view_text111">View</span>
<i class="fa fa-angle-down pull-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="row" ng-if="farequoteLoading == false">
<div class="col-lg-8 col-sm-8 col-md-8 col-xs-8">
<div class="destination_left_details deatilswidth_50">
<div class="main-item">
<div class="animated-background">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="destination_right_details">
<div class="main-item">
<div class="animated-background">
<div class="background-masker"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-4">
<div class="main-item">
<div class="animated-background">
<div class="background-masker"></div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="fair_details fiardetails_bg fair_information_details" ng-repeat="(kkkk, Data) in arrFlightData" style="display:none;">
<div class="fair_details_title fair_details_bg title_padding">
<div class="row">
<div class="col-lg-8 col-sm-8 col-md-8 col-xs-12">
<div class="destination_left_details deatilswidth_50">
<div class="destination_name"> {{Data.SourceAirportCode}} - {{Data.DestAirportCode}} </div>
<p> {{Data.StopCount}} | {{Data.FareClass}}</p>
</div>
<div class="destination_right_details">
<div class="destination_name"> {{Data.FromUTCTime | date:'dd-MMM-yyyy'}}
</div>
<p> {{Data.FlightDuration}}</p>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 hidden-xs">
<div class="fare_information return_info fare_information_mytrip" ng-if="kkkk == 0">
Onward
</div>
<div class="fare_information return_info fare_information_mytrip" ng-if="kkkk != 0">
Return
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="flight_search_list_details" ng-repeat="(kk, value) in Data.Segments">
<div class="airport_timeinformation airport_width" ng-if="value.GroundTime > 0 && ICSourceSysId == 3">
{{value.LAYOVERDuration}} LAYOVER at {{value.destinationCityName}} Airport
</div>
<div class="row row_padding">
<div class="col-sm-2 col-md-2 col-lg-2 col-xs-12 flight_padding_0">
<div class="fligt_logo">
<img src="{{value.filePath}}" width="32" height="32" alt="GTX">
<h5>{{value.AirlineName}}</h5>
<h6>{{value.SegFlightNumber}}</h6>
</div>
</div>
<div class="col-sm-8 col-md-8 col-lg-8 col-xs-12 flight_padding_0">
<div class="row">
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-6">
<div class="flight_details review_left">
<div class="flight_time">{{value.strDepartureDtTime}}</div>
<div class="flight_time2">{{value.originDepTime | date:'dd-MMM-yyyy'}}</div>
<div class="flight_cityname">{{value.originCityName}}</div>
<div class="flight_cityname2">{{value.originAirportName}}, Terminal: {{value.DepTerminal}}, {{value.originCountryName}}</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-4 mobile_hide_section">
<div class="theme-search-results-item-flight-section-path">
<div class="theme-search-results-item-flight-section-path-fly-time">
<p>{{value.FlightDuration}}</p>
</div>
<div class="theme-search-results-item-flight-section-path-line">
</div>
<div class="theme-search-results-item-flight-section-path-line-start">
<div class="theme-search-results-item-flight-section-path-line-dot">
</div>
</div>
<div class="theme-search-results-item-flight-section-path-line-end">
<div class="theme-search-results-item-flight-section-path-line-dot">
</div>
</div>
<div class="theme-search-results-item-flight-section-path-fly-time" style="top: 36px;" ng-if="value.StopOver">
<p style="line-height: 15px;">Via - {{value.StopPoint}}</p>
<p style="line-height: 15px;">Arr - {{value.StopPointArrivalTime}}</p>
<p style="line-height: 15px;">Dep - {{value.StopPointDepartureTime}}</p>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-6">
<div class="flight_details review_left flight_align_right">
<div class="flight_time">{{value.strArrivalDtTime}}</div>
<div class="flight_time2">{{value.destinationArrTime | date:'dd-MMM-yyyy'}}</div>
<div class="flight_cityname">{{value.destinationCityName}}</div>
<div class="flight_cityname2">{{value.destinationAirportName}}, Terminal: {{value.ArrTerminal}}, {{value.destinationCountryName}}</div>
</div>
</div>
</div>
</div>
<div class="col-sm-2 col-md-2 col-lg-2 col-xs-2">
</div>
</div>
<div class="clearfix"></div>
<div class="bagg_info">
<div class="mytrip_babbage_container">
<div class="mytrip_babbage_wrapper">
<span class="boxmytrip"><img src="../../../../../public/images/baggage.png"></span><span class="checkinmytrip">CHECK-IN: </span>
<span class="weigthbagmytrip">{{value.CheckinBaggage}}</span>
<span class="dotmtpmytrip"><img src="../../../../../public/images/luggage.png"></span>
<span class="cab-inmytrip">CAB-IN: </span>
<span class="weigthbagmytrip">{{value.CabinBaggage}}</span>
<!-- <span class="dotmtpmytrip"><img src="../../../../../public/images/dot.png"></span> -->
<span class="dotmtpmytrip"><img src="../../../../../public/images/meals.png"></span>
<span class="mealmtpmytrip">MEAL: </span>
<span class="yesmtpmytrip" ng-if="Data.IsLCC == 1">No</span>
<span class="yesmtpmytrip" ng-if="Data.IsLCC != 1">Yes</span>
</div>
<div class="clearfix"></div>
</div>
<div class="nonrefundable">
<a href="javascript:void(0);" class=" GetFareRules">
<span>{{Data.FairRules.fareIdentifier}} <img src="../../../../../public/images/info.svg" alt="Fare Rules" ng-click="ViewMore(Data,Data.FairRules,'REVIEW')" title="Fare Rules"> </span>
</a>
<span ng-class=" Data.IsRefundable == 1 ? 'textcolor' : textcolorred">{{Data.IsRefundableTxt}}</span>
</div>
</div>
<!--end of bagg_info-->
<div class="clearfix"></div>
<div class="airport_timeinformation airport_width" ng-if="value.GroundTime > 0 && ICSourceSysId != 3">
{{value.LAYOVERDuration}} LAYOVER at {{value.destinationCityName}} Airport
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="space_20"></div>
<div class="col-md-12 no-padding">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Enter Passenger Details</h3>
</div>
<form name="passenger-details" id="passenger-details" method="POST" serializer="submit(data)">
<div class="panel-body traveller_mobile_top">
<input type="hidden" id="TotalTravellers" value='<?php echo json_encode($this->roomjson); ?>'>
<div class="col-md-12 alert alert-info box_passengers_title_padding">
<div class="row">
<div class="col-md-6">
<?php $countryshortcode = Zend_Controller_Action_HelperBroker::getStaticHelper('General')->countryshortcode(($this->arrTrevllerDetails['countrycode'] != null) ? str_replace('+', '', trim($this->arrTrevllerDetails['countrycode'])) : '91'); ?>
<div class="no-margin">
<div class="txtfieldMain textfieldMain_mobile form-group" style="border: #0069ff 0px solid;">
<label for="mobilenum" class="mobilenumber_labelshow" style="color: #000; z-index: 999;">Mobile Number <span class="red">*</span></label>
<div class="country_details country_box_wrap1">
<div id="iti-flag_leadqp" class="iti-flag in"></div>
<div class="iti-arrow"></div>
</div>
<div class="country_dropdown">
<div class="search_country">
<input type="text" name="" class="txtfield form-control countries_list" placeholder="Search countries" id="countries_list">
<div class="search_icon"></div>
</div>
<ul class="allcountries"></ul>
</div>
<input type="text" class="txtfield country_code stdcode_padding country_box_wrap2" id="CountryCode" readonly="readonly" name="countrycode" value="<?php echo @trim($this->arrTrevllerDetails['countrycode']) ? trim($this->arrTrevllerDetails['countrycode']) : '+91' ?>">
<input type="text" name="mobile_number" id="mobile_number" readonly onblur="return getdetailfromemail('mobile_number');" maxlength="10" value="<?php echo !empty($this->arrTrevllerDetails['Contacts']) ? trim($this->arrTrevllerDetails['Contacts']) : ''; ?>" class="form-control whbg customerMobile" style="width: 77% !important; float: right; border-bottom:#0069ff 1px solid !important; ">
<input type="hidden" name="countryCodeISO" id="countryCodeISO" value="IN" class="code_icons">
</div>
</div>
</div>
<!-- <div class="col-md-3">
<div class="form-group active align_minheight mobile_marginspace">
<label>Mobile Number <span style="color:red">*</span></label>
<input type="text" name="mobile_number" id="mobile_number" onblur="return getdetailfromemail('mobile_number');" readonly class="form-control whbg numberonly customerMobile" value="<?php echo !empty($this->arrTrevllerDetails['Contacts']) ? trim($this->arrTrevllerDetails['Contacts']) : ''; ?>" maxlength="11">
</div>
</div> -->
<div class="col-md-6">
<div class="form-group active align_minheight">
<label>Email <span style="color:red">*</span></label>
<input type="text" name="email_id" id="email_id" class="form-control whbg" readonly value="<?php echo !empty($this->arrTrevllerDetails['EmailId']) ? trim($this->arrTrevllerDetails['EmailId']) : ''; ?>" maxlength="75">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group active align_minheight mobile_marginspace">
<label>Airline Number <span style="color:red">*</span></label>
<input type="text" name="airline_number" id="airline_number" style="text-align: left !important;" class="form-control whbg numberonly" value="<?php echo !empty($airlineNumber) ? trim($airlineNumber) : ''; ?>" maxlength="11">
</div>
</div>
<div class="col-md-6">
<div class="form-group active align_minheight">
<label>Airline Email <span style="color:red">*</span></label>
<input type="text" name="airline_email" id="airline_email" class="form-control whbg" value="<?php echo !empty($airlineEmail) ? trim($airlineEmail) : ''; ?>" maxlength="75">
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12 col-xs-12">
<div class="travller_tile_bottom-cls">
<div class="adult_title adult_title_exiting_left" id="savedtraveller">
<h4>
<span class="pull-left existing_align" style="color: #204566;">Travellers</span>
<!-- <span class="example pull-right">
<input type="text" placeholder="Existing Traveller Search.." id="trainername2">
<button type="submit"><i class="fa fa-search"></i></button>
</span>
<span class="pull-right existing_align">Existing Traveller</span> -->
</h4>
</div>
<!-- <div class="save-travveler-list savedtraveller_mb_scroll saved_lists_" id="dynamic_div">
</div> -->
</div>
</div>
</div>
<div class="col-md-12 no-padding">
<input type="hidden" id="AirInvenSysIdArr" name="AirInvenSysIdArr" value='<?php echo $this->AirInvenSysIdArr; ?>'>
<input type="hidden" id="apiTraceId" name="apiTraceId" value="<?= $this->apiTraceId ?>">
<input type="hidden" id="ExtraMarkupJson" name="ExtraMarkup" value="">
<div class="row" ng-if="farequoteLoading == false">
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
</div>
<div class="row" ng-if="farequoteLoading == false">
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
</div>
<div class="row" ng-if="farequoteLoading == false">
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
</div>
<div class="row memberDetails" ng-if="farequoteLoading" ng-repeat="(index, pitem) in memberDetails" data-id="{{index}}">
<div class="col-sm-12">
<div class="form-group border-bottomSolid adultdetails" style="min-height: 20px;margin-bottom: 16px">
<label class="adulttitle">{{pitem.pax + ' ' + pitem.PaxCount}} </label>
<div class="clearfix"></div>
</div>
</div>
<div class="col-sm-2">
<div class="form-group active">
<label>Relation <span style="color:red">*</span></label>
<select id="relation-{{index}}" name="relation-{{index}}" class="form-control">
<?php
$$Relation = 0;
if (!empty(unserialize(ARR_CUSTOMER_RELATION))) {
foreach ($ARR_CUSTOMER_RELATION as $key => $relation) {
if ($Relation == $key) {
$selecte = "selected";
} else {
$selecte = "";
}
if (9 == $key) {
$selected = "selected";
} else {
$selected = "";
}
?>
<option ng-if="index == 0" value="<?php echo $key; ?>" <?= $selecte ?>><?php echo $relation; ?></option>
<option ng-if="index > 0" value="<?php echo $key; ?>" <?= $selected ?>><?php echo $relation; ?></option>
<?php }
} ?>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group active">
<label>Salutation<span style="color:red">*</span></label>
<select id="passenger-salutation-{{index}}" ng-if="pitem.PaxType == 1" ng-model="pitem.title" name="passenger-salutation-{{index}}" class="form-control" ng-change="handleFormChange(this, index)">
<option value="">select</option>
<?php foreach ($ARR_SALUTION_TJ as $key => $value) {
$selected = ($strTitle == $value) ? 'selected' : ''; ?>
<option value="<?php echo $value; ?>" <?= $selected ?>><?php echo $value; ?></option>
<?php } ?>
</select>
<select id="passenger-salutation-{{index}}" ng-if="pitem.PaxType != 1" ng-model="pitem.title" name="passenger-salutation-{{index}}" class="form-control" ng-change="handleFormChange(this, index)">
<option value="">select</option>
<option value="Miss">Miss</option>
<option value="Mstr">Master</option>
</select>
<!-- <select id="passenger-salutation-{{index}}" ng-if="pitem.PaxType != 1 && ICSourceSysId != 3" ng-model="pitem.title" name="passenger-salutation-{{index}}" class="form-control" ng-change="handleFormChange(this, index)">
<option value="">select</option>
<?php foreach ($ARR_SALUTION_CHILD as $key => $value) {
$selected = ($strTitle == $value) ? 'selected' : ''; ?>
<option value="<?php echo $value; ?>" <?= $selected ?>><?php echo $value; ?></option>
<?php } ?>
</select> -->
</div>
</div>
<div class="col-sm-4">
<div class="form-group active">
<label for="passenger-firstname-{{index}}">First Name<span style="color:red">*</span></label>
<input type="text" id="passenger-firstname-{{index}}" name="passenger-firstname-{{index}}" ng-model="pitem.fname" ng-keyup="handleFormChange(this, index)" index="{{index}}" PaxType="{{pitem.PaxType}}" class="form-control NameAutosuggest">
</div>
</div>
<div class="col-sm-4">
<div class="form-group active">
<label for="passenger-lastname-{{index}}">Last Name<span style="color:red">*</span></label>
<input type="text" id="passenger-lastname-{{index}}" name="passenger-lastname-{{index}}" ng-model="pitem.lname" ng-keyup="handleFormChange(this, index)" class="form-control ">
</div>
</div>
<div class="col-sm-4" ng-if="pitem.isdobr">
<div class="form-group active isAdobrMandatory" style="display:block;">
<label>DOB <span style="color:red">*</span></label>
<input type="text" maxlength="10" id="passenger-dob-{{index}}" index="{{index}}" paxType="{{pitem.pax}}" readonly name='passenger-dob-{{index}}' ng-model="pitem.dob" ng-change="handleFormChange(this, index)" class="form-control Datepick" style="cursor:pointer">
</div>
</div>
<div class="col-sm-4" ng-if="pitem.IsPassM">
<div class="form-group active IsInternational" style="display:block;">
<label>Passport Nationality</label>
<select id="passenger-nationality-{{index}}" name="passenger-nationality-{{index}}" ng-model="pitem.passnational" ng-change="handleFormChange(this, index)" class="form-control">
<?php foreach ($this->GeoCountry as $key => $value) { ?>
<option <?php echo (trim($value['CountryCode']) == 'IN') ? 'selected' : ''; ?> value="<?php echo trim($value['CountryCode']); ?>"><?php echo $value['CountryTitle']; ?> - <?php echo trim($value['CountryCode']); ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-sm-4" ng-if="pitem.IsPassM">
<div class="form-group active IsPassMandatory" style="display:block;">
<label>Passport No <span style="color:red">*</span></label>
<input type="text" name="passenger-PassportNo-{{index}}" id="passenger-PassportNo-{{index}}" ng-model="pitem.passno" ng-change="handleFormChange(this, index)" class="form-control noSpecial">
</div>
</div>
<div class="col-sm-4" ng-if="pitem.IsPassM">
<div class="form-group active IsPassIssue" style="display:block;">
<label>Passport Issue Date <span style="color:red">*</span></label>
<input type="text" maxlength="10" name="passenger-passporIssue-{{index}}" index="{{index}}" paxType="{{pitem.pax}}" readonly id="passenger-passporIssue-{{index}}" ng-model="pitem.passisse" ng-change="handleFormChange(this, index)" class="form-control Datepick" style="cursor:pointer">
</div>
</div>
<div class="col-sm-4" ng-if="pitem.IsPassM">
<div class="form-group active IsPassExpiry" style="display:block;">
<label>Passport Expiry Date<span style="color:red">*</span></label>
<input type="text" maxlength="10" name="passenger-PassportExpiry-{{index}}" index="{{index}}" paxType="{{pitem.pax}}" readonly id="passenger-PassportExpiry-{{index}}" ng-model="pitem.passexp" ng-change="handleFormChange(this, index)" class="form-control Datepick" style="cursor:pointer">
</div>
</div>
<div class="col-sm-4" ng-if="pitem.IsDocIdM">
<div class="form-group active">
<label>Document ID <span style="color:red">*</span></label>
<input type="text" name="passenger-docid-{{index}}" id="passenger-docid-{{index}}" ng-model="pitem.docid" ng-change="handleFormChange(this, index)" class="form-control noSpecial">
</div>
</div>
<div class="col-sm-6" ng-if="index == 0">
<div class="form-group active">
<label>City </label>
<input type="text" class="form-control ui-autocomplete-input selectCity" ng-model="pitem.city" seq="{{index}}" autocomplete="off" name="passenger-city-name-{{index}}" id="passenger-city-name-{{index}}" />
<input type="hidden" class="passenger_city" id="passenger-city-{{index}}" value="{{pitem.city_id}}" name="passenger-city-{{index}}">
<input type="hidden" class="passenger_country" id="passenger-country-{{index}}" value="{{pitem.country_id}}" name="passenger-country-{{index}}">
</div>
</div>
<div class="col-sm-6" ng-if="index == 0">
<div class="form-group active">
<label>Address </label>
<textarea style="height:35px;" id="passenger-address-{{index}}" ng-model="pitem.address" name="passenger-address-{{index}}" class="form-control whbg"></textarea>
</div>
</div>
</div>
<?php if ($this->ICSourceSysId != 8) { ?>
<div class="col-md-12 no-padding">
<h4 class="baggage-title1">Add Baggage & Meal (Optional)</h4>
<div class="row" ng-if="farequoteLoading == false">
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
</div>
<div class="ssrBorder border_separate_" ng-if="farequoteLoading" ng-repeat="(keys, itemSg) in Allsegment">
<div class="destination_left_details">
<div class="destination_name desti_mtbtm_10" style="margin-top: 10px;">
<h3>{{itemSg.originAirportCode}} - {{itemSg.destinationAirportCode}}<span style="color: #7F7F7F;font-size: 13px;"> on {{itemSg.originDepTime | date:'dd-MM-yyyy'}}</span></h3>
</div>
</div>
<div class="clearfix"></div>
<div class="adultmeal">
<div class="row" ng-repeat="(index, pitem) in memberDetails" ng-if="pitem.PaxType != 3">
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
<div class="adultmeal_title adultmeal_title_black">{{pitem.pax}} {{pitem.PaxCount}}</div>
</div>
<div class="col-lg-5 col-sm-5 col-md-5 col-xs-12">
<label class="selectmeal">Meal Information </label>
<select class="form-control travellerinput selectedMeal" name="SelectMeals" ng-if="itemSg.MEAL.length > 0" ng-model="selectedItem" ng-change="handleAddons(selectedItem)">
<option value="NA">Add Meal</option>
<option ng-repeat="(bi, val) in itemSg.MEAL" value="{{pitem.pax + '' + pitem.PaxCount + '_' + val.Code + '@' + val.key + '_' + itemSg.originAirportCode + '-' + itemSg.destinationAirportCode + '@@' + val.Price}}">{{(ICSourceSysId === 3) ? val.AirlineDescription : val.Description}} @ {{val.symbol}} {{val.Price}}</option>
</select>
</div>
<div class="col-lg-5 col-sm-5 col-md-5 col-xs-12">
<label class="selectmeal">Baggage Information</label>
<select class="form-control travellerinput selectedBad" name="SelectBaggage" ng-if="itemSg.BAGGAGE.length > 0" ng-model="selectedItem" ng-change="handleAddons(selectedItem)">
<option value="NA">Add Baggage</option>
<option ng-repeat="(bi, val) in itemSg.BAGGAGE" ng-if="val.Price > 0" value="{{pitem.pax + '' + pitem.PaxCount + '_' + val.Code + '@' + val.key + '_' + itemSg.originAirportCode + '-' + itemSg.destinationAirportCode + '@@' + val.Price}}">{{val.Weight}} @ {{val.symbol}} {{val.Price}}</option>
</select>
<select class="form-control travellerinput selectedBad" name="SelectBaggage" ng-if="itemSg.BAGGAGE.length === 0">
<option value="NA">Same as above</option>
</select>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="col-md-12 no-padding">
<h4 class="baggage-title1">Select Seat (Optional)</h4>
<div class="row" ng-if="farequoteLoading == false">
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="main-item">
<div class="animated-background-pax">
<div class="background-masker"></div>
</div>
</div>
</div>
</div>
<div class="selectseats">
<div class="row" style="padding-top: 10px;" ng-if="farequoteLoading" ng-repeat="(keys, itemSg) in Allsegment">
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-5">
<div class="destination_left_details">
<div class="destination_name"> {{itemSg.originAirportCode}} - {{itemSg.destinationAirportCode}} </div>
<p>on {{itemSg.originDepTime | date:'dd-MM-yyyy'}} </p>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-3">
<span class="noseatselected" id="SelectedSegment{{itemSg.segmentid}}">----</span>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-4">
<button type="button" class="btn btn-selectseat btn-primarygray" ng-model="itemSg" ng-click="ShowSeatMap(itemSg)" data-target="#seatmapModal" data-toggle="modal" id="SelecButton{{itemSg.segmentid}}" value="{{itemSg.segmentid}}" seckey="{{itemSg.originAirportCode + '-' + itemSg.destinationAirportCode}}"> Show Seat </button>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<?php } ?>
<div class="clearfix"></div>
<div class="traveller_information_wrapper mobile_reviewtext_bottom">
<div class="row">
<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
<div class="gst_add_align2 baggage-title1" style="margin-bottom: 0px;border-bottom: 0px solid #d7d7d7;">
<label class="checkboxcontainerreviewaddons_savedlist" style="width:100%;">
<input id="isgstapply" name="isgstapply" value="1" type="checkbox" <?= ($isgstapply == 1) ? 'checked' : '' ?>> I would like to add my GSTIN <span class="checkmark"></span> <span class="optionalgst">(optional)</span> </label>
</div>
<div class="fill_traveller_information fill_adult_margin gstdiv seat_box" style="<?= ($isgstapply == 1) ? 'display: block;' : 'display: none;' ?>">
<div class="form">
<div class="adult_title">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label for="gstnnumber">GST (GSTIN)</label>
<input type="text" id="gstnnumber" name="gstnnumber" value="<?= isset($this->EditCustomerData[0][0]['GstNumber']) ? $this->EditCustomerData[0][0]['GstNumber'] : '' ?>" class="form-control whbg">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="companyname">Company name</label>
<input type="text" id="companyname" name="companyname" value="<?= isset($this->EditCustomerData[0][0]['GstCompany']) ? $this->EditCustomerData[0][0]['GstCompany'] : '' ?>" class="form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="gstemail">Registered Email</label>
<input type="text" id="gstemail" name="gstemail" value="<?= isset($this->EditCustomerData[0][0]['GstEmail']) ? $this->EditCustomerData[0][0]['GstEmail'] : '' ?>" class="form-control whbg">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="gstphone">Registered Phone</label>
<input type="text" id="gstphone" name="gstphone" value="<?= isset($this->EditCustomerData[0][0]['GstPhone']) ? $this->EditCustomerData[0][0]['GstPhone'] : '' ?>" class="form-control whbg">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="gstaddress">Registered Address</label>
<input type="text" id="gstaddress" name="gstaddress" value="<?= isset($this->EditCustomerData[0][0]['GstAddress']) ? $this->EditCustomerData[0][0]['GstAddress'] : '' ?>" class="form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="gststate">State (optional)</label>
<input type="text" id="gststate" name="gststate" value="" class="form-control">
</div>
</div>
</div>
</div>
<!--end of adult_title-->
</div>
<!--end of form-->
</div>
<!--end of fill_traveller_information-->
<div class="clearfix"></div>
</div>
<!--end of col-lg-12 col-sm-12 col-md-12-->
</div>
<!--end of row-->
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-3 affix_paddlft_0" style="position:relative;padding-right: 0px; display:none;">
<div class="col-md-12 no-padding" data-spy="affix" data-offset-top="500">
<div class="col-md-12 no-padding">
<div class="col-md-12 no-padding">
<div class="form-group">
<label>Search Customer</label>
<div class="input-group">
<input type="text" id="mobilNoSearch" onblur="return getdetailfromemail('mobilNoSearch');" maxlength="10" class="form-control customerMobile" value="<?php echo isset($this->arrTrevllerDetails['Contacts']) ? trim($this->arrTrevllerDetails['Contacts']) : ''; ?>" placeholder="Enter Mobile Number...">
<span class="input-group-btn">
<button class="btn btn-default search_paddingalign" type="button"><i class="fa fa-search"></i></button>
</span>
</div>
</div>
</div>
<div class="col-md-12 no-padding mobile-hidesaved">
<div class="setting-widget">
<div class="setting-widget-header">
<h5 class="ls-header">Your Customer List</h5> <span style="font-size:12px; color: #FF6600;">( Please choose pax acc. to their type sequence and age )</span>
<span id="CUSTOMER_LIST_INPROCESS" style="padding-left:155px; top: 10px; position: absolute; display:none; ">
<img src="<?php echo $this->baseUrl('public/assets/images/ellipsis.gif'); ?>" />
</span>
</div>
<div class="setting-widget-box" style="height: 250px; overflow: scroll;">
<ul id="coustomer_members2">
<li>
<label class="checkbox no-margin">No Details Available!</label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-2"> </div>
<div class="col-md-12 text-right mobile_pdrigt_0 mobile-hide">
<input type="hidden" name="customerId" id="customerId" value="" />
<button type="submit" class="btn btn-primary btn-sm pull-right" id="proceed">Continue</button>
<!-- <a href="javascript:void(0)" id="proceed" class="btn btn-primary btn-sm pull-right">Proceed to Booking Review</a> -->
</div>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
<div class="col-md-3">
<div class="srchresultRight">
<?php
echo $this->partial('flight-new/sale-summary.phtml', array("Data" => $this->FlightBookingData, 'sessionFlightSearchParams' => $sessionFlightSearchParams, 'CurrencyTitle' => $this->CurrencyTitle, 'CurrencyRate' => $this->CurrencyRate));
?>
</div>
</div>
<?php } else { ?>
<div class="booking_form_warpper_review">
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12" style="text-align: center;">
<p style="margin-bottom:0px;color:#a7a1a1;font-size: 30px; text-align: center;">oops!</p>
<p style="margin-bottom:0px;font-size: 20px;color: red; font-weight: 600; text-align: center;"><i class="fa fa-plane" aria-hidden="true"></i> This flight is sold out!</p>
<p style="margin-bottom:0px;font-size: 15px; text-align: center;"> sorry for the inconvenience caused.</p>
<p style="margin-bottom:0px;font-size: 15px; text-align: center;"> You will be re directed to the search result page.</p>
<p style="margin-bottom:0px;font-size: 15px; text-align: center;"> if not please <a href="/customer/customer-profile-desc/id/<?= base64_encode($this->arrTrevllerDetails['CustomerSysId']) ?>" style="color:#1073ba;font-size:20px;">click here</a> to go back!</p>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<!-- Main Content Element End-->
</div>
<div class="modal fade" id="seatmapModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="view_deatils_wrapper">
<button type="button" class="close setamap_btn1" data-dismiss="modal" aria-label="Close" title="Close"><span aria-hidden="true">×</span></button>
<div class="saetwarpper">
<p style="text-align: center;font-weight: normal;font-size: 23px;">Fetching Seat Maps</p>
</div>
<div class="" style="text-align:center;padding-top:30px;" ng-if="LoadSeat"><img src="/public/images/load1.gif" /></div>
<div class="row" ng-if="!LoadSeat">
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
<div class="selectsaet-box">
<input type='hidden' id='itemsSeat' value={{(SeatValue.items)}} />
<input type='hidden' id='totalPax' value={{MemberData.length}} />
<div class="selectsaet-title">Select Seats</div>
<div class="selectflight">
<img className="selectseatimage" src="{{FlData.filePath}}" alt="{{FlData.AirlineName}}" style="height: 26px;" />
<h5 class="alignleft">{{FlData.AirlineName}} {{FlData.SegFlightNumber}}</h5>
<div class="clearfix"></div>
</div>
<div class="selectdestination">
<div class="destination_left_details alignflightdesti">
<div class="destination_name"> {{FlData.originAirportCode}} - {{FlData.destinationAirportCode}}</div>
<p>{{FlData.originDepTime | date:'dd-MM-yyyy'}}</p>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div class="passenger_details">
<ul>
<li>
<div class="firstcolumn">Passenger</div>
<div class="secondcolumn">Seat</div>
<div class="thirdcolumn">Fee</div>
</li>
<li ng-repeat="(index, pitem) in MemberData">
<div class="firstcolumn">{{pitem.pax}} {{index + 1}}</div>
<div class="secondcolumn SelectedSeatNo{{index}}">{{pitem.seatno}}</div>
<div class="thirdcolumn">{{CurrencyTitle}} <span class="SelectedAmt{{index}}">{{pitem.amount}}</span></div>
</li>
<li>
<div class="firstcolumn">Total</div>
<div class="secondcolumn"> </div>
<div class="thirdcolumn">{{CurrencyTitle}} <span class="totalamount">{{SelectedSeatPrice}}</span></div>
</li>
</ul>
<div class="clearfix"></div>
<button type="button" class="continue_seatbtn" ng-click="continuewithSeat(selectedSeatAR,1)" actiontype="2">Continue</button>
<div class="clearfix"></div>
<div class="proceedtext">
<button type="button" class="continue_seatbtn" ng-click="continuewithSeat(selectedSeatAR,2)" actiontype="1">Proceed Without Seats</button>
<div class="clearfix"></div>
<div class="proceedtext_content">* Conditions apply. We will try our best to accomodate your seat preferences, however due to operational considerations we can't guarantee this selection. The seat map shown may not be the exact replica of flight layout, we shall not responsible for losses arising from the same. Thank you for your understanding</div>
</div>
</div>
</div>
<div class="col-lg-6 col-sm-6 col-md-6 col-xs-12 select_padding_0">
<div id="SeatmapData">loading</div>
<!-- <div class="seatmap_box">
<img class="img-responsive" src="/public/images/aircraft-head.png" alt="Aircraft Head" style="max-width: 82%; width: 100%; margin: 0px auto; height: 220px; " />
<div class="Table">
<div class="SeatmapData">loading</div>
<div class="Row" ng-repeat="(x, trValue) in seatLayout">
<div ng-repeat="(xs, tdValue) in trValue" id="{{'SeatID' + tdValue.seatNo}}" ng-click="selectSeat(tdValue)" value="{{tdValue.seatNo}}" class="inline isAisle {{tdValue.Cell}} {{tdValue.CellTypeC}}" title="{{tdValue.tools}}" ng-style="{background: '#{{tdValue.CellColor}}'}" ng-if="tdValue.seatNo && tdValue.isAisle && ICSourceSysId != 3">
<span class='Cell_text isAisle'>{{tdValue.seatNo}}</span>
</div>
<div ng-repeat="(xs, tdValue) in trValue" id="{{'SeatID' + tdValue.seatNo}}" ng-click="selectSeat(tdValue)" value="{{tdValue.seatNo}}" class="inline {{tdValue.Cell}} {{tdValue.CellTypeC}}" title="{{tdValue.tools}}" ng-style="{background: '#{{tdValue.CellColor}}'}" ng-if="tdValue.seatNo">
<span class='Cell_text'>{{tdValue.seatNo}}</span>
</div>
<div ng-if="!tdValue.seatNo" class="EmptyCellBox"><span class="Cell_text"></span></div>
</div>
</div>
<img class="img-responsive" src="/public/images/aircraft-tail.png" alt="Aircraft Tail" style="max-width: 82%; width: 100%; margin: 0px auto; height: 220px;" />
</div> -->
</div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
<div class="select_orientation">
<div class="select_orintationhead">Flight Orientation</div>
<img src="/public/images/selectplane.png" alt="" title="" />
</div>
<div class="selectstatue">
<div class="status_head">Seat Status</div>
<ul>
<li>
<div class="status_green seat_boxalign"></div> - Selected
</li>
<li>
<div class="status_grey seat_boxalign"></div> - Booked
</li>
</ul>
</div>
<div class="selectseatfee">
<div class="fee_head">Seat Fees</div>
<ul>
<li ng-repeat="(key, value) in SeatValue.ColorArr">
<div class="status_pink seat_boxalign" ng-style="{background: '#{{value.color}}'}"></div>{{CurrencyTitle}} {{value.amount}}
</li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- modal-body -->
</div> <!-- modal-content -->
</div> <!-- modal-dialog -->
</div>
</div>
<div class="modal fade" id="myModal_viewmore" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="view_deatils_wrapper">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="table-responsive cancell-fligt">
<div class="table-responsive cancell-fligt">
<ul class="nav nav-tabs farerulestab" role="tablist" ng-if="ICSourceSysId == 3" style="margin-bottom: 0px">
<li role="presentation" ng-repeat="(secTors, value) in MiniFareRUles track by $index" ng-class="{active: $index == 0}"><a href="#{{secTors}}" ng-class="{active: $index == 0}" aria-controls="profile" role="tab" data-toggle="tab">{{secTors}}</a></li>
</ul>
<div class="tab-content" ng-if="ICSourceSysId == 3">
<div role="tabpanel" ng-repeat="(secTor, val) in MiniFareRUles track by $index" style="padding: 0px;" class="tab-pane " ng-class="{active: $index == 0}" id="{{secTor}}">
<table class="table table-bordered" style="font-size: 12px;">
<tr>
<th style="padding: 15px; width:15%;">Sector</th>
<th style="padding: 15px; width:35%;">Time Frame</th>
<th style="padding: 15px; width:50%;">Charges & Description</th>
</tr>
<tr style="text-align: center;">
<td colspan="3" style="text-align: center; color: red;">Mentioned fees is per pax per sector </td>
</tr>
<tr ng-repeat="(key, value) in val">
<td style="padding: 15px;">{{value.sector}}</td>
<td style="padding: 15px;">{{value.TimeFrame}}</td>
<td style="padding: 15px;">{{value.CurrencyTitle}} {{value.amount}} + {{value.additionalFee}}</td>
</tr>
</table>
</div>
</div>
<div id="FareRulesDiv">
</div>
</div>
</div>
</div>
</div> <!-- modal-body -->
</div> <!-- modal-content -->
</div> <!-- modal-dialog -->
</div>
<div class="modal fade" id="FareChange" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" style="color:red; font-size: 18px;">Alert: Please Note</h4>
</div>
<div class="modal-body">
<div class="view_deatils_wrapper">
<div class="row" style="text-align: center;">
<div class="col-md-12" style="line-height: 25px;margin: 5px 0;">
Fare Revised to <span style="color: red;font-size: 18px; font-weight: 600;"> <span id="intPublishedFarePOP">00.00</span></span>
</div>
<div class="col-md-12">
<p style="line-height: 25px;margin: 5px 0;">Sorry for the inconvenience. The Airline has just changed the fare for this flight.You can continue with the revised fare or explore other flights at your convenience.</p>
</div>
<div class="col-md-12">
<a href="javascript:void(0)" class="btn btn-danger btn-sm btn-small-1 ContinueAccept">Continue Booking</a>
</div>
<div class="col-md-12" style="line-height: 25px;margin: 5px 0;">
<a href="/flight-new/search-result/SearchID/<?= $SearchTraceId ?>" style="font-size:16px;color:#132cef;">Explore more flights</a>
</div>
</div>
</div>
</div> <!-- modal-body -->
</div> <!-- modal-content -->
</div> <!-- modal-dialog -->
</div>
<input type="hidden" value="<?= $FlightBookingData[0]['FairRules']['PriceID'] ?>" id="ApiResultIndex">
<input type="hidden" value="<?= $FlightBookingData[1]['FairRules']['PriceID'] ?>" id="ApiResultIndexInb">
<input type="hidden" value="<?= $DataTraceId ?>" id="TraceId">
<div class="countdownDiv"><i class="fa fa-clock-o tgs-clock"></i> Your Session will expire in <span class="countdown"></span></div>
<div class="modal fade in" id="myModalsavetraveller" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" title="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title title_text_saved_traveller" id="myModalLabel">Saved Traveller List </h4>
</div>
<div class="modal-body">
<div class="setting-widget-box" style="height: 250px; overflow: auto; overflow-x: hidden;">
<ul id="coustomer_members">
<li>
<label class="checkbox no-margin">No Details Available!</label>
</li>
</ul>
</div>
<button type="button" class="btn btn-primary saved_btn" data-dismiss="modal" aria-label="Close" style="">Select</button>
</div>
</div>
</div>
</div>
<?php echo $this->render('copyrightfooter.phtml'); ?>
<!--Page main section end -->
</section>
<!--Page main section end -->
<div class="mobile_footer_bottomcontinuefixedtop bottom_space">
<div class="mobile_footerlefttop">
<span class="mobile_totalamounttop">
Total Amount
<span class="price_mobiletop"><i class="fa fa-inr" aria-hidden="true"></i> <?php echo $intNetPublishedFare ?></span>
<div class="clearfix"></div>
</span>
<!-- <span class="mobile_info"><img src="assets/img/new/mobile_info.svg"> </span>-->
</div>
<div class="mobile_footerrighttop">
<button type="submit" class="btn btn-primary btn-block continue_btn_22top" id="proceed">Continue</button>
<!-- <a href="javascript:void(0);" onclick="return savePassengerDetails();" type="button" id="proceed" class="btn btn-primary btn-block continue_btn_22top">Proceed</a> -->
</div>
<div class="clearfix"></div>
</div>
<script src="<?php echo $this->baseUrl('public/js/flight/flight.js'); ?>"></script>
<?php echo $this->render("newfooter.phtml"); ?>
<script>
var SITEURL = '<?php echo $baseUrl ?>';
</script>
<script src="<?php echo $this->baseUrl('public/assets/js/bootstrap3-typeahead.js'); ?>"></script>
<script src="<?php echo $this->baseUrl('public/assets/tipped/tipped.js'); ?>"></script>
<script src="<?php echo $this->baseUrl('public/js/ng/angular.min.js'); ?>"></script>
<script src="<?php echo $this->baseUrl('public/js/ng/angular-route.min.js'); ?>"></script>
<script src="<?php echo $this->baseUrl('public/js/ng/app.js'); ?>"></script>
<script src="<?php echo $this->baseUrl('public/js/ng/ngfactory.js'); ?>"></script>
<script src="<?php echo $this->baseUrl('public/js/ng/ngsortingorder.js'); ?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="<?php echo $this->baseUrl('public/js/ng/flight_search.js'); ?>"></script>
<script type="text/javascript">
$(function() {
var SearchID = $('#searchids').val();
setTimeout(function() {
angular.element(document.getElementById('divID')).scope().FareQuote((SearchID));
}, 1000);
$(document).on("keypress", ".Datepick", function(e) {
let input = e.target;
if (e.charCode < 47 || e.charCode > 57) {
e.preventDefault();
}
var len = input.value.length;
if (len !== 1 || len !== 3) {
if (e.charCode == 47) {
e.preventDefault();
}
}
if (len === 2) {
input.value += '/';
}
if (len === 5) {
input.value += '/';
}
});
$(document).on("click", "input[name='dobddddd']", function() {
let index = ($(this).attr('index'));
$(this).datetimepicker({
format: 'd/m/Y',
timepicker: false,
scrollMonth: false,
scrollInput: false,
onShow: function() {
var ct = new Date(); //alert(ct)
var day = ct.getDate() + 1; // month (in integer 0-11)
var month = ct.getMonth() + 1; // month (in integer 0-11)
var year = ct.getFullYear(); // year
var minYear = year - 13;
this.setOptions({
//yearStart:minYear,
yearEnd: year - 13,
//minDate:minYear+'/'+month+'/'+day,
maxDate: minYear + '/' + month + '/' + day
});
}
});
console.log(index);
// $("input[name='dob']").each(function() {
// let index = ($(this).attr('index'));
// $('#passenger-dob-' + index).datetimepicker({
// format: 'd/m/Y',
// timepicker: false,
// scrollMonth: false,
// scrollInput: false,
// onShow: function() {
// var ct = new Date(); //alert(ct)
// var day = ct.getDate() + 1; // month (in integer 0-11)
// var month = ct.getMonth() + 1; // month (in integer 0-11)
// var year = ct.getFullYear(); // year
// var minYear = year - 13;
// this.setOptions({
// //yearStart:minYear,
// yearEnd: year - 13,
// //minDate:minYear+'/'+month+'/'+day,
// maxDate: minYear + '/' + month + '/' + day
// });
// }
// });
// });
});
});
// Tipped.delegate('#ExtraMarkup', {
// inline: 'ExtraMarkupDiv',
// radius: true,
// skin: 'light',
// close: true,
// hideOn: false,
// showOn: 'click',
// title: "Add Markup",
// hideOnClickOutside: false,
// });
Tipped.delegate('#BaseFarePOPBreackUp', {
inline: 'BaseFareBreackUp',
radius: true,
hideOnClickOutside: true,
});
Tipped.delegate('#FeeSurchargeBreakUp', {
inline: 'FeeSurcharge',
radius: true,
hideOnClickOutside: true,
});
// Tipped.delegate('#MobileToolTipesBreakUp', {
// inline: 'FareBreakUpMobileDiv',
// radius: true,
// hideOnClickOutside: true,
// });
Tipped.delegate('#MobileToolTipesBreakUp', {
cache: false,
ajax: {
url: '<?php echo $baseUrl; ?>flight/farebreackupmobile',
data: {
item: 'item'
},
type: 'post'
},
radius: true,
position: 'topleft',
size: 'large'
});
$(document).ready(function() {
localStorage.clear();
var timer2 = localStorage.getItem('timer');
if (timer2 === null) timer2 = "14:00";
$('.countdown').html(timer2);
var interval = setInterval(function() {
var timer = timer2.split(':');
var minutes = parseInt(timer[0], 10);
var seconds = parseInt(timer[1], 10);
--seconds;
minutes = (seconds < 0) ? --minutes : minutes;
if (minutes < 0) {
clearInterval(interval);
localStorage.removeItem('timer');
alert('Your session has been expired. please try again.');
//window.location.href = '/customer/customer-profile-desc/id/<?= base64_encode($this->arrTrevllerDetails['CustomerSysId']) ?>';
//$('button').show();
} else {
seconds = (seconds < 0) ? 59 : seconds;
seconds = (seconds < 10) ? '0' + seconds : seconds;
$('.countdown').html(minutes + ':' + seconds);
timer2 = minutes + ':' + seconds;
localStorage.setItem('timer', timer2);
}
}, 1000);
});
$(document).on('click', '#ExtraMarkup', function() {
$(this).text($(this).text() == 'Add Markup' ? 'Close' : 'Add Markup');
$("tr#ExtraMarkupDiv").slideToggle("slow");
});
$(document).on('click', '#DiscountCoupon', function() {
$(".defaultINR").slideToggle();
var DiscountCoupon = $('input:checkbox[name=DiscountCoupon]:checked').val();
$("#DiscountCouponDiv").slideToggle();
if (DiscountCoupon !== '1') {
$('#DiscountValue').val(0);
$("#applyDics").trigger('click');
}
});
$('.fare_information_dropdown').on("click", function() {
$(".fair_information_details").slideToggle("slow");
});
// FlightFareQuote();
$(document).on('click', '.ContinueAccept', function() {
$("#FareChange").modal('hide');
});
$(document).on('click', '.seatmapModal', function() {
var segmentid = $(this).attr('value');
var intOutBoundId = $('#intOutBoundId').val();
var TotalTravellers = $('#TotalTravellers').val();
var selectedSeatSession = $('#selectedSeatSession').val();
var tripSeatMap = $('#tripSeatMap').val();
$.ajax({
type: "POST",
url: "/flight/seatmap",
dataType: 'html',
data: {
segmentid: segmentid,
intOutBoundId: intOutBoundId,
TotalTravellers: TotalTravellers,
selectedSeatSession: selectedSeatSession,
tripSeatMap: tripSeatMap,
},
beforeSend: function() {
$('.saetwarpper').html('');
$("#loadsaetwarpper").html('<div style="text-align:center;padding-top:30px;"><img src="/public/images/load1.gif"/></div>');
},
success: function(data) {
$('.saetwarpper').html(data);
$("#loadsaetwarpper").html('');
}
});
});
function isEmpty(seatArray) {
var NewArray = new Array();
$.each(seatArray, function(index, obj) {
var value = seatArray[index];
if (typeof value == 'string' && !value.trim() || typeof value == 'undefined' || value === null || value == 'NA') {
} else {
NewArray.push(value);
}
});
return NewArray;
}
$(document).on('click', '#applymarkup', function() {
var SelectedMeal = $('#SelectedMealSessionNew').val();
var SelectedBagg = $('#SelectedBaggSessionNew').val();
var intOutBoundId = $('#intOutBoundId').val();
var TotalTravellers = $('#TotalTravellers').val();
var apiResponseSeat = $('#apiResponseSeat').val();
var selectedSeatSession = $('#selectedSeatSession').val();
var sessionFlightSearchParams = $('#sessionFlightSearchParams').val();
var ExtraMarkup = $('#ExtraMk').val();
var showintax = $('input:checkbox[name=showintax]:checked').val();
// if (parseInt(ExtraMarkup) >= 0) {
// alert('Please enter markup');
// return false;
// }
$.ajax({
type: "POST",
url: "/flight/addextramarkup",
dataType: 'json',
data: {
showintax: showintax,
ExtraMarkup: ExtraMarkup,
SelectedMeal: SelectedMeal,
SelectedBagg: SelectedBagg,
SelectedSeat: selectedSeatSession,
intOutBoundId: intOutBoundId,
TotalTravellers: TotalTravellers,
apiResponseSeat: apiResponseSeat,
sessionFlightSearchParams: sessionFlightSearchParams,
},
beforeSend: function() {
$("#applymarkup").html('wait..');
},
success: function(data) {
$("#Afterloader").html(data.html);
$('#ExtraMarkupJson').val(data.MarkupArr);
$('#intOutBoundId').val(data.FlightBookingArr);
$("#applymarkup").html('Apply');
//$("#ExtraMarkupDiv").hide();
}
});
});
$(document).on('click', '#applyDics', function() {
var SelectedMeal = $('#SelectedMealSessionNew').val();
var SelectedBagg = $('#SelectedBaggSessionNew').val();
var intOutBoundId = $('#intOutBoundId').val();
var TotalTravellers = $('#TotalTravellers').val();
var apiResponseSeat = $('#apiResponseSeat').val();
var selectedSeatSession = $('#selectedSeatSession').val();
var sessionFlightSearchParams = $('#sessionFlightSearchParams').val();
var ExtraMarkup = $('#ExtraMk').val();
var DiscountValue = $('#DiscountValue').val();
var showintax = $('input:checkbox[name=showintax]:checked').val();
var DiscountCoupon = $('input:checkbox[name=DiscountCoupon]:checked').val();
// if (parseInt(ExtraMarkup) >= 0) {
// alert('Please enter markup');
// return false;
// }
$.ajax({
type: "POST",
url: "/flight/adddiscount",
dataType: 'json',
data: {
showintax: showintax,
ExtraMarkup: ExtraMarkup,
SelectedMeal: SelectedMeal,
SelectedBagg: SelectedBagg,
SelectedSeat: selectedSeatSession,
intOutBoundId: intOutBoundId,
TotalTravellers: TotalTravellers,
apiResponseSeat: apiResponseSeat,
sessionFlightSearchParams: sessionFlightSearchParams,
DiscountValue: DiscountValue,
DiscountCoupon: DiscountCoupon,
},
beforeSend: function() {
$("#applyDics").html('wait..');
},
success: function(data) {
$("#Afterloader").html(data.html);
$('#ExtraMarkupJson').val(data.MarkupArr);
$('#intOutBoundId').val(data.FlightBookingArr);
$("#applyDics").html('Apply');
//$("#ExtraMarkupDiv").hide();
}
});
});
$('.noSpecial').on('keypress', function(event) {
var regex = new RegExp("^[a-zA-Z0-9]+$");
var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
if (!regex.test(key)) {
event.preventDefault();
return false;
}
});
function removeFamilyData(id) {
var selectedMembId = $("#custMemberSys_" + id).val();
$("#custMember_" + selectedMembId).removeAttr('disabled', 'disabled');
$("#custMember_" + selectedMembId).removeAttr('checked', 'checked');
$("#custMemberSys_" + id).val('');
$("#passenger-firstname-" + id).val('');
$("#passenger-firstname-" + id).val('');
$("#crossLink_" + id).hide();
$("#crossLink_" + id).removeClass('IsActiveRemove');
$("#custMember_" + selectedMembId).attr('checked', false);
var parent = $("#custMember_" + selectedMembId).parent();
if (parent.hasClass('icheckbox_flat')) {
$("#custMember_" + selectedMembId).parent().attr('class', 'icheckbox_flat');
}
$(".memberrow_" + selectedMembId).show();
$("#passenger-firstname-" + id).val('');
$("#passenger-lastname-" + id).val('');
$("#relation-" + id).val('');
$("#passenger-salutation-" + id).val('');
$("#passenger-memberSysId-" + id).val('');
$("#passenger-dob-" + id).val('');
$("#passenger-address-" + id).val('');
$("#passenger-city-name-" + id).val('');
$("#passenger-city-" + id).val('');
$("#passenger-country-" + id).val('');
$("#passenger-PassportNo-" + id).val('');
$("#passenger-PassportExpiry-" + id).val('');
$("#passenger-passporIssue-" + id).val('');
var $select = $("#passenger-salutation-" + id).selectize();
var selectize = $select[0].selectize;
selectize.setValue(1);
}
var DefaultCity;
var searchids = $('#searchids').val();
var email_id = $("#email_id").val();
var mobile_number = $("#mobile_number").val();
var AgencySysId = $("#AgencySysId").val();
$.getJSON("/flight-new/memberguestdetail?email_id=" + email_id + '&mobile_number=' + mobile_number + '&AgencySysId=' + AgencySysId + '&PlanType=1', function(source) {
DefaultCity = source;
});
$(document).ready(function() {
$(document).on("focus", ".NameAutosuggest", function(e) {
$(this).val("");
let PaxType = $(this).attr("PaxType");
var nameArr = [];
$(".NameAutosuggest").each(function(e) {
var Fname = $(this).val();
if (Fname) {
nameArr.push(Fname);
}
});
let DefaultCityFilter = [];
let DefaultCityFull = DefaultCity;
if (nameArr.length) {
DefaultCityFilter = DefaultCityFull.filter(f => f.paxType == PaxType && !nameArr.includes(f.FirstName))
} else {
DefaultCityFilter = DefaultCity.filter(f => f.paxType == PaxType);
}
var index = $(this).attr('index');
$(this).autocomplete({
source: function(request, response) {
if (request.term.replace(/ /g, "").length > 2) {
var term = $.ui.autocomplete.escapeRegex(request.term),
startsWithMatcher = new RegExp("^" + term, "i"),
startsWith = $.grep(DefaultCityFilter, function(value) {
return startsWithMatcher.test(
value.FirstName || value.value || value
);
}),
containsMatcher = new RegExp(term, "i"),
contains = $.grep(DefaultCityFilter, function(value) {
return (
$.inArray(value, startsWith) < 0 &&
containsMatcher.test(
value.label || value.value || value
)
);
});
response(startsWith.concat(contains).slice(0, 15));
} else {
var query = "d";
var term = $.ui.autocomplete.escapeRegex(query),
startsWithMatcher = new RegExp("^" + term, "i"),
startsWith = $.grep(DefaultCityFilter, function(value) {
return startsWithMatcher.test(
value.FirstName || value.value || value
);
}),
containsMatcher = new RegExp(term, "i"),
contains = $.grep(DefaultCityFilter, function(value) {
return (
$.inArray(value, startsWith) < 0 &&
containsMatcher.test(
value.label || value.value || value
)
);
});
response(startsWith.concat(contains).slice(0, 15));
}
},
create: function(ul, item) {
$(this).data("ui-autocomplete")._renderItem = function(ul, item) {
//if (existName !== 0) {
var disCode = item.label;
return $('<li class="ui-menu-item">')
.append(
`<div id="ui-id-16" tabindex="-1" class="ui-menu-item-wrapper">` +
disCode +
`</div>`
).append("</li>").appendTo(ul); // customize your HTML
//}
};
},
minLength: 0,
autoFocus: true,
select: function(event, ui) {
ui.item.value = ui.item.FirstName;
//$("#relation-" + index).val(ui.item.Relation);
$("#passenger-salutation-" + index).val(ui.item.CustomerTitle);
$("#passenger-firstname-" + index).val(ui.item.FirstName);
$("#passenger-lastname-" + index).val(ui.item.LastName);
$("#passenger-dob-" + index).val(ui.item.DOB);
$(".NameAutosuggest").trigger("change");
},
})
.focus(function() {
$(this).autocomplete("search");
});
});
$(document).on('keyup', '.selectCity', function() {
$(this).typeahead({
items: 'all',
source: function(query, process) {
//$('.passenger_city').val('');
return $.ajax({
url: '/package-booking/autosuggest',
type: 'post',
data: {
query: query
},
dataType: 'json',
success: function(result) {
var resultList = result.map(function(item) {
var aItem = {
TBBCityId: item.TBBCityId,
CityId: item.CityId,
label: item.label,
countryCode: item.countryCode,
ContId: item.ContId
};
return JSON.stringify(aItem);
});
return process(resultList);
}
});
},
sorter: function(items) {
var beginswith = [],
caseSensitive = [],
caseInsensitive = [],
item;
while (aItem = items.shift()) {
var item = JSON.parse(aItem);
if (!item.label.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(JSON.stringify(item));
else if (~item.label.indexOf(this.query)) caseSensitive.push(JSON.stringify(item));
else caseInsensitive.push(JSON.stringify(item));
}
return beginswith.concat(caseSensitive, caseInsensitive)
},
highlighter: function(obj) {
var item = JSON.parse(obj);
var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&');
return item.label.replace(new RegExp('(' + query + ')', 'ig'), function($1, match) {
return '<strong>' + match + '</strong>'
})
},
updater: function(item) {
var item = JSON.parse(item);
var idIndex = this.$element.attr('seq');
$('#passenger-city-' + idIndex).val(item.CityId);
$('#passenger-country-' + idIndex).val(item.ContId);
return item.label;
},
minLength: 2
// displayField: 'label',
});
});
});
function savePassengerDetails() {
var data = $("#passenger-details").serialize();
var mobile_number = $("#mobile_number").val();
var email_id = $("#email_id").val();
var airline_number = $("#airline_number").val();
var airline_email = $("#airline_email").val();
var intOutBoundId = $("#intOutBoundId").val();
var intInBoundId = $("#intInBoundId").val();
var sessionFlightSearchParams = $("#sessionFlightSearchParams").val();
var customerId = $.trim($("#customerId").val());
var intPayableFromWallet = $.trim($("#intPayableFromWallet").val());
var intCostToCustomer = $.trim($("#intCostToCustomer").val());
//alert(intPayableFromWallet);
$.ajax({
url: '/flight/save-passenger-details-tripjack',
data: data + '&mobile_number=' + mobile_number + '&email_id=' + email_id + "&customerId=" + customerId + "&intPayableFromWallet=" + intPayableFromWallet + "&intCostToCustomer=" + intCostToCustomer + "&sessionFlightSearchParams=" + sessionFlightSearchParams + "&airline_number=" + airline_number + "&airline_email=" + airline_email,
dataType: 'json',
type: 'POST',
error: function() {},
beforeSend: function() {
$("#proceed").html("Please Wait ...");
},
success: function(response) {
if (response.success) {
var strUrlData = response.strUrlData
location.href = '/flight/review/data/' + strUrlData;
} else {
alert(response.msg);
var elementId = response.index;
$("#" + elementId).focus();
$("#proceed").html("Proceed to Booking Review");
}
}
});
}
<?php if (!empty($this->arrTrevllerDetails['Contacts'])) { ?>
getdetailfromemail('mobilNoSearch');
<?php } ?>
function getdetailfromemail(fieldId) {
if ($.trim($('#' + fieldId).val()) != '') {
var mobilNo = $.trim($('#' + fieldId).val());
}
var email_id = $("#email_id").val();
var AgencySysId = $("#AgencySysId").val();
var intMemberSysId = "<?php echo $this->intMemberSysId; ?>";
if (mobilNo != "" && mobilNo.length == 10) {
$(".customerMobile").val(mobilNo);
$.ajax({
url: '/buyhotel/memberguestdetail',
data: {
mobilNo: mobilNo,
email_id: email_id,
AgencySysId: AgencySysId,
intMemberSysId: intMemberSysId
},
type: 'POST',
dataType: 'json',
beforeSend: function() {
//$("#CUSTOMER_LIST_INPROCESS").show();
$("#CUSTOMER_LIST_INPROCESS").css('display', 'block');
},
success: function(response) {
if (response.status == 'success') {
$("#coustomer_members").html(response.data);
$('.select_traveller').show();
//$("#coustomer_members2").html(response.data);
$("#customerId").val(response.CustomerSysId);
$("#email_id").val(response.EmailId);
$('#passenger-salutation-1').val(response.Title);
<?php if (empty($this->EditCustomerData)) { ?>
if (response.CustomerSysId > 0) {
var values = 0;
$("#relation-1 option[value='" + values + "']").css("display", "none");
$('#relation-1').val(9);
}
<?php } ?>
// $('#passenger-firstname-1').val(response.FirstName);
// $('#passenger-lastname-1').val(response.LastName);
// $('#passenger-dob-1').val(response.DOB);
// $('#passenger-address-1').val(response.Address);
// var $select = $("#passenger-salutation-1").selectize();
// var selectize = $select[0].selectize;
// selectize.setValue(response.Title);
// selectize.setValue($.trim(guestArr.CustomerTitle));
//$(".customerMobile").val(response.Mobile);
if (response.resultNew.length > 5) {
$('.save-travveler-list').addClass('savedtraveller_mb_scroll2');
}
var data = (response.responseArray);
SetData('customerMember', JSON.stringify(data));
//console.log(response.responseArray);
var Listul = $('<div></div>');
var ind = 0;
$.each(data, function(index, obj) {
if (ind == 0) {
var CustomerSysId = obj.CustomerSysId;
} else {
var CustomerSysId = obj.MemberSysId;
}
if (obj.paxType == 1) {
var paxTypeName = 'Adult'
} else if (obj.paxType == 2) {
var paxTypeName = 'Child'
} else if (obj.paxType == 3) {
var paxTypeName = 'Infant'
}
Listul.append(`<div class="customgst_savedlist gst_add_align2">
<input type="checkbox" id="custMember_` + CustomerSysId + `" name="cusmemberSelected[]" onclick="Selectmember(this,` + obj.paxType + `)" value="_` + CustomerSysId + `" /><label class="mt-checkbox savedtraveller_mb" for="custMember_` + CustomerSysId + `"><span class="savedtraveller_title">` + obj.CustomerTitle + '. ' + obj.FirstName + ' ' + obj.LastName + `</span>
<span class="adult_listtitle">` + paxTypeName + `</span></label>
</div>`);
ind++;
});
$('#dynamic_div').html(Listul);
} else {
$("#coustomer_members").html(response.msg);
//$("#coustomer_members2").html(response.msg);
$('.select_traveller').hide();
$("#customerId").val('');
$("#email_id").val('');
}
$("#CUSTOMER_LIST_INPROCESS").hide();
}
});
}
}
function Selectmember(obj, paxType) {
// console.log(obj);
// console.log(paxType);
var uid = obj.value;
var checkedornot = $("#custMember" + obj.value).prop('checked');
var selectedpass = $("input[name='cusmemberSelected[]']:checked").length;
var customerMember = JSON.parse(GetData('customerMember'));
var data = customerMember[obj.value];
$("#custMember" + obj.value).attr('disabled', 'disabled');
var totalpass = $('.adultdetails').length;
var b = 1;
if (totalpass >= (selectedpass)) {
var h = 1;
$(".familyNumber").each(function() {
var firstname = $.trim($("#passenger-firstname-" + b).val());
if (firstname == '') {
$("#custMemberSys_" + h).val(data.MemberSysId);
$("#crossLink_" + h).show();
$("#crossLink_" + h).addClass('IsActiveRemove');
$("#passenger-salutation-" + b).val(data.Title);
$("#passenger-firstname-" + b).val(data.FirstName);
$("#passenger-lastname-" + b).val(data.LastName);
$("#passenger-address-" + b).val(data.Address);
$("#passenger-city-" + b).val(data.CitySysId);
$("#passenger-country-" + b).val(data.CountrySysId);
$("#passenger-city-name-" + b).val(data.cityTitle);
$("#passenger-dob-" + b).val(data.DOB);
$("#Adultpassenger-dob-" + b).val(data.DOB);
$("#passenger-PassportNo-" + b).val(data.PassportNo);
$("#passenger-PassportExpiry-" + b).val(data.PassportExpiry);
$("#passenger-passporIssue-" + b).val(data.PassportIssue);
$(".memberrow_" + uid).hide();
validation = false;
var $select = $("#relation-" + b).selectize();
var selectize = $select[0].selectize;
selectize.setValue(data.Relation);
var $select = $("#passenger-salutation-" + b).selectize();
var selectize = $select[0].selectize;
selectize.setValue(data.Title);
return false;
}
b++;
h++;
});
} else {
alert('Please select up to ' + totalpass + ' of traveller(s) or add new in the traveller details');
$("#custMember" + obj.value).prop('checked', false);
$("#custMember" + obj.value).removeAttr('disabled', 'disabled');
return false;
}
}
function getSelectedCustMember(id, uid) {
var data = JSON.parse(decodeURIComponent($("#" + id).val()).replace(/\+/g, " "));
console.log(data);
var b = 1;
var validation = true;
var checkedornot = $("#custMember_" + uid).prop('checked');
var totalpass = $('.adultdetails').length;
var selectedpass = $("input[class='custMember']:checked").length;
//console.log(totalpass);
//console.log(selectedpass + 1);
var ids = id.split('_');
//console.log(ids);
//alert(checkedornot);
//when checkbox checked
if (checkedornot == false) {
if (totalpass >= (selectedpass + 1)) {
var h = 1;
$(".familyNumber").each(function() {
var firstname = $.trim($("#passenger-firstname-" + b).val());
if (firstname == '') {
//alert("#custMemberSys_"+h+'/'+uid);
$("#custMemberSys_" + h).val(data.MemberSysId);
$("#crossLink_" + h).show();
$("#crossLink_" + h).addClass('IsActiveRemove');
$("#passenger-salutation-" + b).val(data.Title);
$("#passenger-firstname-" + b).val(data.FirstName);
$("#passenger-lastname-" + b).val(data.LastName);
$("#passenger-address-" + b).val(data.Address);
$("#passenger-city-" + b).val(data.CitySysId);
$("#passenger-country-" + b).val(data.CountrySysId);
$("#passenger-city-name-" + b).val(data.cityTitle);
$("#passenger-dob-" + b).val(data.DOB);
$("#Adultpassenger-dob-" + b).val(data.DOB);
$("#passenger-PassportNo-" + b).val(data.PassportNo);
$("#passenger-PassportExpiry-" + b).val(data.PassportExpiry);
$("#passenger-passporIssue-" + b).val(data.PassportIssue);
$(".memberrow_" + uid).hide();
validation = false;
var $select = $("#relation-" + b).selectize();
var selectize = $select[0].selectize;
selectize.setValue(data.Relation);
var $select = $("#passenger-salutation-" + b).selectize();
var selectize = $select[0].selectize;
selectize.setValue(data.Title);
return false;
}
h++;
b++;
});
} else {
alert('Please select up to ' + totalpass + ' of traveller(s) or add new in the traveller details');
$("#custMember_" + ids[1]).prop('checked', false);
return false;
}
}
if (validation == true) {
$("#membersDetails_" + uid).attr('checked', false);
var parent = $("#custMember_" + uid).parent();
//$("#custMember_" + uid).parent().attr('class', 'icheckbox_flat');
if (parent.hasClass('icheckbox_flat') == true) {
//$("#custMember_"+uid).parent().attr('class','icheckbox_flat');
//$("#custMember_"+uid).parent().attr('class','icheckbox_flat');
}
//alert('First You have to remove then you can select');
}
//$("#membersDetails_"+uid).parent().attr('class','icheckbox_flat');
}
function getCustomerMember(intMemberId) {
if (intMemberId != undefined && intMemberId != "") {
var Mrelation = $("#Mrelation_" + intMemberId).val();
var Mtitle = $("#Mtitle_" + intMemberId).val();
var Mfirstname = $("#Mfirstname_" + intMemberId).val();
var Mlastname = $("#Mlastname_" + intMemberId).val();
var $select = $("#relation").selectize();
var selectize = $select[0].selectize;
selectize.setValue(Mrelation);
var $select = $("#initial").selectize();
var selectize = $select[0].selectize;
selectize.setValue($.trim(Mtitle));
$('#firstName').val($.trim(Mfirstname));
$('#lastName').val($.trim(Mlastname));
$('#intCustomerMemberSysId').val(intMemberId);
$(".custMember").attr("disabled", "disabled");
$("#custMember_" + intMemberId).removeAttr("disabled");
} else {
getdetailfromemail();
}
}
function getCustomerDetails() {
var mobilNo = $("#mobile_number").val();
if (mobilNo != "") {
$.ajax({
url: '/flight/get-customer-details',
data: {
mobilNo: mobilNo,
intMemberSysId: ''
},
type: 'POST',
dataType: 'html',
beforeSend: function() {
//$("#CUSTOMER_LIST_INPROCESS").show();
},
success: function(response) { //alert(response)
if (response != '') {
var guestArr = JSON.parse(response);
$('#email_id').val($.trim(guestArr.CustomerEmailId));
$('#passenger-firstname-1').val($.trim(guestArr.CustomerFirstName));
$('#passenger-lastname-1').val($.trim(guestArr.CustomerLastName));
var $select = $("#passenger-salutation-1").selectize();
var selectize = $select[0].selectize;
selectize.setValue($.trim(guestArr.CustomerTitle));
} else {
$('#email_id').val('');
$('#passenger-firstname-1').val('');
$('#passenger-lastname-1').val('');
}
}
});
}
}
</script>
<script type="text/javascript">
$('.address-same').on('click', function(event) {
if ($(this).is(":checked")) {
var CityName = $("#passenger-city-name-1").val();
$(".passenger_city_text").val(CityName);
var CityId = $("#passenger-city-1").val();
$(".passenger_city").val(CityId);
var CountryId = $("#passenger-country-1").val();
$(".passenger_country").val(CountryId);
var Address = $("#passenger-address-1").val();
$(".address-all").val(Address);
}
});
$('.address-same').on('click', function(event) {
if (!$(this).is(":checked")) {
$(".passenger_city_text").val('');
$(".passenger_city").val('');
$(".passenger_country").val('');
$(".address-all").val('');
}
});
$('#isgstapply').on("click", function() {
var isgstapply = $("input[name='isgstapply']:checked").length;
if (isgstapply) {
$('.gstdiv').show();
} else {
$('.gstdiv').hide();
}
});
$('#trainername2').keyup(function() {
var tr = $('.saved_lists_ div');
if ($(this).val().length >= 2) {
//var inputdata = $.trim($("#trainername").val());
var noElem = true;
var val = $.trim(this.value).toLowerCase();
el = tr.filter(function() {
return $(this).find('.mt-checkbox').text().toLowerCase().match(val);
});
if (el.length >= 1) {
noElem = false;
}
tr.not(el).fadeOut();
el.fadeIn();
var totalshow = $('.customgst_savedlist').filter(function() {
return $(this).css('display') == 'block';
}).length;
if (totalshow > 5) {
$('.saved_lists_').addClass('savedtraveller_mb_scroll2');
} else {
$('.saved_lists_').removeClass('savedtraveller_mb_scroll2');
}
} else {
tr.fadeIn();
var totalshow = $('.customgst_savedlist').filter(function() {
return $(this).css('display') == 'block';
}).length;
if (totalshow > 5) {
$('.saved_lists_').addClass('savedtraveller_mb_scroll2');
} else {
$('.saved_lists_').removeClass('savedtraveller_mb_scroll2');
}
}
});
function GetData(key) {
var sonuc = "";
if (typeof(localStorage) != "undefined") {
//İkinci html5 localStorage desteği varmı ona bakılır
if (localStorage[key] != null) {
sonuc = localStorage[key];
}
} else {
//son olarak cookie desteği varmı ona bakılır
sonuc = $.cookie(key);
}
return sonuc;
}
function SetData(key, value) {
if (typeof(localStorage) != "undefined") {
//ikinci önce html5 localStorage desteği varmı ona bakılır
try {
localStorage.setItem(key, value);
return true;
} catch (e) {
return false;
}
} else {
//son olarak cookie desteği varmı ona bakılır
try {
$.cookie(key, value);
return true;
} catch (e) {
return false;
}
}
}
</script>
<style>
/* Note: Try to remove the following lines to see the effect of CSS positioning */
.affix {
top: 0;
width: 15.5%;
}
.affix+.container-fluid {
padding-top: 70px;
}
</style>