| 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/buyhotel/ |
Upload File : |
<?php
$GetWhatsappUrl = Zend_Controller_Action_HelperBroker::getStaticHelper('GetWhatsappUrl')->GetWhatsappUrl();
$baseUrl = $this->baseUrl;
$secureCode = Zend_Controller_Action_HelperBroker::getStaticHelper('SecureCode')->secureCode(base64_encode($this->searchParams['TPSysId']), 1);
$CCMailArray = $getActiveSenderEmailId = array();
foreach ($this->getActiveSenderEmailIdArr as $senderEmailId) {
if ($senderEmailId['IsCCMail'] == 1) {
$CCMailArray[] = $senderEmailId['SenderEmailID'];
} else {
$getActiveSenderEmailId[] = $senderEmailId;
}
}
$CCMailval = '';
if (!empty($CCMailArray)) {
$CCMailval = implode(',', $CCMailArray);
}
$SenderEmailSysId = $this->SenderEmailSysId;
$roominfojson = $this->searchParams['RoomInfoJson'];
$roominfoarray = json_decode($roominfojson, 1);
$adultPax = 0;
$childPax = 0;
$infantPax = 0;
//echo "<pre>";print_r($packageInclusionList);echo "</pre>";die;
if (!empty($roominfoarray)) {
foreach ($roominfoarray as $res) {
$adultPax += $res['Adult'];
$childPax += isset($res['Child']) ? $res['Child'] : 0;
$infantPax += isset($res['Infant']) ? $res['Infant'] : 0;
}
}
?>
<style>
.RoomDetailsDiv p {
padding-bottom: 0 !important;
margin-bottom: -4px !important;
}
.d-block {
display: block;
}
.progress {
display: block;
text-align: center;
width: 0;
height: 3px;
background: red;
transition: width .3s;
}
.comision_checkbox {
height: 20px;
padding-left: 30px;
position: relative;
cursor: pointer;
user-select: none;
color: #2C3E50;
float: none;
font-size: 9px;
margin: 0;
}
.comision_checkbox input {
display: none;
}
.comision_checkbox .checkmark {
display: inline-block;
background: white;
position: absolute;
left: 0;
border-radius: 0px;
}
.SelectHotelsShare input {
position: absolute;
z-index: 2;
opacity: 0;
top: 0;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
height: 25px;
width: 25px;
margin: 0;
cursor: pointer;
}
.selectarrow2 {
top: 0px !important;
width: 25px !important;
height: 25px !important;
border: 0px solid #7f8c8d !important;
background-color: transparent !important;
display: inline-block;
}
.selectarrow2:after {
content: "";
width: 25px !important;
height: 25px !important;
background: url(<?php echo $this->baseUrl('public/assets/images/flightshare.svg'); ?>) no-repeat right;
top: 0;
}
.SelectHotelsShare input:checked+.selectarrow2:after {
background: url(<?php echo $this->baseUrl('public/assets/images/flightshare1_after.svg'); ?>) no-repeat right;
}
.comision_checkbox input:checked+.checkmark:after {
content: "";
position: absolute;
top: 45%;
left: 50%;
}
.selectarrow2:after {
content: "";
width: 25px !important;
height: 25px !important;
right: 0px;
display: inline-block;
border-left: 0px solid white !important;
border-bottom: 0px solid white !important;
}
.stick {
margin-top: 0 !important;
position: fixed;
top: 0;
z-index: 99;
width: 91%;
border-radius: 0 0 0.5em 0.5em;
}
.cart-btn {
margin-bottom: 0.5rem;
padding: 0.9rem;
}
.borderbottom {
border-bottom: 2px solid #FFFFFF !important;
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0
}
100% {
background-position: 468px 0
}
}
.HotelImageLogo {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 1000px 104px;
height: 94px;
position: relative;
overflow: hidden;
width: 100%;
margin: auto;
display: block;
}
.hotelName {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 1000px 104px;
height: 15px;
position: relative;
overflow: hidden;
width: 70%;
display: block;
}
.hotelPrice {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 1000px 104px;
height: 15px;
position: relative;
overflow: hidden;
width: 90%;
display: block;
margin: auto;
}
.hotelbook {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 1000px 104px;
height: 50px;
position: relative;
overflow: hidden;
width: 90%;
display: block;
margin: auto;
}
.hotelAddress {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 1000px 104px;
height: 11px;
position: relative;
overflow: hidden;
width: 100%;
margin: auto;
display: block;
}
.hotelstar {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 1000px 104px;
height: 10px;
position: relative;
overflow: hidden;
width: 40%;
display: block;
}
.free-cancellation span {
color: #04a74c !important;
}
* {
box-sizing: border-box;
}
.fair_details {
position: relative;
}
.gallery {
display: flex;
justify-content: center;
overflow-x: auto;
}
.hotel-row-new {
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row-reverse;
padding: 17px 0 !important;
}
.padding-top15 {
padding-top: 15px !important;
display: block;
}
@media screen and (min-width: 600px) {
.gallery {
padding-top: 360px;
}
}
.gallery__img {
position: absolute;
top: 10px;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.3s ease-in-out;
object-fit: contain;
max-height: 350px;
border-radius: 5px;
margin: 0 auto;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.gallery__thumb {
margin: 15px 6px 6px;
display: block;
}
.gallery__thumb img {
height: 50px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.gallery__selector {
position: absolute;
opacity: 0;
visibility: hidden;
}
.gallery__selector:checked+.gallery__img {
opacity: 1;
}
.gallery__selector:checked~.gallery__thumb>img {
box-shadow: 0 0 0 3px #0be2f6;
}
.gallery-secpop {
background: #fff;
margin: 0;
padding: 15px 0 20px 0;
margin-bottom: 20px;
overflow: hidden;
clear: both;
}
.hotel-detail-map-location iframe {
height: 400px;
}
.w-100 {
width: 100% !important;
}
@media (min-width: 0px) and (max-width: 767px) {
.col-md-3.filter-button .orange {
color: #fff !important;
}
a.toggle_commision {
color: #fff;
}
.filterByContainer .filterByContainerIn .filterbyTxt {
float: none;
padding: 0 3px 0 2px;
color: #fff;
font: normal 14px / 45px Arial, Helvetica, sans-serif;
width: auto;
line-height: normal;
margin-top: 13px;
margin-bottom: 8px;
}
.filterByContainer .filterByContainerIn .filterbyTxt .glyphicon-filter {
color: #fff !important;
}
.filterByContainer .search-box {
display: contents;
}
.filterByContainer .filterByContainerIn ul {
list-style: none;
padding: 0;
display: block;
margin: 0;
float: none;
}
.filterByContainer .filterByContainerIn ul li {
display: inline-block;
border: 1px solid #ededec;
width: 32.5%;
line-height: 37px;
float: left;
min-height: 42px;
}
.search-box ul li a {
padding: 6px 13px 5px 5px !important;
}
.col-md-3.filter-button {
width: 100% !important;
padding: 0;
}
label.inlinebl.pull-left {
margin-top: 10px !important;
}
.checkbox input[type="checkbox"] {
margin-top: 0px !important;
}
.filterByContainer .filterByContainerIn ul li a:hover {
background-color: transparent !important;
color: #fff !important;
}
.filterByContainer {
padding-left: 10px;
}
.filterByContainer .filterByContainerIn .dropdown-menu label {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
label.checkbox.ng-scope.ng-binding {
display: flex;
align-items: center;
}
.show-commition.col-md-3.text-right.pull-right {
padding: 0 10px;
float: left !important;
}
.gallery1-outer .gallery1 {
background: #fff;
padding: 0;
margin-bottom: 10px;
height: 150px;
}
.gallery1-outer .gallery1 img {
width: 100%;
height: 100%;
object-fit: fill;
}
.hotelboxmobile {
display: flex;
align-items: center;
justify-content: space-between;
}
label.checkbox.inlinebl {
margin-top: 0;
}
.ml-automobile {
margin-left: auto;
}
.filterByContainer .filterByContainerIn ul li a {
min-height: auto !important;
}
.table-responsive {
padding-bottom: 0;
}
}
</style>
<section id="min-wrapper" class="active" ng-app="GTXHotels">
<div id="main-content">
<input type="hidden" id="LoggedinUserAgencySysId" value="<?= $this->LoggedinUserAgencySysId ?>">
<input type="hidden" id="searchID" value="<?= $this->searchID ?>">
<input type="hidden" id="searchids" value='<?= $this->searchids ?>'>
<input type="hidden" id="TaxPercentage" value="<?= $this->TaxPercentage ?>">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<!--Top header start-->
<h3 class="ls-top-header">Hotel Search Result</h3>
<!--Top header end -->
<!--Top breadcrumb start -->
<ol class="breadcrumb col-md-9 no-padding">
<li><a href="#"><i class="fa fa-home"></i></a></li>
<li class="active">Hotel</li>
<li class="active">Hotel Search Result
<?php if (isset($this->searchParams['customerId']) && !empty($this->searchParams['customerId'])) {
$customerSysId = base64_encode($this->searchParams['customerId']);
$LeadsecureCode = Zend_Controller_Action_HelperBroker::getStaticHelper('SecureCode')->secureCode(trim($customerSysId), 1);
?>
/<strong>
<a style="color:#FF6600" href="<?php echo $this->baseUrl('/customer/customer-lead/id/' . $customerSysId . '/code/' . $LeadsecureCode); ?>"><?php echo ucfirst(stripslashes($this->searchParams['customername'])); ?></a>
<!--<a href="<?php // echo $this->baseUrl('/leaddetail/proposal/id/' . base64_encode($this->searchParams['TPSysId']) . '/cid/' . base64_encode($this->searchParams['customerId'])); ?>" style="color:#FF6600"> <?php echo ucfirst(stripslashes($this->searchParams['customername'])); ?></a>-->
</strong> <?php } ?></li>
</ol>
</div>
</div>
<!-- Main Content Element Start-->
<div class="row" id="ngHotelList" ng-controller="HotelListingController">
<div class="col-md-12">
<div class="alert leadeBorder2 ">
<div class="col-md-ab-3">Destination :<br> <strong><?php echo $this->searchParams['hotelCityTitle']; ?></strong></div>
<div class="col-md-ab-3">From : <br><strong><?php
$hotelFromDateSession = (trim($this->searchParams['hotelFromDateSession']) != '') ? DateTime::createFromFormat('d/m/Y', $this->searchParams['hotelFromDateSession']) : '';
echo (isset($hotelFromDateSession) && ($hotelFromDateSession) != '') ? $hotelFromDateSession->format('d-M-y') : '';
?></strong></div>
<div class="col-md-ab-2">To :<br> <strong><?php
$hotelToDateSession = (trim($this->searchParams['hotelToDateSession']) != '') ? DateTime::createFromFormat('d/m/Y', $this->searchParams['hotelToDateSession']) : '';
echo (isset($hotelToDateSession) && ($hotelToDateSession) != '') ? $hotelToDateSession->format('d-M-y') : '';
?></strong></div>
<div class="col-md-ab-2">No Of Pax :<br> <strong>
<?php echo (isset($adultPax) && $adultPax > 0) ? $adultPax . ' adult(s)' : ''; ?>
<?php echo (isset($childPax) && $childPax > 0) ? "," . $childPax . ' child(ren)' : ''; ?>
<?php echo (isset($infantPax) && $infantPax > 0) ? "," . $infantPax . ' infant' : ''; ?>
</strong>
</div>
<div class="col-md-2 text-right"><button class="btn btn-warning btn-sm" id="modsrch"><strong><i class="fa fa-plus"></i> Modify Search</strong></button></div>
<div class="col-md-12 no-padding" style="margin-top:15px;" id="modsrchdetail11">
<div class="col-md-12 no-padding">
<?php echo $this->partial('leaddetail/hotelsearch.phtml', array('leadDetail' => $this->searchParams, 'getActiveStaff' => $this->getActiveStaff, 'getleadSource' => $this->getleadSource)); ?>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-md-12">
<div class="filterByContainer">
<div class="filterByContainerIn filter-box">
<div class="filterbyTxt"><span class="glyphicon glyphicon-filter"></span> Filter</div>
<div class="search-box">
<input type="hidden" name="session_id" id="session_id" value="" />
<ul>
<li class="dropdown">
<a class="" data-toggle="dropdown" href="javascript:void(0)">
Price
</a>
<div class="dropdown-menu top-dropDown-1">
<label style="margin-left:20px;" ng-cloak="" class="checkbox" ng-repeat="prange in PriceRange track by $index">
<input class="hotelfiltercheckbox filter-price" type="checkbox" value="{{prange}}" ng-click="filterData();">
Rs {{prange}}
</label>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
Star Rating
</a>
<div class="dropdown-menu top-dropDown-1">
<label style="margin-left:20px;" ng-cloak="" class="checkbox" ng-repeat="cat in hotelcategory">
<input class="hotelfiltercheckbox filter-star" type="checkbox" value="{{cat}}" ng-click="filterData();"> {{cat}} Star
</label>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
Property Type
</a>
<div class="dropdown-menu top-dropDown-1">
<label style="margin-left:20px;" ng-cloak="" class="checkbox" ng-repeat="property in hotelProperty">
<input class="hotelfiltercheckbox filter-hotelProperty" type="checkbox" value="{{property}}" ng-click="filterData();"> {{property}}
</label>
</div>
</li>
</ul>
</div>
<div class="col-md-3 filter-button" style="width:28% ;">
<label class="inlinebl pull-left" style="margin-top:5px;">
<input class="form-control ui-autocomplete-input valid" type="text" name="filterByHotelName" id="filterByHotelName" ng-model="search.HotelName" value="" placeholder="Filter By Hotel Name..." />
<div id="alert_message" style="background-color:#31B0D5; border: 1px solid #FFFFFF; font-family: Arial,Helvetica,sans-serif; display:none; padding:5px; position:absolute; color:#FFFFFF; font-size:12px; z-index:1000;width:240px;"></div>
</label>
<label class="inlinebl pull-left" style="margin-top:13px; padding-left: 10px; text-decoration: underline;">
<a href="javascript:void(0);" class="orange" onclick="resetFilters()">Reset Filters</a>
</label>
</div>
<div class="search-box">
<ul>
<li class="dropdown" id="FILTER-INPROCESS" style="display:none; border-left: 0px solid #ededec;">
<div style="padding-left:20px; position: absolute;">
<img src="<?php echo $this->baseUrl('public/assets/images/ellipsis.gif'); ?>" />
</div>
</li>
</ul>
</div>
<div class="show-commition col-md-3 text-right pull-right">
<label class="checkbox inlinebl">
<a href="javascript:void(0);" id="toggle_commision" class="toggle_commision toggle_commision_link1 orange">Show Commission</a>
</label>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="filterByContainer" id="sticky">
<div class="filterByContainerIn">
<div class="shortbyBox" style="float:left;">
<div class="shortbyBoxTitle">Sort by:</div>
<span class="sortingHead">
<div class="shortbyTabUp" ng-click="sort('HotelName', $event)">Hotel Name</div>
<div class="shortbyTabUp" ng-click="sort('StarRating', $event)">Star Rating</div>
<div class="shortbyTabUp" ng-click="sort('averageRoomPrice', $event)">Price</div>
<!-- <div class="shortbyTabUp" ng-click="sort('hotelsource', $event)">On Request</div> -->
</span>
</div>
<div class="shortbyBox">
<div class="shortbyBoxTitle"> <button type="button" style="display:none; margin-top: 8px;" class="btn btn-warning btn-sm pull-right sendmail" ng-click="SelectHotels();"><i class="fa fa-envelope-o"></i> Send Email</button></div>
<div class="shortbyBoxTitle">Show price:</div>
<div class="shortbyTab" id="price-per-head">Per room, per night</div>
<div class="shortbyTab shortbyTabActive" id="price-total">Total</div>
</div>
<div class="filterbyResult" ng-cloak="">
<strong class="padding-top15">Total <span id="totalRecords">{{sortedHotelResults}}</span> hotel(s) found in <?php echo $this->searchParams['hotelCityTitle']; ?> </strong>
<!-- <strong>Showing <span id="recordsDisplayed">{{limitToHotelResults}}</span> out of <span id="totalRecords">{{sortedHotelResults}}</span> <?php echo $this->searchParams['hotelCityTitle']; ?> Hotels</strong> -->
</div>
<div class="filterbyResult commision-link" style="display: none; ">
<a href="javascript:void(0);" id="toggle_commision" class="toggle_commision toggle_commision_link orange">Show Commission</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- Loding Ajax Process Modals & Ajax Process Bar -->
<div class="col-md-12" id="progress-bar" style="display:none;">
<div class="progress progress-striped active" style="height:20px; border-radius:10px;">
<!-- aria-valuetransitiongoal="95" aria-valuenow="95" -->
<div id="progress-bar" class="progress-bar progress-bar-warning six-sec-ease-in-out" style="width: 100%;">
<span id="percent_complete"> </span>
</div>
</div>
</div>
<!-- Loding Ajax Process Modals & Ajax Process Bar -->
<div class="col-md-9">
<div class="tab-content" style="padding: 10px;text-align: center; width:100%; margin-bottom: 6px;" ng-if="loadingHotelMore">
<img src="<?php echo $this->baseUrl('public/images/windows-xp-loading.gif'); ?>" />
</div>
<div class="col-md-12 no-padding">
<div class="tab-content">
<div id="hotel-loading" class="tab-pane fade in active no-padding" ng-if="loadingHotel == true">
<?php for ($i = 1; $i <= 4; $i++) { ?>
<div class="col-md-12 no-padding gallery1-outer">
<div class="gallery-sec ">
<div class="col-sm-3">
<span style="text-align:center; padding: 0px 0px 0px 60px;">
<span class="HotelImageLogo"></span>
</span>
</div>
<div class="col-sm-6 " style="margin-top: 19px;">
<h4 class="no-margin"><span class="hotelName"></span></h4>
<div class="clear"></div>
<div class="tableBox" style="padding-left:0; padding-right:0;">
<table cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td width="25%" class="text-left no-padding">
<span class="hotelstar"></span>
</td>
<td width="75%" class="text-left no-padding"> </td>
</tr>
</tbody>
</table>
</div>
<div class="clear"></div>
<div class="tabBarContent no-padding">
<div class="tabBarContentIn">
<h2 class="no-margin"><span class="hotelName"></span></h2>
<span class="hotelName">
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="col-sm-3 ">
<div class=" no-margin">
<h4 class="totalpricebl ">
<span class="hotelName"></span>
</h4>
</div>
<div class=" no-margin">
<h4 class="totalpricebl ">
<span class="hotelName"></span>
</h4>
</div>
<div class=" no-margin">
<h4 class="totalpricebl ">
<span class="hotelName"></span>
</h4>
</div>
<div class=" no-margin">
<h4 class="totalpricebl ">
<span class="hotelName"></span>
</h4>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<div id="hotel-loading" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer" ng-if="loadingHotel == false" ng-cloak ng-repeat="hotels in hotelslist | filter:search:strict | orderBy:averageRoomPrice:reverse | limitTo: limitToHotelResults track by $index">
<div class="gallery-sec ">
<div class="col-sm-3">
<div class="gallery1">
<img src="{{hotels.HotelImage[0].tns}}" on-error-src="<?php echo $baseUrl; ?>/public/assets/images/NoHotelImg.jpg" alt="" title="" width="177" height="118">
</div>
</div>
<div class="col-sm-6 ">
<h4 class="no-margin">
{{hotels.HotelName}}
<!-- <span style="font-size:12px;"> ( {{hotels.ApiSourceSysId}} )</span> -->
</h4>
<div class="clear"></div>
<div class="tableBox" style="padding-left:0; padding-right:0;">
<table cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td width="25%" class="text-left no-padding">
<span ng-cloak ng-repeat="_ in ((_ = []) && (_.length = (hotels.StarRating)) && _)|limitTo:5 track by $index" class="fa fa-star text-danger"></span>
</td>
<td width="75%" class="text-left no-padding"> </td>
</tr>
</tbody>
</table>
</div>
<div class="tabBarContent no-padding" ng-if="hotels.hotelsource == 'INV'">
<h2 class="no-margin" style="font-size:14px;">{{hotels.EType}} ( {{hotels.MPType}} ) </h2>
</div>
<div class="clear"></div>
<div class="tabBarContent no-padding">
<div class="tabBarContentIn">
<h2 class="no-margin">{{hotels.HotelAddress}}</h2>
<div ng-if="hotels.IsfreeCancel" class="free-cancellation">
<span><i class="fa fa-check"></i> Free Cancellation Available </span>
</div>
<span ng-if="hotels.hotelsource == 'API'" style="color:#FF6600">
<a style="color:#FF6600" href="#" data-toggle="modal" data-target="#HotelDetailsPopup" ng-click="getHotelData(hotels, $index, hotels.HotelId,2)" class="small orange">View details</a>
<!-- - <a style="color:#FF6600" href="javascript:void(0);" ng-click="getHotelData(hotels.ResultIndex, hotels.TraceId, hotels.HotelCode, hotels.ApiSourceSysId, hotels.PublishedPrice, $index);" class="small orange">Photos</a>
- <a style="color:#FF6600" href="javascript:void(0);" ng-click="getHotelData(hotels.ResultIndex, hotels.TraceId, hotels.HotelCode, hotels.ApiSourceSysId, hotels.PublishedPrice, $index);" class="small orange">Location</a>
- <a style="color:#FF6600" href="javascript:void(0);" ng-click="getHotelData(hotels.ResultIndex, hotels.TraceId, hotels.HotelCode, hotels.ApiSourceSysId, hotels.PublishedPrice, $index);" class="small orange">Reviews</a> -->
</span>
<span ng-if="hotels.hotelsource == 'INV'" style="color:#FF6600">
<a style="color:#FF6600" href="javascript:void(0);" data-toggle="modal" data-target="#myModalhotelView" ng-click="gethoteldetails(hotels.TraceId);" class="small orange">View details</a>
</span>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="col-sm-3 ">
<div class="alert alert-graylight no-margin hotelboxmobile">
<h4 class="totalpricebl no-margin">
<!-- <span class="fa fa-rupee"></span> -->
<span class="price-per-head" style="display:none;">{{hotels.PerNight}} <span style="color:#F4793C; font-size:11px;">(incl. all taxes) </span></span>
<span class="price-total">{{hotels.CurrencyCode}} {{hotels.averageRoomPrice}} <span style="color:#F4793C; font-size:11px;" class="d-block">(Per Night/Room) </span></span>
</h4>
<div class="clear" style="padding:7px 0;">
<span class="graytxt small commissiontxt" style="display:none;">
M : <span class="fa fa-rupee"></span>
{{hotels.amarkup}}
</span>
</div>
<a ng-if="hotels.hotelsource == 'API'" href="javascript:void(0);" ng-click="getHotelData(hotels, $index, hotels.HotelId,1);" class="btn btn-warning btn-sm ml-automobile">Select Room</a>
<a ng-if="hotels.hotelsource == 'INV'" href="javascript:void(0);" class="btn btn-warning btn-sm ml-automobile">On Request</a>
<div id="book_inprocess_img_{{hotels.HotelCode}}" class="book_inprocess book_inprocess_img_{{$index}}" style="padding-left:100px; margin-top: -30px; display:none;">
Wait <img src="<?php echo $this->baseUrl('public/assets/images/ellipsis.gif'); ?>" />
</div>
<div class="clear" style="padding-bottom:10px;"></div>
</div>
</div>
<div class="col-sm-12 RoomDetailsDiv" style="display:none;" id="RoomDetails_{{hotels.HotelId}}">
<table style="width:100%; margin-top:10px;" ng-if="apiResponse[hotels.HotelId].RoomInfo">
<tr ng-repeat="(Rkey, RoomVal) in apiResponse[hotels.HotelId].RoomInfo">
<td style="border-bottom: 2px solid #dddddd;" ng-class="{borderbottom: (apiResponse[hotels.HotelId].RoomInfo.length - 1) == Rkey}">
<span ng-if="Rkey == 0" style="float:right; cursor:pointer; color: red; font-size: 16px;" ng-click="CloseRoom(hotels.HotelId)" title="Close">
<i class="fa fa-times fa-2" aria-hidden="true"></i>
</span>
<div class="table-responsive">
<table class="table tablestyle sortable-theme-bootstrap" style="background: #fffcec;">
<tr class="alert alert-graylight" ng-if="Rkey == 0">
<th class="small smallbold" width="50%">Room Type</th>
<th class="small smallbold">Benefits</th>
<th class="small smallbold">Price</th>
<th class="small smallbold"> </th>
</tr>
<tr ng-repeat="(keyroom, value) in RoomVal.Rooms">
<td width="50%" class="smallbold">
<p>{{value.RoomType}}</p>
<p>
<a style="color:#FF6600" href="#" class="small orange" ng-click="CancellationPolicy(value)" data-toggle="modal" data-target="#CancellationPolicy">Cancellation Policy</a>
<a style="color:#FF6600; padding-left: 37px;" href="#" data-toggle="modal" data-target="#HotelFaciality" class="small orange">Facilities</a>
</p>
</td>
<td>
<span class="smallbold d-block">{{value.MealBase}}</span>
<span ng-if="value.IsPan" class="d-block">{{value.IsPan ? "Pan Required" : "Pan Not Required"}}</span>
<span>{{value.CancelArr.fullrefund}}</span>
</td>
<td class="smallbold">{{value.pernightperroomprice | number}}<br>
<span style="color:#F4793C; font-size:11px;">(Per Night) </span>
</td>
<td class="hotel-row-new" ng-if="keyroom == 0" rowspan="{{RoomVal.Rooms.length}}">
<p style="text-align: center;margin-bottom:0px !important">
<a href="javascript:void(0);" ng-click="BookNow(hotels, RoomVal)" class="btn btn-warning btn-sm ng-scope">Book Now</a>
</p>
<p style="text-align: center;" class="SelectHotelsShare position-relative comision_checkbox_new">
<input type="checkbox"
value="{{hotels.HotelId}}____{{RoomVal.Index}}"
class="email-checkbox"
id="shareid{{Rkey}}{{RoomVal.RoomId}}" />
<span class="checkmark selectarrow2"></span>
</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- start : show load more button here-->
<div class="container-fluid center" style="display:none; text-align: center" ng-show="(loadingHotel == false) && (sortedHotelResults > limitToHotelResults)">
<div id="pagging_loader">
<input type="button" id="load_button" ng-click="loadmorehotels();" value="Load More" class="btn btn-warning btn-sm" />
</div>
<div class="cls"></div>
</div>
<!-- end : show load more button here-->
<!-- start : if no records -->
<div style="text-align: center; padding: 30px; color: red;" ng-cloak ng-if="(loadingHotel == false) && (sortedHotelResults == 0)">
No records found!
</div>
<!-- ends : if no records -->
<!-- start : if no records -->
<div style="text-align: center; padding: 30px; color: red;" ng-cloak ng-if="(loadingHotel == false) && (limitToHotelResults >= totalHotelResults)">
No more records to display...
</div>
<!-- ends : if no records -->
<div style="text-align: center; padding: 30px;" ng-if="(loadingHotel == true) && (sortedHotelResults == 0)">
<img src="<?php echo $this->baseUrl('public/assets/images/loader.gif'); ?>">
</div>
<div id="tbdeals" class="tab-pane fade no-padding">
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="col-md-12 no-padding">
<a href="<?php echo $this->baseUrl('packagesearch/buildquickpackage/qid/' . base64_encode($this->searchParams['TPSysId']) . '/code/' . $secureCode); ?>" target="_blank" class="btn btn btn-primarygray col-md-12 cart-btn">Create Quick Hotel</a>
</div>
<div class="col-md-12 no-padding">
<a onclick="return operationalHotelForm();" class="btn btn-primarygray col-md-12 createOperationHotelButton cart-btn">Request Proposal</a>
</div>
<div class="col-md-12 no-padding"> <a class="btn btn-primarygray col-md-12 cart-btn" target="_blank" href="<?php echo $this->baseUrl('packagesearch/enquirysupplierpackage/tpid/' . base64_encode($this->searchParams['TPSysId'])) ?>">Send enquiry to suppliers/ network</a> </div>
</div>
<div class="modal fade hotel-detail-view" id="HotelDetailsPopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" title="Close">×</button>
<h4 class="modal-title" id="myModalLabel" style="color: #fff;font-weight: normal;">{{items.HotelName}}</h4>
</div>
<div class="modal-body">
<div class="view_deatils_wrapper">
<ul class="nav nav-tabs" role="tablist" style="margin-top: 0px;margin-bottom: -14px;">
<li role="presentation" class="active"><a href="#Overview" aria-controls="home" role="tab" data-toggle="tab">Overview</a></li>
<li role="presentation" class=""><a href="#Rooms" aria-controls="profile" role="tab" data-toggle="tab" index="" islcc="">Rooms</a></li>
<li role="presentation" class=""><a href="#Facilities" aria-controls="profile" role="tab" data-toggle="tab">Facilities</a></li>
<li role="presentation" class=""><a href="#ImageGallery" aria-controls="profile" role="tab" data-toggle="tab">Image Gallery</a></li>
<li role="presentation" class=""><a href="#Location" aria-controls="profile" role="tab" data-toggle="tab">Location</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane no-padding active" id="Overview">
<div class="fair_details mytrip_fairdeatils_wrapper">
<h4 class="" ng-if="loadingHotelDetails">
<span class="hotelName"></span>
</h4>
<h4 class="" ng-if="loadingHotelDetails">
<span class="hotelName"></span>
</h4>
<h4 class="" ng-if="loadingHotelDetails">
<span class="hotelName"></span>
</h4>
<div class="gallery-secpop " ng-if="loadingHotelDetails == false">
<div class="col-sm-12">
<h4 class="no-margin">
{{items.HotelName}} <span style="font-size: 13px;" ng-cloak ng-repeat="_ in ((_ = []) && (_.length = (items.StarRating)) && _)|limitTo:5 track by $index" class="fa fa-star text-danger"></span>
</h4>
<div class="clear"></div>
<div class="tabBarContent no-padding">
<div class="tabBarContentIn">
<h2 class="no-margin"><i class="fa fa-map-marker" aria-hidden="true"></i> {{items.HotelAddress}}</h2>
</div>
<br /><br />
<h5 class="font-weight-bold" ng-if="loadingHotelDetails == false">
About
</h5>
<div class="mb-2" ng-if="loadingHotelDetails == false" ng-repeat="(key, value) in HotelDescription">
<b style="text-transform: capitalize;">{{key}}</b> <br />
{{HotelDescription[key]}} <br /><br />
</div>
<br />
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane no-padding" id="Rooms">
<div class="tswitch">
<div class="table-responsive" ng-if="loadingHotelDetails == false">
<table style="width:100%; margin-top:10px;" ng-if="apiResponse.RoomInfo">
<tr ng-repeat="(Rkey, RoomVal) in apiResponse.RoomInfo">
<td style="border-bottom: 2px solid #dddddd;" ng-class="{borderbottom: (apiResponse.RoomInfo.length - 1) == Rkey}">
<table class="table tablestyle sortable-theme-bootstrap">
<tr class="alert alert-graylight" ng-if="Rkey == 0">
<th class="small smallbold" width="50%">Room Type</th>
<th class="small smallbold">Benefits</th>
<th class="small smallbold">Price</th>
<th class="small smallbold"> </th>
</tr>
<tr ng-repeat="(keyroom, value) in RoomVal.Rooms">
<td width="50%" class="smallbold">
<p>{{value.RoomType}}</p>
<p>
<a style="color:#FF6600" href="#" class="small orange" ng-click="CancellationPolicy(value)" data-toggle="modal" data-target="#CancellationPolicy">Cancellation Policy</a>
<a style="color:#FF6600; padding-left: 37px;" href="#" data-toggle="modal" data-target="#HotelFaciality" class="small orange">Facilities</a>
</p>
</td>
<td>
<span class="smallbold d-block">{{value.MealBase}}</span>
<span ng-if="value.IsPan" class="d-block">{{value.IsPan ? "Pan Required" : "Pan Not Required"}}</span>
<span>{{value.CancelArr.fullrefund}}</span>
</td>
<td class="smallbold">{{value.pernightperroomprice | number }}<br><span style="color:#F4793C; font-size:11px;">(Per Night) </span></td>
<td ng-if="keyroom == 0" rowspan="{{RoomVal.Rooms.length}}">
<p style="text-align: center;"><a href="javascript:void(0);" ng-click="BookNow(items, RoomVal)" class="btn btn-warning btn-sm ng-scope">Book Now</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane no-padding" id="Facilities">
<div class="tswitch">
<div class="table-responsive cancell-fligt">
<br />
<h5 class="font-weight-bold" ng-if="loadingHotelDetails == false">Facilities</h5>
<ul class="hotel-facilities-list row browser-default pl-3 mb-0" ng-if="loadingHotelDetails == false">
<div class="col-lg-4 col-sm-6" ng-repeat="(key, value) in HotelDetails.HotelFaciality">
<li>{{value}}</li>
</div>
</ul>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane no-padding" id="ImageGallery">
<h4 class="totalpricebl " ng-if="loadingHotelDetails">
<span class="hotelName"></span>
</h4>
<h4 class="totalpricebl " ng-if="loadingHotelDetails">
<span class="hotelName"></span>
</h4>
<h4 class="totalpricebl " ng-if="loadingHotelDetails">
<span class="hotelName"></span>
</h4>
<div class="fair_details mytrip_fairdeatils_wrapper" ng-if="loadingHotelDetails == false">
<section class="gallery" ng-if="loadingHotelDetails == false">
<div class="gallery__item" ng-repeat="(key, value) in HotelDetails.HotelImages">
<input type="radio" id="img-{{key}}" checked name="gallery" class="gallery__selector" />
<img class="gallery__img" src="{{value.url}}" alt="" />
<label for="img-{{key}}" class="gallery__thumb"><img src="{{value.url}}" alt="" /></label>
</div>
</section>
</div>
</div>
<div role="tabpanel" class="tab-pane no-padding" id="Location">
<div class="tswitch" ng-if="loadingHotelDetails == false">
<div class="table-responsive cancell-fligt">
<div class="hotel-detail-map-location">
<iframe class="w-100 border-0" src="{{mapUrl}}" allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade hotel-detail-view" id="CancellationPolicy" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" title="Close">×</button>
<h4 class="modal-title" id="myModalLabel" style="color: #fff;font-weight: normal;">Cancellation Policy</h4>
</div>
<div class="modal-body">
<table class="table tablestyle ">
<tr class="alert alert-graylight">
<th>Cancellation on or After</th>
<th>Cancellation on or Before</th>
<th>Cancellation Charges/Comments</th>
</tr>
<tr ng-if="CancelArrValue.CancelArr.cancel.length > 0" ng-repeat="(keycancel, cancel) in CancelArrValue.CancelArr.cancel">
<td>{{cancel.FromDate | date : "dd MMM yyyy HH:mm"}}</td>
<td>{{cancel.ToDate | date : "dd MMM yyyy HH:mm"}}</td>
<td>{{cancel.Currency}} {{cancel.Charge}} {{cancel.ChargeType}}</td>
</tr>
<tr ng-if="CancelArrValue.CancelArr.length > 0" ng-repeat="(keycancel, cancel) in CancelArrValue.CancelArr">
<td>{{cancel.FromDate | date : "dd MMM yyyy HH:mm"}}</td>
<td>{{cancel.ToDate | date : "dd MMM yyyy HH:mm"}}</td>
<td>{{cancel.Currency}} {{cancel.Charge}} {{cancel.ChargeType}}</td>
</tr>
<tr>
<td colspan="3">
No Show will attract full cancellation charge unless otherwise specified.
</td>
</tr>
<tr>
<td colspan="3">
Early check out will attract full cancellation charge unless otherwise specified.
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="modal fade hotel-detail-view" id="HotelFaciality" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" title="Close">×</button>
<h4 class="modal-title" id="myModalLabel" style="color: #fff;font-weight: normal;">Facilities</h4>
</div>
<div class="modal-body">
<table class="table tablestyle ">
<tr class="alert alert-graylight">
<th>Facilities</th>
</tr>
<tr ng-if="apiResponse.HotelDetails.HotelFaciality" ng-repeat="(key, facility) in apiResponse.HotelDetails.HotelFaciality">
<td>{{key+1}}. {{facility}}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="modal fade hotel-detail-view" id="shareProposal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" title="Close">×</button>
<h4 class="modal-title" id="myModalLabel">Share Proposal</h4>
</div>
<div class="modal-body">
<div style="padding-left:20px; position: absolute;" class="loadingProposal">
<img src="<?php echo $this->baseUrl('public/assets/images/ellipsis.gif'); ?>" />
</div>
<div class="tab-content">
<div id="shareProposalDiv"></div>
</div>
<div class="clear"></div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Customer Email <?php echo MANDATORY_SIGN; ?></label>
<input class="form-control whbg" autocomplete="off" placeholder="Customer Email" type="text" name="custemail" id="custemail" value="<?php echo isset($this->customerDetails['EmailId']) ? trim($this->customerDetails['EmailId']) : ''; ?>">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Customer Name <?php echo MANDATORY_SIGN; ?></label>
<input class="form-control whbg" placeholder="Customer Name" type="text" name="custname" id="custname" value="<?= trim($this->customerDetails['FirstName']) ?> <?= trim(@$this->customerDetails['LastName']) ?>">
</div>
</div>
<div class="col-md-4">
<?php $countryshortcode = Zend_Controller_Action_HelperBroker::getStaticHelper('General')->countryshortcode(($this->customerDetails['countrycode'] != null) ? str_replace('+', '', trim($this->customerDetails['countrycode'])) : '91'); ?>
<div class="form-group active full">
<label>Customer Mobile <?php echo MANDATORY_SIGN; ?></label>
<div class="txtfieldMain textfieldMain_mobile">
<div class="country_details">
<div id="iti-flag" class="iti-flag <?php echo ($countryshortcode != null) ? $countryshortcode : 'in'; ?>"></div>
<div class="iti-arrow"></div>
</div>
<div class="country_dropdown">
<div class="search_country">
<input type="text" name="" class="txtfield form-control" placeholder="Search countries" id="countries_list">
<div class="search_icon"></div>
</div>
<ul class="allcountries"></ul>
</div>
<input type="text" class="txtfield country_code" readonly="readonly" id="mobile_code" name="countrycode" value="<?php echo @trim($this->customerDetails['countrycode']) ? trim($this->customerDetails['countrycode']) : '+91' ?>">
<input type="text" name="custphone" id="custphone" onKeyPress="return isNumber(event);" maxlength="15" value="<?php echo @trim($this->customerDetails['Contacts']) ? trim($this->customerDetails['Contacts']) : '' ?>" class="form-control whbg" style="width: 171px; float: right; border:#ccc 0px solid !important;height: 34px;">
</div>
</div>
</div>
<div class="col-md-4" style="padding-bottom:10px;">
<label>Cc</label>
<input class="form-control whbg" autocomplete="off" placeholder="Cc email id" type="text" name="ccemail" id="ccemail" value="<?php echo $CCMailval; ?>">
</div>
<div class="col-md-12">
<div class="form-group">
<label for="remarks">Remarks</label>
<textarea style="width:100%;" rows="2" cols="10" name="remarks" id="remarks" class="valid"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-primarygray btn-sm" type="button">Cancel</button>
<button class="btn btn-primary btn-sm sentHproposal" type="button" ng-click="SendHotelsProposal();">Send</button>
<button class="btn btn-primary btn-sm shareWithWhatsappPOP" style="display:none; color:#fff; background-color:#25D366; border-color:#25D366;" type="button" onclick="shareWithWhatsappPOP('<?php echo $GetWhatsappUrl; ?>');"><i class="fa fa-whatsapp" aria-hidden="true"></i> Share on whatsapp</button>
</div>
<input type="hidden" id="customerContactPOP" value="">
<input type="hidden" id="getMessageBodyPOP" value="">
</div>
</div>
</div>
</div>
<!-- Main Content Element End-->
</div>
</div>
<?php echo $this->render('copyrightfooter.phtml'); ?>
</section>
<?php echo $this->render('newfooter.phtml'); ?>
<!--<link href='<?php echo $this->baseUrl('public/assets/css/plugins/owl.carousel.css'); ?>' type="text/css" rel="stylesheet">
<link rel="stylesheet" href="<?php echo $this->baseUrl('public/assets/css/plugins/lightGallery.css'); ?>">
<script src="<?php echo $this->baseUrl('public/assets/js/owl.carousel.min.js'); ?>" type="text/javascript"></script>
<script src="<?php echo $this->baseUrl('public/assets/js/owl.carousel.js'); ?>" type="text/javascript"></script>-->
<script>
var SITEURL = "<?php echo $baseUrl; ?>/";
</script>
<script src="<?php echo $baseUrl; ?>/public/js/ng/angular.min.js"></script>
<script src="<?php echo $baseUrl; ?>/public/js/ng/angular-route.min.js"></script>
<script src="<?php echo $baseUrl; ?>/public/js/ng/app.js"></script>
<script type="text/javascript">
function HotelProPosalPriceCal(roomid) {
var value = $('#markup_' + roomid).val();
var discount = $('#discount_' + roomid).val();
var TaxPercentage_ = $('#TaxPercentage_' + roomid).val();
if (value == '') {
value = 0;
} else {
value = parseFloat(value);
}
if (discount == '') {
discount = 0;
} else {
discount = parseFloat(discount);
}
var TaxPercentage = parseFloat(TaxPercentage_);
var HotelRoomPrice = parseFloat($('#HotelRoomPrice_' + roomid).val());
var OnGST = ((value * TaxPercentage) / 100);
var TotalHotelRoomPrice = ((value + OnGST + HotelRoomPrice - discount).toFixed(2));
$('#TotalGST_' + roomid).html(OnGST.toFixed(2));
$('#TotalHotelRoomPrice_' + roomid).html(TotalHotelRoomPrice);
}
$(document).on('keyup', '.uniqueclass', function() {
var roomid = $(this).attr('roomid');
HotelProPosalPriceCal(roomid);
});
$(document).on('change', '.uniqueclass', function() {
var roomid = $(this).attr('roomid');
HotelProPosalPriceCal(roomid);
});
function shareWithWhatsappPOP(url) {
var customerContact = $('#customerContactPOP').val();
var getMessageBody = $('#getMessageBodyPOP').val();
window.open(url + 'send?phone=' + customerContact + '&text=' + getMessageBody, '_blank');
}
function loadHotelResult() {
$.ajax({
url: '/buyhotel/hotel-results/searchID/<?= $this->searchID ?>',
data: {},
type: 'POST',
dataType: 'json',
beforeSend: function() {
$('#progress-bar').show();
setInterval(frame, 50);
// angular.element(document.getElementById('ngHotelList')).scope().loadingHotel = true;
// angular.element(document.getElementById('ngHotelList')).scope().$apply();
},
success: function(response) {
var sessionId = response.sessionId;
$('#session_id').val(sessionId);
$('#progress-bar').hide();
angular.element(document.getElementById('ngHotelList')).scope().ngHotelList();
angular.element(document.getElementById('ngHotelList')).scope().$apply();
}
});
}
var width = 1;
function frame() {
if (width >= 98) {
//clearInterval(id);
} else {
width++;
$('.progress').css({
width: width + '%'
});
$('#percent_complete').html(width + '%');
//$('#percent_complete').html( 'Please wait fetching your results...');
//$('#percent_complete').html( width + '%');
}
}
//loadHotelResult();
// Hotel filters reset...
function resetFilters() {
$("#filterByHotelName").val('');
$("#filterByHotelName").trigger('change');
$('.hotelfiltercheckbox').each(function() {
var isChecked = $(this).is(':checked');
if (isChecked == true) {
$(this).trigger('click');
}
});
angular.element(document.getElementById('ngHotelList')).scope().limitToHotelResults = 20;
angular.element(document.getElementById('ngHotelList')).scope().$apply();
}
// Hotel filters reset Ends...
$(document).ready(function() {
$(window).scroll(function() {
if ($(window).scrollTop() >= ($(document).height() - $(window).height()) * 0.95) {
$("#load_button").click();
}
});
$('.toggle_commision').click(function() {
var lbl_txt = $.trim($(this).html());
if (lbl_txt == "Show Commission") {
$(this).html("Hide Commission");
$(".commissiontxt").show();
} else {
$(this).html("Show Commission");
$(".commissiontxt").hide();
}
//$(".commissiontxt").toggle();
});
$('#price-per-head').click(function() {
$('#price-total').removeClass("shortbyTabActive");
$('#price-per-head').addClass("shortbyTabActive");
$('.price-total').hide();
$(".price-per-head").show();
});
$('#price-total').click(function() {
$('#price-per-head').removeClass("shortbyTabActive");
$('#price-total').addClass("shortbyTabActive");
$(".price-per-head").hide();
$('.price-total').show();
});
});
</script>
<script src="<?php echo $baseUrl; ?>/public/js/ng/hotel_search.js"></script>
<!--Layout Script start -->
<!--Advance Radio and checkbox demo start-->
<link rel="stylesheet" href="<?php echo $this->baseUrl('public/assets/css/plugins/jquery.toolbars.css'); ?>">
<script src="<?php echo $this->baseUrl('public/js/buyhotel/buyhotel.js'); ?>" type="text/javascript"></script>
<script src="<?php echo $this->baseUrl('public/assets/js/jquery.toolbar.min.js'); ?>"></script>
<script src="<?php echo $this->baseUrl('public/assets/js/bootstrap3-typeahead.js'); ?>"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/jquery.validate.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl('public/assets/js/customer.js'); ?>"></script>
<script type="application/x-javascript">
$("#modsrch").click(function() {
$("#modsrchdetail").toggle();
$("#modhoteldetail").toggle();
$("i.fa-plus").toggleClass("fa-angle-up large")
});
</script>
</body>
</html>
<script>
function sticky_relocate() { //alert("HI")
var window_top = $(window).scrollTop();
var div_top = $('#filterByHotelName').offset().top;
if (window_top > div_top) {
$('#sticky').addClass('stick');
$('.commision-link').show();
//$('.toggle_commision_link').html($('.toggle_commision_link1').html());
} else {
$('#sticky').removeClass('stick');
$('.commision-link').hide();
$('.toggle_commision').html($('.toggle_commision_link').html());
}
}
$(document).ready(function() {
$(function() {
$(window).scroll(sticky_relocate);
sticky_relocate();
});
// $(".supplierName").autocomplete({
// source: '/flight/get-supplier-auto-search',
// minLength: 2,
// select: function (event, ui) {
// var SupplierSysId = ui.item.SupplierSysId;
// //$("#hidden_selected_supplier_sys_id").val(SupplierSysId);
// }
// });
});
function toggleRates(type, rowNum) {
if (type == 'custom') {
$(".rateType_" + rowNum).val('custom');
$(".default_rates_" + rowNum).hide();
$(".custom_rates_" + rowNum).show();
$(".mpType").show();
$(".rType").show();
//$(".undo_rates_"+rowNum).show();
} else if (type == 'default') {
$(".rateType_" + rowNum).val('default');
$(".custom_rates_" + rowNum).hide();
$(".default_rates_" + rowNum).show();
//$(".mpType").hide();
//$(".rType").hide();
}
}
function shareWithWhatsappPOP(url) {
var customerContact = $('#customerContactPOP').val();
var getMessageBody = $('#getMessageBodyPOP').val();
window.open(url + 'send?phone=' + customerContact + '&text=' + getMessageBody, '_blank');
}
</script>
<!-- Hotel Info PopUp Starts -->
<div class="modal fade hotel-detail-view" id="myModa1vewDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header no-border-btm" style="position:relative; padding-bottom:0px;">
<ul class="nav nav-tabs icon-tab">
<li id="overviewTab" class="active"><a data-toggle="tab" href="#Overview">Overview</a></li>
<li id="romTab">
<a data-toggle="tab" href="#roomrates" onclick="getHotelRooms();">Room & Rates</a>
<input type="hidden" name="rateTab" id="rateTab" value="0" />
</li>
<li><a data-toggle="tab" href="#amenities">Amenities</a></li>
<li>
<a data-toggle="tab" href="#photo" onclick="getHotelImages();">Photo</a>
<input type="hidden" name="photoTab" id="photoTab" value="0" />
</li>
<li><a data-toggle="tab" href="#map">Map</a></li>
</ul>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position:absolute; right:20px; top:15px;">×</button>
<div class="clear"></div>
</div>
<div class="modal-body" id="api_room_detail_info">
<div class="tab-content">
<div class="tab-pane fade in active no-padding hideClass" id="Overview">
<div class="col-md-8 no-padding">
<div class="alert alert-info">
<h2 style="margin-top:0;"><span id="hotlname"></span> <label class="small" id="hotlrating"></label></h2>
<p class="" id="hotladd"></p>
<!--<div class="tableBox" style="padding-left:0; padding-right:0;"><table cellspacing="0" cellpadding="0" border="0" align="center">
<tbody><tr>
<td width="20%" class="text-left"> </td>
<td width="80%" class="text-left" id="hotlrating"><img alt="Hotel" src="assets/images/hotelRate.png"> <a href="javascript:void(0);" class="small btn btn-success btn-round1" >300 reviews</a></td>
</tr>
</tbody></table>
</div>-->
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="col-md-12 ls-gallery-paddingless-wrap">
<!-- ls Gallery Container Start -->
<div id="grid" class=" m-row shuffle--container shuffle--fluid">
<!-- ls Gallery Item Start -->
</div>
<!-- ls Gallery Container Finish -->
</div>
<div class="col-md-12 no-padding ">
<div class="col-md-12 ">
<p id="overviewul">
</p>
</div>
</div>
</div>
<div class="col-md-4 no-padding ">
<div class="col-md-12 leadeBorder2">
<h3 class="graytxt no-margin" style="margin-top:10px;">
Your selected room rate <br>
<span class="graytxt small">Lock this price now</span>
</h3>
<div class="border-bottom"></div>
<p>
<i class="fa fa-thumbs-o-up"></i>
Best price for your travel dates
</p>
<div class="border-bottom no-padding"></div>
<h1>
<i class="fa fa-check-circle-o"></i>
<i id="rate" class="fa fa-inr"></i> <br>
<span class="graytxt small" style="font-size:12px;"></span>
</h1>
<div class="border-bottom no-padding"></div>
<h3 class="no-margin" style="margin-top:10px;"></h3>
<h6> <i class="fa fa-chevron-circle-right"></i> </h6>
<div class="border-bottom no-padding"></div>
<a id="selectRoombtn" data-toggle="tab" href="#roomrates" class="btn btn-danger btn-danger"><strong>Select Room</strong></a>
<div class="clear"> </div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="tab-pane fade no-padding overflowflight hideClass" id="roomrates">
</div>
<div class="tab-pane fade no-padding hideClass" id="amenities">
<div class="col-md-12" id="amenitiesa">
</div>
</div>
<div class="tab-pane fade no-padding hideClass" id="photo">
<div class="col-md-12 ls-gallery-paddingless-wrap">
<!-- Gallery Start-->
<div class="row">
<div class="col-md-12 ls-gallery-paddingless-wrap">
<!-- ls Gallery Container Start -->
<div id="photogrid" class="m-row shuffle--container shuffle--fluid">
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade no-padding hideClass" id="map">
<div class="findLocation"></div>
<div class="clear"></div>
</div>
<div class="tab-pane fade no-padding hideClass" id="deals">
deals
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- Hotel Info PopUp Ends-->
<div class="modal fade hotel-detail-view" id="myModalhotelView" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" id="hotelmodalres"> </div>
</div>
<!-- Trace Id Expire Modal -->
<div class="modal fade col-md-12" id="session-timeout-content" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<!--button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button-->
<h4 class="modal-title" id="myModalLabel">Session Timed Out</h4>
</div>
<div class="modal-body">
<h3> Sorry, your session has timed out</h3>
we suggest you go back and pick this hotel again<br />
<div style="text-align:right;">
<a style="" href="/buyhotel/hotel-results">
<button class="btn btn-primary btn-round" id="modsrch">
<strong>Search Again</strong>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Trace Id Expire Modal -->
<!--- Email Proposal Modal -->
<form method="post" action="" id="hotelEmailForm">
<div class="modal fade" id="myModa1Email" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Send Email</h4>
</div>
<div class="modal-body">
<div class="col-md-12 no-padding table-responsive">
<div class="col-md-12 no-padding table-responsive sendEmailForm">
<table class="table table-bordered">
<tbody>
<tr class="alert alert-success">
<th><strong>Hotel</strong></th>
<th><strong>Net Fare</strong></th>
<th><strong>Commission</strong></th>
<th><strong>Net Price</strong></th>
<th><strong>Add mark up</strong></th>
<th><strong>Final Price</strong></th>
</tr>
<tr>
<tr>
<td align="center" colspan="6"> No result found</td>
</tr>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-12 no-padding">
<div class="form-group form-group1" style="display:none;">
Card Charges : | <label class="checkbox inlinebl no-margin blue">
<input type="checkbox" name="cardcharges" id="cardcharges" value="1" class="icheck-blue" checked> Add card charge to customer
</label>
</div>
</div>
<div class="col-md-12 no-padding">
<div class="col-md-6">
<div class="form-group active">
<label>Customer Name<span class="red">*</span></label>
<input type="text" name="customername" autocomplete="off" id="customername" value="<?php echo !empty(trim($this->searchParams['customername'])) ? trim($this->searchParams['customername']) : ''; ?>" class="form-control whbg">
</div>
</div>
<div class="col-md-6">
<div class="form-group active">
<label>Email ID<span class="red">*</span></label>
<input type="text" name="emailID" id="emailID" autocomplete="off" value="<?php echo $this->searchParams['emailID'] ? trim($this->searchParams['emailID']) : ''; ?>" class="form-control whbg">
</div>
</div>
</div>
<div class="col-md-12 no-padding">
<div class="col-md-3" style="padding-bottom:10px;">
<div class="form-group active">
<label>Cc</label>
<input class="form-control whbg" autocomplete="off" placeholder="Cc email id" type="text" name="ccemail" id="ccemail" value="<?php echo $CCMailval; ?>">
</div>
</div>
<div class="col-md-3 ">
<div class="form-group active">
<label>Sender Email ID</label>
<select id="senderEmailID" name="senderEmailID" onchange="" placeholder="Select" class="demo-default select-country">
<option value="0">Select</option>
<?php for ($pt = 0; $pt < count($getActiveSenderEmailId); $pt++) { ?>
<option value="<?php echo $getActiveSenderEmailId[$pt]['SenderEmailID'] ?>" <?php
if ($getActiveSenderEmailId[$pt]['SenderSysId'] == $SenderEmailSysId) {
echo 'selected';
}
?>>
<?php echo $getActiveSenderEmailId[$pt]['SenderEmailID'] ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-md-6 no-padding">
<div class="form-group active">
<label>Remarks</label><br />
<textarea style="width:403px;" rows="5" cols="10" name="remarks" id="remarks"></textarea>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="modal-footer">
<!--<button data-dismiss="modal" class="btn btn-info btn-xs" type="submit" data-toggle="modal" data-target="#myModa1Emailsend">Send</button>-->
<input type="hidden" name="is_lead_exist" id="is_lead_exist" value="<?php echo (isset($this->leadDetail['TPSysId']) && !empty($this->leadDetail['TPSysId'])) ? 'YES' : 'NO'; ?>" />
<button data-dismiss="modal" class="btn btn-primarygray btn-sm" type="button">Cancel</button>
<button data-dismiss="modal" data-toggle="modal" data-target="#myModa1Emailpreview" class="btn btn-danger btn-sm" type="button" onclick="hotelPreviewForm();">Preview</button>
<button class="btn btn-primary btn-sm pleaseWait" type="submit">Send</button>
<a class="btn btn-success btn-sm pull-right shareWithWhatsappPOP" style="display:none; color:#fff; background-color:#25D366;" onclick="shareWithWhatsappPOP('<?php echo $GetWhatsappUrl; ?>');"><i class="fa fa-whatsapp" aria-hidden="true"></i> Share on
whatsapp</a>
<input type="hidden" id="customerContactPOP" value="">
<input type="hidden" id="getMessageBodyPOP" value="">
</div>
</div>
</div>
</div>
</form>
<div class="modal fade" id="myModa1Emailpreview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel"> </h4>
</div>
<div class="modal-body no-padding hotelPreviewForm">
<div class="clear"></div>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-primarygray btn-sm" type="button">Cancel</button>
<button data-dismiss="modal" class="btn btn-danger btn-sm" type="button" data-toggle="modal" data-target="#myModa1Email">Edit</button> <button data-dismiss="modal" class="btn btn-warning btn-sm" type="button" data-toggle="modal" data-target="#myModa1Email">Email</button>
</div>
</div>
</div>
</div>
<script>
$('#ccemail').selectize({
delimiter: ',',
persist: false,
create: function(input) {
return {
value: input,
text: input
};
}
});
</script>
<!--- Email Proposal Modal -->