travel-booking.bankfab.com
Open in
urlscan Pro
2606:4700::6810:c142
Public Scan
URL:
https://travel-booking.bankfab.com/
Submission: On August 10 via automatic, source certstream-suspicious — Scanned from DE
Submission: On August 10 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 3 forms found in the DOM
Name: $ctrl.searchState.form —
<form name="$ctrl.searchState.form" ng-class="{ 'submitted' : $ctrl.searchState.form.submitted }" ng-submit="$ctrl.searchHotels()" novalidate="" class="ng-pristine ng-valid">
<div class="search-form-group" id="room-guest-field">
<div class="search-form-input hidden-xs">
<room-guest-field adult-count="$ctrl.searchState.adults" child-count="$ctrl.searchState.children" children-ages="$ctrl.searchState.childrenAges" is-showing-total-guest="true" on-update-adult-count="$ctrl.updateAdultCount(count)"
on-update-child-count="$ctrl.updateChildCount(count)" on-update-children-ages="$ctrl.updateChildrenAges(childrenAges)" on-update-room-count="$ctrl.updateRoomCount(count)" room-count="$ctrl.searchState.rooms">
<div class="room-guest-field" click-outside="$ctrl.closeModal()">
<div class="room-guest-field-input" ng-class="{ 'is-focused': $ctrl.isFocused }" ng-click="$ctrl.toggleModal()" tabindex="0" ng-keyup="$event.keyCode == 13 ? $ctrl.toggleModal() : null"
aria-label="1 Room , 2 Guests per room selected dropdown menu" role="button">
<span ng-transclude="iconContent"><icon-content>
<div class="dropdown-arrow"></div>
</icon-content></span>
<!---->
<!----><span class="field-input" ng-bind-html="$ctrl.summaryText()" ng-if="$ctrl.labelOnlySummaryText()">1 Room <span class="separator"> | </span> 2 Guests per room</span><!---->
</div>
<!---->
</div>
</room-guest-field>
</div>
<div class="search-form-input visible-xs">
<room-guest-field-mobile adult-count="$ctrl.searchState.adults" child-count="$ctrl.searchState.children" children-ages="$ctrl.searchState.childrenAges" is-showing-total-guest="true" on-update-adult-count="$ctrl.updateAdultCount(count)"
on-update-child-count="$ctrl.updateChildCount(count)" on-update-children-ages="$ctrl.updateChildrenAges(childrenAges)" on-update-room-count="$ctrl.updateRoomCount(count)" room-count="$ctrl.searchState.rooms">
<div class="room-guest-field-mobile" click-outside="$ctrl.closeModal()">
<div class="room-guest-field-mobile-input" ng-click="$ctrl.beginSelection()" aria-label="1 Room <span class="separator"> , </span> 2 Guests per room selected dropdown menu" role="button">
<button aria-label="Open guest input" class="open-guest-input" ng-transclude="iconContent" ng-click="$ctrl.beginSelection($event)" type="button"><icon-content>
<div class="dropdown-arrow"></div>
</icon-content></button>
<!---->
<!----><span class="field-input" ng-bind-html="$ctrl.summaryText()" ng-if="$ctrl.labelOnlySummaryText()">1 Room <span class="separator"> | </span> 2 Guests per room</span><!---->
</div>
<!---->
</div>
</room-guest-field-mobile>
</div>
</div>
<div class="search-form-group" id="destination-container">
<div class="search-form-label visible-xs" translate="Destination or Hotel">Destination or Hotel</div>
<div class="search-form-input" id="destination-input">
<hotel-location-search label="'Destination or Hotel'" name="destination" show-error="$ctrl.showHotelSearchError()" value="$ctrl.searchState.destination">
<div class="ui-select-container ui-select-bootstrap dropdown ng-pristine ng-untouched ng-valid ng-empty" ng-class="{'invalid': $ctrl.showError(), open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox"
ng-focus="$select.activate()" close-on-blur="" aria-hide-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" aria-hide-on-empty="" placeholder="Destination or Hotel" aria-label=""
role="text" aria-hidden="true"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span
ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted">Destination or Hotel</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left ng-hide"
ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude=""></span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-11" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Destination or Hotel" ng-model="$select.search" ng-focus="$select.activate()">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" group-by="'type'" repeat="location in $ctrl.locations | orderBy: 'type'"
refresh="$ctrl.fetchHotelsLocations($select.search)" refresh-delay="500">
<!---->
</ul>
<ul class="ui-select-no-choice dropdown-menu" ng-show="$ctrl.hasNoLocation($select.search)" aria-hidden="true">
<li> e.g. city or region </li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-11" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<span class="input-icon" ng-click="$event.preventDefault();"></span>
<div class="dirtyMsg tooltips ng-hide" ng-show="$ctrl.showError()" aria-live="assertive">
<span role="alert">Please fill in a destination</span>
</div>
</hotel-location-search>
</div>
</div>
<div class="search-form-group" id="date-container">
<div class="search-form-label" translate="label.stay_period">Stay period</div>
<div class="search-form-input hidden-xs">
<date-range-single-field end-date="$ctrl.checkOutDate()" locale="$ctrl.selectedLocale()" min-booking-days="$ctrl.minBookingDays()" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" number-of-months="2"
on-update="$ctrl.updateDates(value)" start-date="$ctrl.checkInDate()">
<div class="date-range-single-field" tabindex="-1" click-outside="$ctrl.clickedOutsideDatepicker()">
<div id="aria-message-container" aria-live="assertive" role="alert">
</div>
<div ng-class="{ 'date-range-single-field-input': true, 'is-focused': $ctrl.isFocused }" class="date-range-single-field-input">
<span id="span-datepicker" ng-click="$ctrl.focusInputField()" ng-transclude="iconContent"><icon-content>
<img ng-src="https://cdn-s3.kaligo.com/assets/images/fab/icons/date-icon.svg" src="https://cdn-s3.kaligo.com/assets/images/fab/icons/date-icon.svg">
</icon-content></span>
<input aria-labelledby="span-datepicker" class="field-input" type="text" readonly="" title="Hit Enter or Space to open date picker" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginStartDateSelection()"
ng-click="$ctrl.beginStartDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)" aria-describedby="aria-message-container" value="20 Aug 2024 - 21 Aug 2024">
</div>
<!---->
</div>
</date-range-single-field>
</div>
<div class="search-form-input visible-xs">
<date-range-single-field-mobile end-date="$ctrl.checkOutDate()" locale="$ctrl.selectedLocale()" min-booking-days="$ctrl.minBookingDays()" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" on-update="$ctrl.updateDates(value)"
start-date="$ctrl.checkInDate()">
<div class="date-range-single-field-mobile" ng-class="{'date-range-opened': $ctrl.modalOpen}" click-outside="$ctrl.closeModal()">
<div class="date-range-single-field-mobile-input">
<span ng-click="$ctrl.beginDateSelection()" ng-transclude="iconContent" id="span-datepicker"><icon-content>
<img ng-src="https://cdn-s3.kaligo.com/assets/images/fab/icons/date-icon.svg" src="https://cdn-s3.kaligo.com/assets/images/fab/icons/date-icon.svg">
</icon-content></span>
<input aria-labelledby="span-datepicker" class="field-input" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" value="20 Aug 2024 - 21 Aug 2024">
</div>
<!---->
</div>
</date-range-single-field-mobile>
</div>
</div>
<button class="btn btn-primary" id="search-form-submit">
<div ng-hide="$ctrl.isLoading()">
<span translate="Search">Search</span>
</div>
<div class="spinner ng-hide" ng-show="$ctrl.isLoading()">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</button>
</form>Name: $ctrl.searchState.carsForm —
<form name="$ctrl.searchState.carsForm" ng-class="{ 'submitted' : $ctrl.searchState.carsForm.submitted }" novalidate="" class="ng-pristine ng-valid ng-valid-required">
<div class="search-form-row switchers">
<div class="location-switcher">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="same-as-pickup" ng-model="$ctrl.searchState.sameAsPickup" on-select="$ctrl.updatePickupType($select.selected.value)" search-enabled="false" theme="select2">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" ng-bind="$select.selected.display | translate">Same drop-off</a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-5" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.searchState.pickupChoice">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-5" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-5" aria-label="Select box focus" aria-haspopup="true" role="button">
</div>
</div>
<div class="location-switcher-mobile">
<dropdown-field-popup-mobile current-value="$ctrl.searchState.sameAsPickup" on-update="$ctrl.updatePickupType(value)" options="$ctrl.searchState.pickupChoice">
<div class="selected-value" ng-click="$ctrl.beginSelection()" click-outside="$ctrl.closeModal()" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()" tabindex="0">
<span class="selected-text" ng-bind="$ctrl.selectedValue()">Same drop-off</span>
<span class="dropdown-arrow"></span>
</div>
<!---->
</dropdown-field-popup-mobile>
</div>
</div>
<div class="search-form-row">
<div class="car-locations">
<div class="search-form-group location-group hidden-xs" ng-class="{ 'different-pickup': !$ctrl.searchState.sameAsPickup }">
<!---->
<div class="search-form-label" ng-if="$ctrl.searchState.sameAsPickup" translate="txt.pickup_and_dropoff_location">Pick-up & Drop-off Location</div><!---->
<!---->
<div class="search-form-input">
<div class="search-form-input-field">
<car-location-search label="'Enter city or airport name'" name="pickup" on-update="$ctrl.updatePickupLocation(value)" show-error="$ctrl.showPickupLocationError()" value="$ctrl.searchState.pickupLocation">
<div class="ui-select-container ui-select-bootstrap dropdown ng-pristine ng-untouched ng-valid ng-empty" ng-class="{open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox" ng-focus="$select.activate()"
close-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Enter city or airport name" role="text"><span
tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()"
class="ui-select-placeholder text-muted">Enter city or airport name</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left ng-hide"
ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="">
</span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-6" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" group-by="'type'" repeat="location in $ctrl.locations track by $index"
refresh="$ctrl.fetchCarsLocations($select.search)" refresh-delay="500">
<!---->
</ul>
<ul class="ui-select-no-choice dropdown-menu" ng-show="$ctrl.hasNoLocation($select.search)">
<li> e.g. city or location </li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-6" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide" ng-show="$ctrl.showError()" aria-live="assertive">
<span>Please fill in a destination</span>
</div>
</car-location-search>
<!---->
</div>
</div>
</div>
<!---->
<div class="search-form-group visible-xs">
<!---->
<div class="search-form-label" ng-if="$ctrl.searchState.sameAsPickup" translate="txt.pickup_and_dropoff_location">Pick-up & Drop-off Location</div><!---->
<!---->
<div class="search-form-input">
<div class="search-form-input-field">
<car-location-search label="'Enter city or airport name'" name="pickup" on-update="$ctrl.updatePickupLocation(value)" show-error="$ctrl.showPickupLocationError()" value="$ctrl.searchState.pickupLocation">
<div class="ui-select-container ui-select-bootstrap dropdown ng-pristine ng-untouched ng-valid ng-empty" ng-class="{open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox" ng-focus="$select.activate()"
close-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Enter city or airport name" role="text"><span
tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()"
class="ui-select-placeholder text-muted">Enter city or airport name</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left ng-hide"
ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="">
</span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-7" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" group-by="'type'" repeat="location in $ctrl.locations track by $index"
refresh="$ctrl.fetchCarsLocations($select.search)" refresh-delay="500">
<!---->
</ul>
<ul class="ui-select-no-choice dropdown-menu" ng-show="$ctrl.hasNoLocation($select.search)">
<li> e.g. city or location </li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-7" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide" ng-show="$ctrl.showError()" aria-live="assertive">
<span>Please fill in a destination</span>
</div>
</car-location-search>
<!---->
</div>
</div>
<!---->
</div>
</div>
</div>
<div class="search-form-row">
<date-range-field end-date="$ctrl.dropoffDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" number-of-months="2" on-update="$ctrl.updateDates(value)" start-date="$ctrl.pickupDate()">
<div class="date-range-field">
<div class="transclude-container" ng-transclude="">
<div class="search-form-group pickup-date-time">
<div class="search-form-label" translate="wl.pick_up_date">Pick-Up Date</div>
<div class="search-form-label time" translate="Time">Time</div>
<div class="search-form-input">
<date-field selection-state="'START'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent">
</span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-start" value="20 Aug 2024">
</div>
</date-field>
<div class="ipt-select2 thin">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="pickup-time" ng-model="$ctrl.searchState.pickupTime" search-enabled="false" theme="select2">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox"><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="">10:00 AM</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off"
autocapitalize="off" spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-9" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.searchState.timeList">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-9" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
</ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-9" aria-label="Select box focus" aria-haspopup="true"
role="button">
</div>
</div>
</div>
</div>
<div class="search-form-group">
<div class="search-form-label" translate="wl.drop_off_date">Drop-Off Date</div>
<div class="search-form-label time" translate="Time">Time</div>
<div class="search-form-input">
<date-field selection-state="'END'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent">
</span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-end" value="21 Aug 2024">
</div>
</date-field>
<div class="ipt-select2 thin">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="return-time" ng-model="$ctrl.searchState.returnTime" search-enabled="false" theme="select2">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox"><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="">10:00 AM</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off"
autocapitalize="off" spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-10" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.searchState.timeList">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-10" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
</ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-10" aria-label="Select box focus" aria-haspopup="true"
role="button">
</div>
</div>
</div>
</div>
</div>
<!---->
</div>
</date-range-field>
<div class="search-form-group date-time-fields">
<div class="date-field">
<div class="search-form-label" translate="wl.pick_up_date">Pick-Up Date</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'ll'" date-label-key="'wl.pick_up_date'" date="$ctrl.pickupDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minPickupDate()" on-update-date="$ctrl.updateCheckInDate(date)"
on-update-time="$ctrl.updatePickupTime(time)" time-label-key="'wl.pick_up_time'" time="$ctrl.searchState.pickupTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="20 Aug 2024">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
<div class="time-field">
<div class="search-form-label" translate="Time">Time</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'LT'" date-label-key="'wl.pick_up_date'" date="$ctrl.pickupDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minPickupDate()" on-update-date="$ctrl.updateCheckInDate(date)"
on-update-time="$ctrl.updatePickupTime(time)" show-time-only="true" time-label-key="'wl.pick_up_time'" time="$ctrl.searchState.pickupTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="10:00 AM">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
</div>
<div class="search-form-group date-time-fields">
<div class="date-field">
<div class="search-form-label" translate="wl.drop_off_date">Drop-Off Date</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'ll'" date-label-key="'wl.drop_off_date'" date="$ctrl.dropoffDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minDropoffDate()" on-update-date="$ctrl.updateCheckOutDate(date)"
on-update-time="$ctrl.updateDropoffTime(time)" time-label-key="'wl.drop_off_time'" time="$ctrl.searchState.returnTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="21 Aug 2024">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
<div class="time-field">
<div class="search-form-label" translate="Time">Time</div>
<div class="search-form-input">
<date-time-field-mobile date-format="'LT'" date-label-key="'wl.drop_off_date'" date="$ctrl.dropoffDate()" locale="$ctrl.$rootScope.selectedLocale.code" min-date="$ctrl.minDropoffDate()" on-update-date="$ctrl.updateCheckOutDate(date)"
on-update-time="$ctrl.updateDropoffTime(time)" show-time-only="true" time-label-key="'wl.drop_off_time'" time="$ctrl.searchState.returnTime">
<div class="date-time-field-mobile">
<div class="date-time-field-mobile-input">
<span ng-click="$ctrl.beginSelection()" ng-transclude="iconContent"></span>
<input class="field-input" type="text" readonly="" ng-value="$ctrl.dateTimeSummary()" ng-focus="$ctrl.beginSelection()" value="10:00 AM">
</div>
<!---->
</div>
</date-time-field-mobile>
</div>
</div>
</div>
<div class="search-form-group country-of-residence">
<div class="search-form-label" for="driver-country-residence" translate="Country of residence">Country of residence</div>
<div class="search-form-input">
<div class="search-form-input-field">
<paginated-dropdown element-class="'block-element'" element-id="'driver-country'" items="$ctrl.$rootScope.countriesList" name="'driver-country'" ng-model="$ctrl.searchState.driverCountry"
class="ng-pristine ng-untouched ng-valid ng-not-empty"><!---->
<div class="block-element ui-select-container select2 select2-container"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="driver-country" name="driver-country" ng-change="$ctrl.ngModelChange()" ng-if="!$ctrl.material" ng-model="$ctrl.ngModel" required="required" theme="select2" ui-select-no-animate="" uis-open-close="$ctrl.resetElementCount(isOpen)">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" translate="United Arab Emirates">United Arab Emirates</a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container select2-search" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-12" aria-label="Selected, " tabindex="0"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="item in $ctrl.items | filter: { text: $select.search} | limitTo: $ctrl.currentElement"
select-scroll-detector="$ctrl.loadMore()">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-12" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
</ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-12" aria-label="Select box focus" aria-haspopup="true"
role="button" tabindex="-1">
</div><!---->
<!---->
</paginated-dropdown>
</div>
</div>
</div>
<div class="search-form-group cars-age">
<div class="search-form-label" translate="Age">Age</div>
<div class="search-form-input">
<div class="ipt-select2 thin">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
ng-model="$ctrl.searchState.age" search-enabled="false" theme="select2">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox"><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="">30</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-8" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="item in $ctrl.$rootScope.carAgeList">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-8" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
</ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-8" aria-label="Select box focus" aria-haspopup="true"
role="button">
</div>
</div>
</div>
</div>
<button class="btn btn-primary" id="search-form-submit" ng-click="$ctrl.searchCars()" type="button">
<div ng-hide="$ctrl.isLoading()">
<span translate="Search">Search</span>
</div>
<div class="spinner ng-hide" ng-show="$ctrl.isLoading()">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</button>
</div>
</form>Name: flightsSearch —
<form id="main-search" name="flightsSearch" novalidate="" class="ng-pristine ng-valid ng-valid-required">
<div class="dropdown-container">
<div class="flight-way-container">
<div class="flight-type-desktop">
<input-select class="ipt-select2 thin" on-update="$ctrl.updateFlightType(value)" options="$ctrl.flightTypeOptions" selected-value="$ctrl.formState.flightType" value-formatter="$ctrl.flightTypeOptionsDisplay">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
ng-change="$ctrl.onValueChange()" ng-model="$ctrl.currentValue" required="required" theme="select2" search-enabled="false" name="" search-aria-label="Return" choices-aria-label="" choices-group-aria-label=""><a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" placeholder=""><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="">
<div class="selected-value flights.type.return" ng-class="$ctrl.inputClass($select.selected)" ng-bind="$ctrl.displayOption($select.selected)" aria-label=" Return">Return</div>
</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-0" aria-label="Selected, Return" tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" refresh="$ctrl.refresh($select.search)" refresh-delay="$ctrl.refreshDelay" repeat="item in ($ctrl.options | filter: $select.search)">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-0" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-0" aria-label="Select box focus" aria-haspopup="true"
role="button" tabindex="-1">
</div>
</input-select>
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
id="flight-type-choice" ng-model="$ctrl.formState.flightType" search-enabled="false" theme="select2">
<a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" translate=""></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-1" aria-label="Selected, " tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" repeat="option.value as option in $ctrl.flightTypeOptions">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-1" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-1" aria-label="Select box focus" aria-haspopup="true" role="button">
</div>
</div>
<div class="flight-type-mobile">
<dropdown-field-popup-mobile current-value="$ctrl.formState.flightType" on-update="$ctrl.updateFlightType(value)" options="$ctrl.flightTypeOptions" value-formatter="$ctrl.flightTypeOptionsDisplay">
<div class="selected-value" ng-click="$ctrl.beginSelection()" click-outside="$ctrl.closeModal()" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()" tabindex="0">
<span class="selected-text" ng-bind="$ctrl.selectedValue()">Return</span>
<span class="dropdown-arrow"></span>
</div>
<!---->
</dropdown-field-popup-mobile>
</div>
</div>
<div class="traveller-container">
<flights-passengers-dropdown-component adult-count="$ctrl.formState.adultCount" child-count="$ctrl.formState.childCount" infant-count="$ctrl.formState.infantCount" on-update-adult-count="$ctrl.updateAdultCount(value)"
on-update-child-count="$ctrl.updateChildCount(value)" on-update-infant-count="$ctrl.updateInfantCount(value)">
<div class="flights-passengers-dropdown-component hidden-xs">
<div class="ipt-select2 thin" ng-click="$ctrl.toggleDropdown()" tabindex="0">
<div class="select2 select2-container">
<a class="select2-choice">
<span class="select2-chosen" ng-bind="$ctrl.travellerCaption()">1 Traveller</span>
<span class="select2-arrow ui-select-toggle">
<b></b>
</span>
</a>
</div>
</div>
<!---->
</div>
<passengers-field-mobile adult-count="$ctrl.adultCount" child-count="$ctrl.childCount" infant-count="$ctrl.infantCount" on-update-adult-count="$ctrl.updateAdultCount(count)" on-update-child-count="$ctrl.updateChildCount(count)"
on-update-infant-count="$ctrl.updateInfantCount(count)">
<div class="passengers-field-mobile" click-outside="$ctrl.closeModal()">
<div class="passengers-field-mobile-input selected-value" ng-click="$ctrl.beginSelection()" tabindex="0" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()">
<div class="selected-text"> 1 Traveller </div>
<div class="dropdown-arrow"></div>
</div>
<!---->
</div>
</passengers-field-mobile>
</flights-passengers-dropdown-component>
</div>
<div class="cabin-container">
<div class="cabin-field-desktop">
<input-select class="ipt-select2 thin" on-update="$ctrl.updateCabin(value)" options="$ctrl.cabinOptions" selected-value="$ctrl.formState.cabin" value-formatter="$ctrl.cabinOptionsDisplay">
<div class="ui-select-container select2 select2-container ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required"
ng-class="{'select2-container-active select2-dropdown-open open': $select.open, 'select2-container-disabled': $select.disabled, 'select2-container-active': $select.focus, 'select2-allowclear': $select.allowClear && !$select.isEmpty()}"
ng-change="$ctrl.onValueChange()" ng-model="$ctrl.currentValue" required="required" theme="select2" search-enabled="false" name="" search-aria-label="Economy" choices-aria-label="" choices-group-aria-label=""><a class="select2-choice ui-select-match" ng-class="{'select2-default': $select.isEmpty()}" ng-click="$select.toggle($event)" role="button" href="#" aria-expanded="false" aria-haspopup="listbox" placeholder=""><span ng-show="$select.isEmpty()" class="select2-chosen ng-hide"></span> <span ng-hide="$select.isEmpty()" class="select2-chosen" ng-transclude="">
<div class="selected-value flight_cabin.Y" ng-class="$ctrl.inputClass($select.selected)" ng-bind="$ctrl.displayOption($select.selected)" aria-label=" Economy">Economy</div>
</span> <!----> <span class="select2-arrow ui-select-toggle"><b></b></span></a>
<div class="ui-select-dropdown select2-drop select2-with-searchbox select2-drop-active select2-display-none" ng-class="{'select2-display-none': !$select.open}">
<div class="search-container ui-select-search-hidden" ng-class="{'ui-select-search-hidden':!$select.searchEnabled, 'select2-search':$select.searchEnabled}"><input type="search" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false" ng-class="{'select2-active': $select.refreshing}" role="combobox" aria-expanded="true" aria-owns="ui-select-choices-2" aria-label="Selected, Economy" tabindex="-1"
class="ui-select-search select2-input ng-pristine ng-untouched ng-valid ng-empty" ng-model="$select.search"></div>
<ul tabindex="-1" class="ui-select-choices ui-select-choices-content select2-results" aria-label="" refresh="$ctrl.refresh($select.search)" refresh-delay="$ctrl.refreshDelay" repeat="item in ($ctrl.options | filter: $select.search)">
<li class="ui-select-choices-group" ng-class="{'select2-result-with-children': $select.choiceGrouped($group) }">
<div ng-show="$select.choiceGrouped($group)" class="ui-select-choices-group-label select2-result-label ng-hide" ng-bind="$group.name"></div>
<ul role="listbox" id="ui-select-choices-2" ng-class="{'select2-result-sub': $select.choiceGrouped($group), 'select2-result-single': !$select.choiceGrouped($group) }" aria-label="" class="select2-result-single">
<!----><!----><!----><!----><!----><!----><!----><!----><!----></ul>
</li>
</ul>
<div class="ui-select-no-choice"></div>
</div><ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-2" aria-label="Select box focus" aria-haspopup="true"
role="button" tabindex="-1">
</div>
</input-select>
</div>
<div class="cabin-field-mobile">
<dropdown-field-popup-mobile current-value="$ctrl.formState.cabin" on-update="$ctrl.updateCabin(value)" options="$ctrl.cabinOptions" value-formatter="$ctrl.cabinOptionsDisplay">
<div class="selected-value" ng-click="$ctrl.beginSelection()" click-outside="$ctrl.closeModal()" ng-keypress="$event.key == 'Enter' && $ctrl.beginSelection()" tabindex="0">
<span class="selected-text" ng-bind="$ctrl.selectedValue()">Economy</span>
<span class="dropdown-arrow"></span>
</div>
<!---->
</dropdown-field-popup-mobile>
</div>
</div>
</div>
<div id="origin-container">
<label class="search-form-label" translate="txt.from">From</label>
<flight-location-search dataset-name="'flightOrigin'" error-message="$ctrl.errorMessage('origin')" label="'Enter city or airport name'" on-update="$ctrl.updateOrigin(value)" show-error="$ctrl.showError('origin')"
value="$ctrl.formState.fromAirport">
<div class="ui-select-container ui-select-bootstrap dropdown ng-pristine ng-untouched ng-valid ng-not-empty" ng-class="{'invalid': $ctrl.showError(), open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox"
ng-focus="$select.activate()" close-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" aria-hide-on-empty="" placeholder="Enter city or airport name"
aria-label="Abu Dhabi - Abu Dhabi International Airport (AUH)" role="text" aria-hidden="true"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled"
ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-hide">Enter city or airport name</span> <span ng-hide="$select.isEmpty()"
class="ui-select-match-text pull-left" ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude="">Abu Dhabi - Abu Dhabi International Airport (AUH)</span>
<i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-3" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" repeat="airport in $ctrl.airports track by $index"
refresh="$ctrl.fetchAirports($select.search)" refresh-delay="1">
<li class="ui-select-choices-group" id="ui-select-choices-3" role="listbox">
<!---->
<!---->
<!---->
</li>
</ul>
<ul class="ui-select-no-choice dropdown-menu ng-hide" ng-show="$ctrl.noAirportsFound($select.search)" aria-hidden="true">
<li>
</li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-3" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide flightOrigin" ng-class="$ctrl.datasetName" ng-show="$ctrl.errorMessage !== ''" aria-live="assertive">
<span></span>
</div>
</flight-location-search>
</div>
<div id="destination-container">
<label class="search-form-label" translate="txt.to">to</label>
<flight-location-search dataset-name="'flightDestination'" error-message="$ctrl.errorMessage('destination')" label="'Enter city or airport name'" on-update="$ctrl.updateDestination(value)" show-error="$ctrl.showError('destination')"
value="$ctrl.formState.toAirport">
<div class="ui-select-container ui-select-bootstrap dropdown ng-pristine ng-untouched ng-valid ng-empty" ng-class="{'invalid': $ctrl.showError(), open: $select.open}" role="combobox" aria-expanded="false" aria-haspopup="listbox"
ng-focus="$select.activate()" close-on-blur="" ng-model="$ctrl.internalValue" theme="bootstrap" on-select="$ctrl.onSelectCallback($item, $model)">
<div class="ui-select-match" ng-hide="$select.open && $select.searchEnabled" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" aria-hide-on-empty="" placeholder="Enter city or airport name" aria-label=""
role="text" aria-hidden="true"><span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span
ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted">Enter city or airport name</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left ng-hide"
ng-class="{'ui-select-allow-clear': $select.allowClear && !$select.isEmpty()}" ng-transclude=""></span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
<a ng-show="$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
</div>
<input type="search" autocomplete="off" aria-label="Search for" aria-owns="ui-select-choices-4" class="form-control ui-select-search ui-select-destination-search ng-pristine ng-untouched ng-valid ng-empty ui-select-invisible"
ng-class="{ 'ui-select-search-hidden' : !$select.searchEnabled, 'ui-select-invisible': !$select.open }" placeholder="Enter city or airport name" ng-model="$select.search" ng-focus="$select.activate()">
<span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing glyphicon glyphicon-refresh ui-select-spin ng-hide"></span>
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-hide" ng-show="$select.open && $select.items.length > 0" repeat="airport in $ctrl.airports track by $index"
refresh="$ctrl.fetchAirports($select.search)" refresh-delay="1">
<li class="ui-select-choices-group" id="ui-select-choices-4" role="listbox">
<!---->
<!---->
<!---->
</li>
</ul>
<ul class="ui-select-no-choice dropdown-menu ng-hide" ng-show="$ctrl.noAirportsFound($select.search)" aria-hidden="true">
<li>
</li>
</ul>
<ui-select-single></ui-select-single><input aria-hidden="true" ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen" type="text" id="focusser-4" aria-label="Select box focus" aria-haspopup="true" role="button"
tabindex="0">
</div>
<div class="dirtyMsg tooltips ng-hide flightDestination" ng-class="$ctrl.datasetName" ng-show="$ctrl.errorMessage !== ''" aria-live="assertive">
<span></span>
</div>
</flight-location-search>
</div>
<div class="date-range-container hidden-xs search-form-group">
<date-range-field end-date="$ctrl.formState.returnDate" locale="$ctrl.$rootScope.selectedLocale.code" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" number-of-months="2" on-update="$ctrl.updateDates(value)"
start-date="$ctrl.formState.departureDate">
<div class="date-range-field">
<div class="transclude-container" ng-transclude="">
<div class="depart-container" ng-class="{ ow: !$ctrl.isReturnFlight() }">
<label class="search-form-label" translate="Depart">Depart</label>
<date-field selection-state="'START'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent"><icon-content>
<div class="fa fa-calendar"></div>
</icon-content></span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-start" value="20 Aug 2024">
</div>
</date-field>
</div>
<!---->
<div class="return-container" ng-if="$ctrl.isReturnFlight()">
<label class="search-form-label" translate="Return">Return</label>
<date-field selection-state="'END'">
<div ng-class="{ 'date-field': true, 'is-focused': $ctrl.isFocused }" class="date-field">
<span ng-click="$ctrl.focusInput()" ng-transclude="iconContent"><icon-content>
<div class="fa fa-calendar"></div>
</icon-content></span>
<input ng-class="$ctrl.inputClass()" type="text" readonly="" ng-value="$ctrl.formattedDate()" ng-focus="$ctrl.beginDateSelection()" ng-blur="$ctrl.cancelSelection()" ng-keydown="$ctrl.keypressEvent($event)"
class="date-range-field-end" value="25 Aug 2024">
</div>
</date-field>
</div><!---->
</div>
<!---->
</div>
</date-range-field>
</div>
<div class="date-range-container visible-xs">
<div class="depart-container" ng-class="{ ow: !$ctrl.isReturnFlight() }">
<label class="search-form-label" translate="Depart">Depart</label>
<icon-content>
<div class="fa fa-calendar"></div>
</icon-content>
</div>
<!---->
<div class="return-container" ng-if="$ctrl.isReturnFlight()">
<label class="search-form-label" translate="Return">Return</label>
<icon-content>
<div class="fa fa-calendar"></div>
</icon-content>
</div><!---->
</div>
<div class="date-range-container visible-xs search-form-group">
<date-range-field-mobile end-date="$ctrl.formState.returnDate" end-label="'Return'" locale="$ctrl.$rootScope.selectedLocale.code" min-days-to-book-in-advance="$ctrl.minDaysToBookInAdvance()" ng-class="{ ow: !$ctrl.isReturnFlight() }"
no-end-date="!$ctrl.isReturnFlight()" on-update="$ctrl.updateDates(value)" start-date="$ctrl.formState.departureDate" start-label="'Depart'">
<div class="date-range-field-mobile" click-outside="$ctrl.closeModal()">
<!---->
<div class="date-range-field-mobile-input" ng-if="!$ctrl.noEndDate">
<input class="field-input" id="start" type="text" readonly="" ng-value="$ctrl.formattedStartDate()" ng-click="$ctrl.beginDateSelection('start')" value="20 Aug 2024">
<span ng-transclude="iconContent"></span>
<input class="field-input" id="end" type="text" readonly="" ng-value="$ctrl.formattedEndDate()" ng-click="$ctrl.beginDateSelection('end')" value="25 Aug 2024">
</div><!---->
<!---->
<!---->
</div>
</date-range-field-mobile>
</div>
<button class="btn btn-primary" id="search-form-submit" ng-click="$ctrl.searchFlights()" type="button">
<span translate="Search">Search</span>
</button>
</form>Text Content
Apply Now
Login
Home
Hotels
Flights
Cars
Complimentary Night
Apply Now
Login
Back to bankfab.com
Travel Benefits Travel with Miles Redeem miles Miles Transfer
العربية
FAQs
BOOK HOTELS AROUND THE GLOBE
Find the perfect place for your next stay from over
900,000 hotels all over the world.
Hotels
Flights
Cars
1 Room | 2 Guests per room
1 Room | 2 Guests per room
Destination or Hotel
Destination or Hotel
* e.g. city or region
Please fill in a destination
Stay period
Search
Same drop-off
*
Same drop-off
Pick-up & Drop-off Location
Enter city or airport name
* e.g. city or location
Please fill in a destination
Pick-up & Drop-off Location
Enter city or airport name
* e.g. city or location
Please fill in a destination
Pick-Up Date
Time
10:00 AM
*
Drop-Off Date
Time
10:00 AM
*
Pick-Up Date
Time
Drop-Off Date
Time
Country of residence
United Arab Emirates
*
Age
30
*
Search
Return
*
*
Return
1 Traveller
1 Traveller
Economy
*
Economy
From
Enter city or airport name Abu Dhabi - Abu Dhabi International Airport (AUH)
*
*
to
Enter city or airport name
*
*
Depart
Return
Depart
Return
Search
Search Hotels Choose from over 900,000 hotels and resorts worldwide.
Redeem FAB Miles Use Miles, or combine with cash for your hotel bookings.
Enjoy your trip Your hotel booking is confirmed instantly.
--------------------------------------------------------------------------------
SEARCH HOTELS FROM THESE POPULAR OVERSEAS DESTINATIONS
LONDON, UK
Redeem a stay starting from:
5,300 Miles/night
NEW YORK CITY, USA
Redeem a stay starting from:
8,100 Miles/night
MAHE, SEYCHELLES
Redeem a stay starting from:
10,200 Miles/night
العربية
✕
* Home
* Travel Benefits
* Exclusive Partner Benefits
* Travel Card Benefits
* Travel with Miles
* Hotels
* Flights
* Cars
* Complimentary Night
* Redeem miles
* Travel with Miles
* Gift Cards
* Miles Transfer
* Miles Transfer
* Cash Back
* FAQs
* Back to bankfab.com
FAQs Terms of Use Privacy Policy
Powered by
The room you selected has already been booked. Please choose a different room
type, or check again a bit later.
Back to Room Selection
It seems JavaScript is either disabled or not supported by your browser
For a better experience on Kaligo, enable JavaScript in your browser, then try
again.
ok