sky.canadianaffair.com
Open in
urlscan Pro
193.201.125.211
Public Scan
URL:
https://sky.canadianaffair.com/
Submission: On June 10 via api from US — Scanned from GB
Submission: On June 10 via api from US — Scanned from GB
Form analysis 6 forms found in the DOM
Name: flight-search-form — POST
<form autocomplete="off" id="flight-search-form" name="flight-search-form" method="post" ng-controller="flightSearchCtrl" ng-submit="flightSearchFormSubmit('/FlightOnly/Search')" class="ng-scope ng-pristine ng-valid">
<input type="hidden" name="Vendor" value="RADX" class="pcdone">
<input type="hidden" name="CoreSearchCriteria.PromCSV" value="CAF" class="pcdone">
<input type="hidden" name="FlightOnlySearchCriteria.Route_List[0].DepAirCd" id="OutDepAir" ng-value="flightSearch.outboundFrom.Cd" class="pcdone">
<input type="hidden" name="FlightOnlySearchCriteria.Route_List[0].ArrAirCd" id="OutArrAir" ng-value="flightSearch.outboundTo.Cd" class="pcdone">
<input type="hidden" name="FlightOnlySearchCriteria.Route_List[1].DepAirCd" id="RetDepAir" ng-value="flightSearch.returnFrom.Cd" class="pcdone">
<input type="hidden" name="FlightOnlySearchCriteria.Route_List[1].ArrAirCd" id="RetArrAir" ng-value="flightSearch.returnTo.Cd" class="pcdone">
<input type="hidden" name="CoreSearchCriteria.St_Dt" id="OBDate" ng-value="outDate.AniteDateFormat()" class="pcdone" value="2024-06-24">
<input type="hidden" name="CoreSearchCriteria.End_Dt" id="IBDate" ng-value="isReturn?rtnDate.AniteDateFormat():outDate.AniteDateFormat()" class="pcdone" value="2024-07-01">
<input type="hidden" name="FlightOnlySearchCriteria.IsReturn" ng-value="isReturn" value="true" class="pcdone">
<input type="hidden" name="CoreSearchCriteria.Adu" ng-value="adults + youths" value="2" class="pcdone">
<input type="hidden" name="CoreSearchCriteria.Chi" ng-value="children" value="0" class="pcdone">
<!-- ngRepeat: i in getNumber(children) track by $index -->
<input type="hidden" name="CoreSearchCriteria.Inf" ng-value="infants" value="0" class="pcdone">
<!-- ngRepeat: i in getNumber(infants) track by $index -->
<div class="flights-close-container">
<div class="column small-24"><a class="search-close" style="display: none;"><span class="hide-for-medium">close</span><span class="show-for-medium"> </span></a></div>
<div class="column small-24"><a class="search-close" style="display: none;"><span class="show-for-large-up"> </span></a></div>
</div>
<div class="row inner-row search-form-row">
<!-------------- OUTWARD JOURNEY --------------->
<!-- DEPARTURE AIRPORT COMBOBOX -->
<div class="column small-24 medium-5 large-3 no-padding-small">
<label for="flyingFrom" class="inline show-for-medium-up text-left">Flying from? </label>
<label for="flyingFrom" class="inline show-for-small-down text-left">Flying from? </label>
</div>
<div class="column small-24 medium-7 large-4 dropdown-contain">
<select id="flyingFrom" name="flyingFrom" class="activate-fc ng-pristine ng-valid" data-ng-options="airport.Name for airport in getOutDepOptions()" data-ng-model="flightSearch.outboundFrom" data-ng-change="onOutDepChange()"
data-validation-require="">
<option value="" class="">Please choose</option>
<option value="0">Calgary</option>
<option value="1">Dublin</option>
<option value="2">Edmonton</option>
<option value="3">Glasgow</option>
<option value="4">Halifax</option>
<option value="5">London Gatwick</option>
<option value="6">Manchester</option>
<option value="7">Montreal-Trudeau</option>
<option value="8">Ottawa</option>
<option value="9">Quebec</option>
<option value="10">Toronto</option>
<option value="11">Vancouver</option>
</select>
</div>
<!-- END DEPARTURE AIRPORT COMBOBOX -->
<!-- ARRIVAL AIRPORT COMBOBOX -->
<div class="column small-24 medium-3 large-2 no-padding-small">
<label for="flyingTo" class="inline show-for-large-up text-right form-label-middle">Flying to? </label>
<label for="flyingTo" class="inline show-for-medium-only text-center">to </label>
<label for="flyingTo" class="inline show-for-small-down text-left">Flying to? </label>
</div>
<div class="column small-24 medium-7 large-6 dropdown-contain">
<select id="flyingTo" name="flyingTo" class="activate-fc ng-pristine ng-valid" data-ng-model="flightSearch.outboundTo" data-ng-options="airport.Name for airport in getOutArrOptions()" data-ng-change="onOutArrChange()"
data-validation-require="">
<option value="" class="">Please choose</option>
</select>
</div>
<div class="columns small-24 medium-push-5 large-push-0 large-8 remove-padding-left">
<div class="row">
<div class="column small-24 large-24 return-option">
<input name="return-flight" id="return-flight-true" ng-value="true" type="radio" style="margin: 0;" data-ng-model="isReturn" class="activate-fc ng-pristine ng-valid pcdone" value="true"> <label for="return-flight-true" class="">Return
</label> <input name="return-flight" id="return-flight-false" style="margin: 0;" ng-value="false" type="radio" data-ng-model="isReturn" class="activate-fc ng-pristine ng-valid pcdone" value="false"> <label
for="return-flight-false" class="">One Way </label>
</div>
</div>
</div>
</div>
<div class="search-form-extended-row extra-fc" style="display: none;">
<div class="row inner-row search-form-row" style="padding: 0px !important; margin: 0px 0px 0px 0px !important;">
<div class="column small-9 medium-5 large-3">
<label for="outDate" class="inline show-for-medium-up text-left">Departing </label>
<label for="outDate" class="inline show-for-small-down text-celeftnter text-left">Departing </label>
</div>
<div class="column small-15 medium-7 large-4 dropdown-contain">
<input id="datepicker-flight-dep" name="outDate" style="margin:0px;" ng-model="outDate" datepicker="" data-datepicker-type="'from'" data-other-model="rtnDate" class="ng-isolate-scope ng-pristine ng-valid hasDatepicker pcdone">
</div>
<div class="column small-9 medium-3 large-2" ng-show="isReturn">
<label for="rtnDate" class="inline show-for-large-up text-right form-label-middle">Returning </label>
<label for="rtnDate" class="inline show-for-medium-only text-right">Return </label>
<label for="rtnDate" class="inline show-for-small-down text-left">Returning </label>
</div>
<div class="column small-15 medium-7 large-6 dropdown-contain" ng-disabled="isReturn == false" ng-show="isReturn">
<input id="datepicker-flight-ret" name="rtnDate" style="margin:0px;" ng-model="rtnDate" datepicker="" data-datepicker-type="'to'" data-other-model="outDate" class="ng-isolate-scope ng-pristine ng-valid hasDatepicker pcdone">
</div>
<div class="columns small-23 medium-push-4 large-push-0 large-8" style="padding-top: 5px; padding-left: 0;">
<br class="show-for-medium">
<input type="checkbox" name="returnDiff" id="returnDiff" ng-model="returnDiff" ng-disabled="isReturn == false" ng-show="isReturn" ng-click="resetReturnFlights()" ng-value="" class="ng-pristine ng-valid pcdone">
<label for="returnDiff" ng-show="isReturn" class="">Return from different airport?</label>
</div>
</div>
<!-- END ARRIVAL AIRPORT COMBOBOX -->
<div ng-show="returnDiff" class="row inner-row search-form-row search-form-row-return return-control-container extra-fc ng-hide" style="padding: 0px !important; margin: 10px 0px !important; display: none;">
<!-------------- RETURN JOURNEY --------------->
<!-- DEPARTURE AIRPORT COMBOBOX -->
<div ng-show="isReturn" class="">
<div class="column small-24 medium-5 large-3 no-padding-small">
<label for="returnFrom" class="inline show-for-medium-up text-left">Return from</label>
<label for="returnFrom" class="inline show-for-small-down text-left">Return from</label>
</div>
<div class="column small-24 medium-7 large-4 dropdown-contain">
<!-- ngIf: returnDiff -->
</div>
<!-- END DEPARTURE AIRPORT COMBOBOX -->
<!-- ARRIVAL AIRPORT COMBOBOX -->
<div class="column small-24 medium-3 large-3 no-padding-small">
<label for="returnTo" class="inline show-for-large-up text-right">Return to</label>
<label for="returnTo" class="inline show-for-medium-only text-center">to</label>
<label for="returnTo" class="inline show-for-small-down text-left">Return to</label>
</div>
<div class="column small-24 medium-7 large-4 dropdown-contain">
<!-- ngIf: returnDiff -->
</div>
<!-- END ARRIVAL AIRPORT COMBOBOX -->
<div class="column show-for-large-up medium-6">
</div>
</div>
<div class="column show-for-large-only medium-24 text-right">
</div>
</div>
<div class="row inner-row passenger-options">
<div class="small-3 hide-for-medium-down large-3 columns"> </div>
<div class="column small-12 medium-4 large-3 passenger-age-container" style="">
<div class="row">
<div class="columns small-12 medium-24 large-24 medium-text-right large-text-left small-text-left passenger-container-mobile">
<label class="">Adults</label>
<p class="small-text">(age 16+)</p>
</div>
<div class="columns small-8 medium-10 large-24 small-text-left">
<div class="dropdown-contain">
<select name="adults" data-ng-model="adults" data-ng-options="option as option for option in adultOptions" class="ng-pristine ng-valid">
<option value="0">0</option>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</div>
</div>
</div>
</div>
<div class="column small-12 medium-4 large-3 passenger-age-container">
<div class="row">
<div class="columns small-12 medium-24 large-24 medium-text-right large-text-left small-text-left passenger-container-mobile">
<label class="">Youths </label>
<p class="small-text">(age 12 - 15)</p>
</div>
<div class="columns small-8 medium-10 large-24 small-text-left">
<div class="dropdown-contain">
<select name="youths" data-ng-model="youths" data-ng-options="option as option for option in youthOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</div>
</div>
</div>
</div>
<div class="column small-12 medium-4 large-3 passenger-age-container">
<div class="row">
<div class="columns small-12 medium-24 large-24 medium-text-right large-text-left small-text-left passenger-container-mobile">
<label class="">Children</label>
<p class="small-text">(age 2-11)</p>
</div>
<div class="columns small-8 medium-10 large-24 small-text-left">
<div class="dropdown-contain">
<select name="children" data-ng-change="childAgeInputs(children)" data-ng-model="children" data-ng-options="option as option for option in childOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</div>
</div>
</div>
</div>
<div class="column small-12 medium-4 large-3 passenger-age-container">
<div class="row">
<div class="columns small-12 medium-24 large-24 medium-text-right large-text-left small-text-left passenger-container-mobile">
<label class="">Infants</label>
<p class="small-text">(age 0-1)</p>
</div>
<div class="columns small-8 medium-10 large-24 small-text-left">
<div class="dropdown-contain">
<select name="infants" data-ng-model="infants" data-ng-options="option as option for option in infantOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
</div>
</div>
</div>
<div class="clear-all"></div>
<!--This is what i want to add to a new row under the content above-->
<div class="row">
<div class="show-for-large-up column small-6 medium-3 large-3"> </div>
<div class="columns small-18 end">
<div class="row">
<div class="clear-all">
<!-- ngRepeat: i in getNumber(children) track by $index -->
</div>
<div class="show-for-medium-only clear-all"><br></div>
</div>
</div>
</div>
<!--end new row-->
</div>
</div>
<div class="row inner-row summary-row with-summary">
<div class="column small-24 medium-18 medium-push-0 large-18 large-push-0 flight-prefs summary-fc summary_fc_active" style="display: block;">
<p id="flight-search-info" class="point-hover ">
<span style="display:inline !important" class="show-for-medium-up ng-binding"> Flying out on Jun 24, 2024 <span>
<span ng-show="isReturn" class="ng-binding">| Returning on Jul 1, 2024 </span>
</span> | 2 Adults | 0 Child | 0 Infant </span>
<!--<img src="/images/red-arrow-down-sm.png" class="point-hover extend-flight-search" />-->
</p>
<div style="clear:both"></div>
</div>
<div class="column small-24 medium-6 text-right">
</div>
</div>
<button class="search-panel-button flight-search-panel-button">
<div class="innerbtn"><img class="searchbtn" src="/images/search-btn.png"><img class="searchbtnhover" src="/images/search-btn-hover.png"></div>
</button>
</form>Name: holiday-search-form —
<form name="holiday-search-form" class="ng-scope ng-pristine ng-valid" ng-controller="holidaySearchCtrl" id="holiday-search-form">
<div class="flights-close-container">
<div class="column small-24"><!-- ngIf: holidayForm.selectedCategory.tripOptions --></div>
</div>
<div class="inner-row search-form-row small-24 large-20 column">
<div class="category-options medium-5 large-7 column">
<label class="show-for-medium-down text-left inline">Choose Holiday</label>
<label class="show-for-large-up text-left inline">What do you want to do?</label>
<div class="dropdown-contain column large-24">
<select name="holidayCategory" class="activate-fc ng-pristine ng-valid" ng-model="holidayForm.selectedCategory" data-ng-change="updateCategoryOption()" ng-options="category as category.name for category in categories track by category.id"
ng-init="categories[2]">
<option style="display:none" value="" class="">Please choose</option>
<option value="CB" selected="selected">City Breaks</option>
<option value="MT">Motorhome Hire</option>
<option value="ALL">All Holidays</option>
</select>
</div>
</div>
<div class="middle-section medium-19 large-17 column">
<!-- ngIf: holidayForm.selectedCategory.panelVariant=='3' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant=='1' -->
<div class="medium-7 large-10 column ng-scope" ng-if="holidayForm.selectedCategory.panelVariant=='1'">
<label class="show-for-medium-down text-left mt-2">Where?</label>
<label class="show-for-large-up text-left inline">Where do you want to go?</label>
<div class="dropdown-contain column large-24">
<select name="typeOption" class="activate-fc ng-pristine ng-valid" data-ng-model="holidayForm.destination" data-ng-options="index as option for (index, option) in options[holidayForm.selectedCategory.id].locations"
data-validation-require="">
<option value="" selected="" class="">Please select</option>
<option value="CAL">Calgary</option>
<option value="MRE">Montreal</option>
<option value="TOR">Toronto</option>
<option value="VAN">Vancouver</option>
</select>
</div>
</div><!-- end ngIf: holidayForm.selectedCategory.panelVariant=='1' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant=='1' || holidayForm.selectedCategory.panelVariant=='2' -->
<div class="dateSelect medium-5 large-7 column ng-scope" ng-class="" ng-if="holidayForm.selectedCategory.panelVariant=='1' || holidayForm.selectedCategory.panelVariant=='2'">
<label class="show-for-small-down text-left mt-2">When?</label>
<label class="show-for-medium-up text-left inline">When?</label>
<div class="dropdown-contain column large-24">
<!-- ngIf: holidayForm.selectedCategory.panelVariant=='1' --><select name="holMonth1" ng-model="holidayForm.holidayMonth" data-validation-require="" ng-if="holidayForm.selectedCategory.panelVariant=='1'"
class="ng-scope ng-pristine ng-valid">
<option value="">Please select</option>
<!-- ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) -->
<option ng-selected="holidayForm.holidayMonth == month.monthNum" ng-repeat="month in holidayForm.selectedCategory.availableDates" value="2024-06-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> June 2024 </option>
<!-- end ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) -->
<option ng-selected="holidayForm.holidayMonth == month.monthNum" ng-repeat="month in holidayForm.selectedCategory.availableDates" value="2024-07-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> July 2024 </option>
<!-- end ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) -->
<option ng-selected="holidayForm.holidayMonth == month.monthNum" ng-repeat="month in holidayForm.selectedCategory.availableDates" value="2024-08-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> August 2024 </option>
<!-- end ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) -->
<option ng-selected="holidayForm.holidayMonth == month.monthNum" ng-repeat="month in holidayForm.selectedCategory.availableDates" value="2024-09-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> September 2024
</option><!-- end ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates --><!-- ngIf: checkIsValid(month.monthNum) -->
<option ng-selected="holidayForm.holidayMonth == month.monthNum" ng-repeat="month in holidayForm.selectedCategory.availableDates" value="2024-10-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> October 2024 </option>
<!-- end ngIf: checkIsValid(month.monthNum) --><!-- end ngRepeat: month in holidayForm.selectedCategory.availableDates -->
</select><!-- end ngIf: holidayForm.selectedCategory.panelVariant=='1' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant=='2' -->
</div>
</div><!-- end ngIf: holidayForm.selectedCategory.panelVariant=='1' || holidayForm.selectedCategory.panelVariant=='2' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant=='3' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant=='4' -->
<div class="durationSelect column medium-5 large-6">
<!-- ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3' --><label
ng-if="holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3'" class="show-for-small-down text-left mt-2 ng-scope">How
Long?</label><!-- end ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3' --><label
ng-if="holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3'" class="show-for-medium-up text-left inline ng-scope">How
Long?</label><!-- end ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3' -->
<div class="dropdown-contain column large-24">
<!-- ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='3' --><select name="duration" ng-model="holidayForm.duration" class="activate-fc ng-scope ng-pristine ng-valid"
ng-if="holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='3'" data-validation-require="" ng-options="day.title for day in options[holidayForm.selectedCategory.id].durations">
<option value="" class="">Please select</option>
<option value="0">1 Night</option>
<option value="1">2 Nights</option>
<option value="2">3 Nights</option>
<option value="3">4 Nights</option>
<option value="4">5 Nights</option>
<option value="5">6 Nights</option>
<option value="6">7 Nights</option>
</select><!-- end ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='3' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant =='2' -->
</div>
</div>
</div>
<!-- type 3 fields -->
<div class="column large-24 no-padding-small holiday-type-3">
<div class="align-items-end dropoff-options medium-18 large-18">
<div class="medium-9 large-9 small-12 column no-padding motorhome-dropoff">
<!-- ngIf: holidayForm.selectedCategory.panelVariant =='3' -->
</div>
<div class="medium-15 large-15 column return-depot-right-container no-padding-small ng-hide" ng-show="!holidayForm.dropoff">
<div class="align-items-center large-24">
<div class="medium-12 large-9 column dropoff-label no-padding-small">
<label class="text-left show-for-large-up">Dropoff Location?</label>
<label class="text-left show-for-medium-down">Dropoff Area?</label>
</div>
<div class="dropdown-contain medium-12 large-15 column left-float-overide">
<select name="typeOption" class="activate-fc ng-pristine ng-valid" data-ng-model="holidayForm.dropoffLocation" data-ng-options="index as option for (index, option) in options[holidayForm.selectedCategory.id].dropoffLocations"
style="min-width: 211px;">
<option value="" class="">Please select</option>
</select>
<!--<option style="display:none" value="">All</option>-->
</div>
</div>
</div>
</div>
</div>
<div class="align-items-end dropoff-options medium-18 large-18 row">
<!-- ngIf: holidayForm.selectedCategory.tripOptions -->
</div>
<!-- Accord debugging -->
<!--<div class="align-items-end dropoff-options medium-18 large-18 row">
<span style="" class="motorhome-show-more" ng-click="showExtraMotorhomeFields();">Open options <img src="/images/red-arrow-down-sm.png" class="point-hover extend-flight-search"></span>
</div>-->
<!-- end type 3 fields -->
<!-- ngIf: isResultPage && holidayForm.selectedCategory.tripOptions -->
<!-- For Accord debugging -->
<!--<div class="column large-24 float-to-left no-padding-small ng-scope options-container">
<div class="row">
<div class="tripOptions ">
<label class="show-for-small-down text-left mt-2 label">Trip options:</label>
<label class="show-for-medium-up text-left inline label">Refine your holiday:</label>
</div>
</div>
<div class="row trip-options">
<div class="medium-24 large-24 columns ng-scope">
<div class="small-24 medium-11 large-7 select-containers ng-scope column" style="margin-top:0.5625rem;">
<input class="trip-options-checkbox" ng-click="setTripOptions(option, true);" name="WHALE" id="WHALE" type="checkbox">
<label for="WHALE" class="ng-binding">Whale Watching</label>
</div>
<div class="small-24 medium-11 large-7 select-containers ng-scope column" style="margin-top:0.5625rem;">
<input class="trip-options-checkbox" ng-click="setTripOptions(option, true);" name="BEAR" id="BEAR" type="checkbox">
<label for="BEAR" class="ng-binding">Bear Watching</label>
</div>
<div class="small-24 medium-11 large-7 select-containers ng-scope column" style="margin-top:0.5625rem;">
<input class="trip-options-checkbox" ng-click="setTripOptions(option, true);" name="RAILCRU" id="RAILCRU" type="checkbox">
<label for="RAILCRU" class="ng-binding">Rail & Cruise Holiday Package </label>
</div>
</div>
</div>
</div>-->
</div>
<!-- ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3' -->
<div ng-class="{true: 'hotel_lower_section_open', false: ''}[holidayForm.selectedCategory.panelVariant =='3']"
ng-if="holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3'" class="submit-form holidays-tab-search-button ng-scope">
<button type="submit" class="search-panel-button" ng-click="holidaySearchFormSubmit(0)">
<div class="innerbtn">
<img class="searchbtn" src="/images/search-btn.png">
<img class="searchbtnhover" src="/images/search-btn-hover.png">
</div>
</button>
</div><!-- end ngIf: holidayForm.selectedCategory.panelVariant =='1' || holidayForm.selectedCategory.panelVariant =='2' || holidayForm.selectedCategory.panelVariant =='3' -->
<!-- ngIf: holidayForm.selectedCategory.panelVariant =='4' -->
</form>Name: carhire-search-form — POST
<form autocomplete="off" name="carhire-search-form" id="carhire-search-form" method="post" ng-controller="carHireSearchCtrl" ng-submit="carHireSearchFormSubmit($event, '/CarHireOnly/Search')" class="ng-scope ng-pristine ng-valid">
<input type="hidden" name="CoreSearchCriteria.Prom_List[0].Cd" value="CAF">
<input type="hidden" name="CoreSearchCriteria.Prom_List[0].Issue" value="1">
<input type="hidden" name="CoreSearchCriteria.Adu" value="1">
<input type="hidden" name="CarHireSearchCriteria.St_Dt" data-ng-value="pickupDate.AniteDateFormat()" value="2024-07-10">
<input type="hidden" name="CarHireSearchCriteria.End_Dt" data-ng-value="dropoffDate.AniteDateFormat()" value="2024-07-25">
<input type="hidden" name="CarHireSearchCriteria.PickupLoc.Cd" data-ng-value="pickup.code">
<input type="hidden" name="CarHireSearchCriteria.PickupLoc.Tp" data-ng-value="pickup.type">
<input type="hidden" name="CarHireSearchCriteria.PickupLoc.Name" data-ng-value="pickup.name">
<input type="hidden" name="CarHireSearchCriteria.PickupTime" data-ng-value="pickupTime" value="08:00">
<input type="hidden" name="CarHireSearchCriteria.DropoffLoc.Cd" data-ng-value="dropoff.code">
<input type="hidden" name="CarHireSearchCriteria.DropoffLoc.Tp" data-ng-value="dropoff.type">
<input type="hidden" name="CarHireSearchCriteria.DropoffLoc.Name" data-ng-value="dropoff.name">
<input type="hidden" name="CarHireSearchCriteria.DropoffTime" data-ng-value="dropoffTime" value="08:00">
<!-- ngIf: isManageBooking -->
<div class="row inner-row search-form-row car-search-tab">
<div class="column small-24"><a class="search-close-car"><span class="hide-for-medium">close</span><span class="show-for-medium"> </span></a></div>
<div class="column small-24">
<button title="reset values" type="button" class="search-reset ng-hide" data-ng-show="directiveArgs.showReset" data-ng-click="searchReset()">Reset</button>
</div>
<div class="column small-24">
<div class="row">
<div class="search-car-hire-pickup">
<div class="column small-24 medium-6 large-3 label_container">
<label class="inline show-for-medium-up">Pick‑up Location</label>
<label class="inline inlineoverride show-for-small-down text-left">Pick‑up Location</label>
</div>
<div class="column small-24 medium-11 large-6 small-margin-top">
<div ac-autocomplete="" data-list="pickupList" data-selected-value="pickup" data-placeholder="'Enter city, airport, region...'" class="activate-car-fc ng-isolate-scope"><input data-ng-model="selectedText" name="pickup" id="city-hotel"
type="text" autocomplete="off" class="autoSuggestInput ng-pristine ng-valid" ng-keydown="handleEnter($event)" ng-keyup="handleKeyNavigate($event)" ng-click="handleClick()" data-validation-require="" ng-disabled="disabled"
placeholder="Enter city, airport, region...">
<div class="autoSuggestInputArrow ng-hide" ng-show="displayArrow" id="autosuggestCityArrow" ng-click="toggleSuggest()">
<img src="/images/down-arrow-red.png">
</div>
<div class="autoSuggest ng-hide" id="autosuggestCityOptions" ng-show="suggestShown">
<div class="auto-suggest-inner">
<!-- ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope active">
Niagara Falls
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Toronto
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Toronto Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Ottawa
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Ottawa Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kingston
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Thunder Bay
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Vancouver
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Vancouver Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Whistler
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kelowna
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kelowna Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Nanaimo
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Port Hardy
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Prince George
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Prince Rupert
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Richmond
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Victoria
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Victoria Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Calgary
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Calgary Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Banff
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Lake Louise
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Jasper
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Edmonton
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Edmonton Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Montreal
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Montreal Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Quebec City
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Quebec City Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Halifax
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Halifax Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
St. John's
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Fredericton
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Fredericton Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Regina
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Saskatoon
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Winnipeg
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Winnipeg Airport
</a><!-- end ngRepeat: item in list | filter: selectedText --><a data-ng-repeat="item in list | filter: selectedText" data-ng-click="pick(item)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Yellowknife
</a><!-- end ngRepeat: item in list | filter: selectedText -->
</div>
</div>
</div>
</div>
<div class="show-for-medium-only" style="clear:left; height: 0px;"> </div>
<div class="column small-8 medium-6 large-2">
<label class="inline show-for-medium-up text-right">Start date</label>
<label class="inline show-for-small-down text-left">Start date</label>
</div>
<div class="column small-16 medium-5 large-3 end small-margin-top">
<input name="pickupDate" id="datepicker-carhire-pickup" class="hidden-field activate-fc ng-isolate-scope ng-pristine ng-valid hasDatepicker" datepicker="" data-datepicker-type="'from'" data-other-model="dropffDate"
data-ng-model="pickupDate" data-offset="3">
</div>
<div class="column small-8 medium-2 large-2">
<label class="inline show-for-medium-up text-right">Time</label>
<label class="inline show-for-small-down text-left">Time</label>
</div>
<div class="column small-16 medium-4 large-3 car-hire-time ">
<div class="search-form-hrs">
<div class="dropdown-contain margin-bottom">
<select data-ng-model="pickupTime" data-ng-options="time as time for time in times" class="activate-fc ng-pristine ng-valid">
<option value="0" selected="selected">00:00</option>
<option value="1">00:15</option>
<option value="2">00:30</option>
<option value="3">00:45</option>
<option value="4">01:00</option>
<option value="5">01:15</option>
<option value="6">01:30</option>
<option value="7">01:45</option>
<option value="8">02:00</option>
<option value="9">02:15</option>
<option value="10">02:30</option>
<option value="11">02:45</option>
<option value="12">03:00</option>
<option value="13">03:15</option>
<option value="14">03:30</option>
<option value="15">03:45</option>
<option value="16">04:00</option>
<option value="17">04:15</option>
<option value="18">04:30</option>
<option value="19">04:45</option>
<option value="20">05:00</option>
<option value="21">05:15</option>
<option value="22">05:30</option>
<option value="23">05:45</option>
<option value="24">06:00</option>
<option value="25">06:15</option>
<option value="26">06:30</option>
<option value="27">06:45</option>
<option value="28">07:00</option>
<option value="29">07:15</option>
<option value="30">07:30</option>
<option value="31">07:45</option>
<option value="32" selected="selected">08:00</option>
<option value="33">08:15</option>
<option value="34">08:30</option>
<option value="35">08:45</option>
<option value="36">09:00</option>
<option value="37">09:15</option>
<option value="38">09:30</option>
<option value="39">09:45</option>
<option value="40">10:00</option>
<option value="41">10:15</option>
<option value="42">10:30</option>
<option value="43">10:45</option>
<option value="44">11:00</option>
<option value="45">11:15</option>
<option value="46">11:30</option>
<option value="47">11:45</option>
<option value="48">12:00</option>
<option value="49">12:15</option>
<option value="50">12:30</option>
<option value="51">12:45</option>
<option value="52">13:00</option>
<option value="53">13:15</option>
<option value="54">13:30</option>
<option value="55">13:45</option>
<option value="56">14:00</option>
<option value="57">14:15</option>
<option value="58">14:30</option>
<option value="59">14:45</option>
<option value="60">15:00</option>
<option value="61">15:15</option>
<option value="62">15:30</option>
<option value="63">15:45</option>
<option value="64">16:00</option>
<option value="65">16:15</option>
<option value="66">16:30</option>
<option value="67">16:45</option>
<option value="68">17:00</option>
<option value="69">17:15</option>
<option value="70">17:30</option>
<option value="71">17:45</option>
<option value="72">18:00</option>
<option value="73">18:15</option>
<option value="74">18:30</option>
<option value="75">18:45</option>
<option value="76">19:00</option>
<option value="77">19:15</option>
<option value="78">19:30</option>
<option value="79">19:45</option>
<option value="80">20:00</option>
<option value="81">20:15</option>
<option value="82">20:30</option>
<option value="83">20:45</option>
<option value="84">21:00</option>
<option value="85">21:15</option>
<option value="86">21:30</option>
<option value="87">21:45</option>
<option value="88">22:00</option>
<option value="89">22:15</option>
<option value="90">22:30</option>
<option value="91">22:45</option>
<option value="92">23:00</option>
<option value="93">23:15</option>
<option value="94">23:30</option>
<option value="95">23:45</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row search-car-hire-dropoff extra-fc" style="display: none;">
<div class="car-hire-search-form">
<div class="column small-24 medium-6 large-3">
<span ng-hide="!sameLocation" class=""> </span>
<div ng-hide="sameLocation" class="ng-hide">
<label class="inline show-for-medium-up text-left">Drop‑off Location</label>
<label class="inline show-for-small-down text-left">Drop‑off Location</label>
</div>
</div>
<div class="columns small-24 medium-18 large-6 small-collapse return-car-checkbox" ng-hide="!sameLocation">
<div class="column small-24 checkbox small-margin-top no-padding">
<input type="checkbox" id="sameLocation" ng-model="sameLocation" name="sameLocation" value="sameLocation" checked="" class="ng-pristine ng-valid"> <label class="show-for-large-up"
for="sameLocation">Return car to same location</label>
<label class="show-for-medium-down text-left" for="sameLocation">Return car to same location</label>
</div>
</div>
<div class="city-drop-off ng-hide" ng-hide="sameLocation">
<div class="column small-24 medium-11 large-6">
<div ac-autocomplete="" data-list="dropoffListFiltered" data-selected-value="dropoff" data-disabled="!pickup" data-placeholder="'Enter city, airport, region...'" data-disabled-placeholder="'Please select pick up location first...'"
class="activate-inside-fc ng-isolate-scope"><input data-ng-model="selectedText" name="dropoff" id="city-hotel" type="text" autocomplete="off" class="autoSuggestInput ng-pristine ng-valid" ng-keydown="handleEnter($event)"
ng-keyup="handleKeyNavigate($event)" ng-click="handleClick()" data-validation-require="" ng-disabled="disabled" disabled="disabled" placeholder="Please select pick up location first...">
<div class="autoSuggestInputArrow ng-hide" ng-show="displayArrow" id="autosuggestCityArrow" ng-click="toggleSuggest()">
<img src="/images/down-arrow-red.png">
</div>
<div class="autoSuggest ng-hide" id="autosuggestCityOptions" ng-show="suggestShown">
<div class="auto-suggest-inner">
<!-- ngRepeat: item in list | filter: selectedText -->
</div>
</div>
</div>
<div class="column small-24 checkbox small-margin-top no-padding ng-hide" ng-hide="sameLocation">
<div class="column small-24 checkbox small-margin-top no-padding">
<input type="checkbox" id="sameLocation" ng-model="sameLocation" name="sameLocation" value="sameLocation" checked="" class="ng-pristine ng-valid"> <label class="show-for-large-up same-location"
for="sameLocation">Return car to same location</label>
<label class="show-for-medium-down same-location" for="sameLocation">Return car to same location</label>
</div>
</div>
</div>
<div class="show-for-medium-only" style="clear:left; height: 0px;"> </div>
</div>
<div class="column small-8 medium-6 large-2 ">
<label class="inline show-for-medium-up text-right">End date</label>
<label class="inline show-for-small-down text-left">End date</label>
</div>
<div class="column small-16 medium-5 large-3 small-margin-top">
<input name="dropDate" id="datepicker-carhire-dropoff" class="hidden-field ng-isolate-scope ng-pristine ng-valid hasDatepicker" datepicker="" data-datepicker-type="'to'" data-other-model="pickupDate" data-ng-model="dropoffDate"
data-offset="3">
</div>
<div class="column small-8 medium-2 large-2">
<label class="inline show-for-medium-up text-right">Time</label>
<label class="inline show-for-small-down text-left">Time</label>
</div>
<div class="column small-16 medium-4 end large-3 car-hire-time end">
<div class="search-form-hrs">
<div class="dropdown-contain margin-bottom">
<select data-ng-model="dropoffTime" data-ng-options="time as time for time in times" class="ng-pristine ng-valid">
<option value="0" selected="selected">00:00</option>
<option value="1">00:15</option>
<option value="2">00:30</option>
<option value="3">00:45</option>
<option value="4">01:00</option>
<option value="5">01:15</option>
<option value="6">01:30</option>
<option value="7">01:45</option>
<option value="8">02:00</option>
<option value="9">02:15</option>
<option value="10">02:30</option>
<option value="11">02:45</option>
<option value="12">03:00</option>
<option value="13">03:15</option>
<option value="14">03:30</option>
<option value="15">03:45</option>
<option value="16">04:00</option>
<option value="17">04:15</option>
<option value="18">04:30</option>
<option value="19">04:45</option>
<option value="20">05:00</option>
<option value="21">05:15</option>
<option value="22">05:30</option>
<option value="23">05:45</option>
<option value="24">06:00</option>
<option value="25">06:15</option>
<option value="26">06:30</option>
<option value="27">06:45</option>
<option value="28">07:00</option>
<option value="29">07:15</option>
<option value="30">07:30</option>
<option value="31">07:45</option>
<option value="32" selected="selected">08:00</option>
<option value="33">08:15</option>
<option value="34">08:30</option>
<option value="35">08:45</option>
<option value="36">09:00</option>
<option value="37">09:15</option>
<option value="38">09:30</option>
<option value="39">09:45</option>
<option value="40">10:00</option>
<option value="41">10:15</option>
<option value="42">10:30</option>
<option value="43">10:45</option>
<option value="44">11:00</option>
<option value="45">11:15</option>
<option value="46">11:30</option>
<option value="47">11:45</option>
<option value="48">12:00</option>
<option value="49">12:15</option>
<option value="50">12:30</option>
<option value="51">12:45</option>
<option value="52">13:00</option>
<option value="53">13:15</option>
<option value="54">13:30</option>
<option value="55">13:45</option>
<option value="56">14:00</option>
<option value="57">14:15</option>
<option value="58">14:30</option>
<option value="59">14:45</option>
<option value="60">15:00</option>
<option value="61">15:15</option>
<option value="62">15:30</option>
<option value="63">15:45</option>
<option value="64">16:00</option>
<option value="65">16:15</option>
<option value="66">16:30</option>
<option value="67">16:45</option>
<option value="68">17:00</option>
<option value="69">17:15</option>
<option value="70">17:30</option>
<option value="71">17:45</option>
<option value="72">18:00</option>
<option value="73">18:15</option>
<option value="74">18:30</option>
<option value="75">18:45</option>
<option value="76">19:00</option>
<option value="77">19:15</option>
<option value="78">19:30</option>
<option value="79">19:45</option>
<option value="80">20:00</option>
<option value="81">20:15</option>
<option value="82">20:30</option>
<option value="83">20:45</option>
<option value="84">21:00</option>
<option value="85">21:15</option>
<option value="86">21:30</option>
<option value="87">21:45</option>
<option value="88">22:00</option>
<option value="89">22:15</option>
<option value="90">22:30</option>
<option value="91">22:45</option>
<option value="92">23:00</option>
<option value="93">23:15</option>
<option value="94">23:30</option>
<option value="95">23:45</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row inner-row summary-row cars-summary-container">
<div class="column small-24 medium-24 medium-push-0 large-push-0 flight-prefs summary-fc-car summary_fc_active" ng-class="{summary_fc_active : pickup}">
<p id="car-search-info" class="point-hover ">
<span style="display:inline !important" class="show-for-medium-up ng-binding"> Pick-up Jul 10, 2024 08:00<span class="ng-binding"> | Drop-off Jul 25, 2024 08:00 </span> | Returning to the same location </span>
<!--<img src="/images/red-arrow-down-sm.png" class="point-hover extend-flight-search" /> -->
</p>
</div>
</div>
<div class="submit-form">
<button ng-class="{true: '', false: 'car_lower_section_open'}[sameLocation]" class="search-panel-button car-search-panel-button">
<div class="innerbtn"><img class="searchbtn" src="/images/search-btn.png"><img class="searchbtnhover" src="/images/search-btn-hover.png"></div>
</button>
</div>
</form>Name: hotel-search-form — POST
<form autocomplete="off" name="hotel-search-form" id="hotel-search-form" method="post" data-ng-controller="hotelSearchCtrl" class="mode-city" data-ng-submit="hotelSearchFormSubmit($event, '/AccomOnly/Search')">
<input type="hidden" name="CoreSearchCriteria.Prom_List[0].Cd" value="CAF">
<input type="hidden" name="CoreSearchCriteria.Prom_List[0].Issue" value="1">
<input type="hidden" name="AccomSearchCriteria.AccomCodes" id="AccomSearchCriteria.AccomCodes" data-ng-value="form.AccomCodes">
<input type="hidden" name="AccomSearchCriteria.St_Dt" data-ng-value="form.checkIn.AniteDateFormat()" value="2024-06-24">
<input type="hidden" name="AccomSearchCriteria.End_Dt" data-ng-value="form.checkOut.AniteDateFormat()" value="2024-07-01">
<input type="hidden" name="AccomSearchCriteria.Loc_List[0].Tp" value="CITY">
<input type="hidden" name="AccomSearchCriteria.Loc_List[0].Cd" data-ng-value="form.userCity">
<input type="hidden" name="AccomSearchCriteria.RoomCount" data-ng-value="form.roomsNum" value="1">
<!-- ngIf: isManageBooking || isPostFlight -->
<!-- ngRepeat: room in form.rooms track by $index -->
<div data-ng-repeat="room in form.rooms track by $index" class="ng-scope">
<input type="hidden" name="RoomOcc_List[0].Selected" value="True">
<input type="hidden" name="RoomOcc_List[0].Adu" data-ng-value="form.rooms[$index].Adu" value="2">
<input type="hidden" name="RoomOcc_List[0].Chi" data-ng-value="form.rooms[$index].Chi" value="0">
<input type="hidden" name="RoomOcc_List[0].Inf" data-ng-value="form.rooms[$index].Inf" value="0">
<!-- ngRepeat: i in room.ChildAge_List track by $index -->
<!-- ngRepeat: i in room.InfantAge_List track by $index -->
<!-- ngIf: passengers.length > 0 -->
</div><!-- end ngRepeat: room in form.rooms track by $index -->
<div class="inner-row search-form-row small-24 large-24 column">
<div class="column small-24"><a class="search-close-hotel"><span class="hide-for-medium-down">close</span><span class="show-for-medium-down"> </span></a></div>
<div class="column small-24">
<button title="reset values" type="button" class="search-reset ng-hide" data-ng-show="directiveArgs.showReset" data-ng-click="searchReset()">Reset</button>
<!--<a class="search-close">close</a>-->
</div>
<div class="column small-24 no-padding-small">
<div class="row hotel-search-inner" style="">
<div class="column small-24 medium-2 large-2 no-padding-small" data-ng-show="hotelOrCity == 'city'">
<label for="city-hotel" class="inline show-for-medium-up">City</label>
<label for="city-hotel" class="inline inlineoverride show-for-small-down text-left">City</label>
</div>
<div class="column small-24 medium-7 large-6 end small-margin-top no-padding-small" data-ng-show="hotelOrCity == 'city'">
<input type="hidden" name="hotel_or_city" data-ng-model="form.hotelOrCity" class="ng-pristine ng-valid">
<input id="city-hotel" name="cityOption" type="text" autocomplete="hotel-list" class="autoSuggestInput activate-fc ng-class:{'ng-invalid':validationErrors.city} ng-pristine ng-valid" data-ng-model="form.userCityFilter"
ng-keydown="handleEnter($event)" ng-keyup="handleKeyNavigate($event)" ng-focus="openSuggest()" placeholder="Please select a city">
<div class="autoSuggestInputArrow" id="autosuggestCityArrow" ng-click="toggleSuggest()">
<img src="/images/down-arrow-dark.png">
</div>
<div class="autoSuggest ng-hide" id="autosuggestCityOptions" ng-show="suggestShown">
<div class="auto-suggest-inner">
<!-- ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope active">
Anchorage
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Banff
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Calgary
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Canmore
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Charlottetown
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Churchill
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Clearwater
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Dawson City
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Denali National Park
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Edmonton
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Fairbanks
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Fredericton
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Halifax
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Huntsville
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Jasper
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Juneau
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kamloops
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kananaskis Village
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kelowna
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Ketchikan
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kingston
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Kodiak
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Lake Louise
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Montreal
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Nanaimo
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Niagara Falls
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Ottawa
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Panorama
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Parksville
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Port Hardy
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Prince George
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Prince Rupert
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Quebec City
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Regina
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Revelstoke
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Richmond
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Saskatoon
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Skagway
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
St John's
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Sun Peaks
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Thunder Bay
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Tofino
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Toronto
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Ucluelet
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Vancouver
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Victoria
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Whistler
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Whitehorse
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Windsor
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Winnipeg
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter --><a data-ng-repeat="city in cityList | filter: form.userCityFilter" data-ng-click="setCity(city)" data-ng-class="{active: suggestIndex == $index}" class="ng-binding ng-scope">
Yellowknife
</a><!-- end ngRepeat: city in cityList | filter: form.userCityFilter -->
</div>
</div>
</div>
<!-- general HTML -->
<div class="show-for-city">
<div class="column small-24 medium-3 large-2 no-padding-small">
<label for="checkIn" class="inline show-for-medium-up text-right">Check‑in</label>
<label for="checkIn" class="inline show-for-small-down text-left">Check‑in</label>
</div>
<div class="column small-24 medium-4 large-4 date-picker-control small-margin-top">
<!-- this element MUST not have an id (datepicker will have issues.)-->
<input name="checkIn" type="text" class="datepicker-hotel-checkin activate-fc ng-isolate-scope ng-pristine ng-valid hasDatepicker" data-ng-model="form.checkIn" data-datepicker="" data-datepicker-type="'from'"
data-other-model="form.checkOut" data-offset="3" id="dp1718005455958">
<!--<div id="datepicker-hotel-checkin-display" class="datepicker-display text-center">-->
<!-- <div class="date-inner">-->
<!-- <span class="date-month-year">{{form.checkIn | date : "MMM"}} '{{form.checkIn | date : "yy"}}</span>-->
<!-- <div class="date-sep"></div>-->
<!-- <span class="date-day">{{form.checkIn | date : "d"}}</span>-->
<!-- </div>-->
<!--</div>-->
</div>
<div class="column small-24 medium-4 large-2 no-padding-small">
<label for="checkOut" class="inline show-for-large-up text-right">Check‑out</label>
<label for="checkOut" class="inline show-for-medium-only text-right">Check‑out</label>
<label for="checkOut" class="inline show-for-small-down text-left">Check‑out</label>
</div>
<div class="column small-24 medium-4 large-4 date-picker-control end small-margin-top">
<!-- this element MUST not have an id (datepicker will have issues)-->
<input name="checkOut" type="text" class="datepicker-hotel-checkout activate-fc ng-isolate-scope ng-pristine ng-valid hasDatepicker" data-ng-model="form.checkOut" datepicker="" data-datepicker-type="'to'" data-other-model="form.checkIn"
id="dp1718005455959">
<!--<div id="datepicker-hotel-checkout-display" class="datepicker-display text-center">-->
<!-- <div class="date-inner">-->
<!-- <span class="date-month-year">{{form.checkOut | date : "MMM"}} '{{form.checkOut | date : "yy"}}</span>-->
<!-- <div class="date-sep"></div>-->
<!-- <span class="date-day">{{form.checkOut | date : "d"}}</span>-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
<!-- hotel only HTML -->
<div class="show-for-hotel checkin-controls">
<div class="column small-9 medium-3 large-3">
<label for="checkIn" class="inline show-for-medium-up text-right medium-text-left large-text-left">Check‑in</label>
<label for="checkIn" class="inline show-for-small-down text-left medium-text-left large-text-left">Check‑in</label>
</div>
<div class="column small-15 medium-4 large-6 date-picker-control small-margin-top">
<!-- this element MUST not have an id (datepicker will have issues)-->
<input name="checkIn" type="text" class="datepicker-hotel-checkin activate-fc ng-isolate-scope ng-pristine ng-valid hasDatepicker" data-ng-model="form.checkIn" data-datepicker="" data-datepicker-type="'from'"
data-other-model="form.checkOut" id="dp1718005455960">
<!--<div id="datepicker-hotel-checkin-display" class="datepicker-display text-center">-->
<!-- <div class="date-inner">-->
<!-- <span class="date-month-year">{{form.checkIn | date : "MMM"}} '{{form.checkIn | date : "yy"}}</span>-->
<!-- <div class="date-sep"></div>-->
<!-- <span class="date-day">{{form.checkIn | date : "d"}}</span>-->
<!-- </div>-->
<!--</div>-->
</div>
<div class="column small-9 medium-4 large-4">
<label for="checkOut" class="inline show-for-large-up text-right">Check‑out</label>
<label for="checkOut" class="inline show-for-medium-only text-right">Check‑out</label>
<label for="checkOut" class="inline show-for-small-down text-left">Check‑out</label>
</div>
<div class="column small-15 medium-4 large-6 date-picker-control end small-margin-top">
<!-- this element MUST not have an id (datepicker will have issues)-->
<input name="checkOut" type="text" class="datepicker-hotel-checkout activate-fc ng-isolate-scope ng-pristine ng-valid hasDatepicker" data-ng-model="form.checkOut" datepicker="" data-datepicker-type="'to'" data-other-model="form.checkIn"
id="dp1718005455961">
<!--<div id="datepicker-hotel-checkout-display" class="datepicker-display text-center">-->
<!-- <div class="date-inner">-->
<!-- <span class="date-month-year">{{form.checkOut | date : "MMM"}} '{{form.checkOut | date : "yy"}}</span>-->
<!-- <div class="date-sep"></div>-->
<!-- <span class="date-day">{{form.checkOut | date : "d"}}</span>-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
</div>
<!-- roomy start -->
<div class="show-for-city search-form-extended-row">
<div class="row extra-fc show-for-city" style="display: none;">
<div class="column small-3 medium-2 large-2 rooms-label">
<label for="roomsNum" class="inline show-for-medium-up">Rooms</label>
<label for="roomsNum" class="inline show-for-small-down text-left">Rooms</label>
</div>
<div class="column small-15 medium-3 large-2">
<div class="row">
<div class="columns small-24">
<div class="dropdown-contain">
<select data-ng-change="roomOptions(form.roomsNum)" name="roomsNum" data-ng-model="form.roomsNum" data-ng-options="number as number for number in roomNumberOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">1</option>
<option value="1">2</option>
<option value="2">3</option>
</select>
</div>
<div class="small-text-left large-text-right ">
<a class="white-text resethotelrooms ng-hide" ng-show="form.roomsNum > 1" ng-click="form.roomsNum = 1; roomOptions(1)"><img style="width: 17px;" src="/images/btn-close-trans.png"> Reset</a>
</div>
</div>
</div>
</div>
<div class="column small-24 medium-14 large-14 hotel-room-visitors end">
<!--Rooms-->
<!-- ngRepeat: room in form.rooms track by $index -->
<div class="row ng-scope room-0" ng-repeat="room in form.rooms track by $index" ng-class="'room-'+$index">
<div class="column medium-6 large-4 no-padding-small">
<label class="inline show-for-large-up text-right ng-binding">Room 1:</label>
<label class="inline show-for-medium-down text-left ng-binding">Room 1:</label>
</div>
<!--Adults-->
<div class="column small-3 medium-3 large-3 ">
<label class="inline show-for-large-up text-right" data-ng-class="{error: validationErrors.room[$index]}">Adults</label>
</div>
<div class="column small-8 medium-5 large-3">
<label class="inline show-for-medium-down text-left" data-ng-class="{error: validationErrors.room[$index]}">Adults</label>
<div class="dropdown-contain small-24">
<select name="room1adu" data-ng-model="form.rooms[$index].Adu" data-ng-class="{error: validationErrors.room[$index]}" data-ng-options="number as number for number in adultOptions" class="ng-pristine ng-valid">
<option value="0">0</option>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<!--Children-->
<div class="column show-for-medium-up medium-3 ">
<label class="inline show-for-large-up text-right" data-ng-class="{error: validationErrors.room[$index]}">Children</label>
</div>
<div class="column small-8 medium-5 large-3">
<label class="inline show-for-medium-down text-left" data-ng-class="{error: validationErrors.room[$index]}">Children</label>
<div class="dropdown-contain small-24">
<select name="room1chi" data-ng-model="form.rooms[$index].Chi" data-ng-change="ChildNumberChanged(form.rooms[$index])" data-ng-class="{error: validationErrors.room[$index]}"
data-ng-options="number as number for number in childOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<!--Infants-->
<div class="column show-for-medium-up medium-3 ">
<label class="inline show-for-large-up text-right">Infants</label>
</div>
<div class="column small-8 medium-5 large-3">
<label class="inline show-for-medium-down text-left">Infants</label>
<div class="dropdown-contain small-24">
<select name="room1inf" data-ng-model="form.rooms[$index].Inf" data-ng-change="InfantNumberChanged(form.rooms[$index])" data-ng-options="number as number for number in infantOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<!--This is what i want to add to a new row under the content above-->
<div class="column small-24 fullWidth clear-all children-fields">
<div class="column medium-5 large-7 "> </div>
<!-- ngRepeat: i in room.ChildAge_List track by $index -->
</div>
</div><!-- end ngRepeat: room in form.rooms track by $index -->
</div>
</div>
</div>
<!-- end rooms general -->
<div class="show-for-hotel">
<div class="row extra-fc show-for-hotel" style="padding: 0px !important; margin: 0px !important; display: none;">
<div class="column small-9 medium-2 large-2 rooms-label">
<label for="roomsNum" class="inline show-for-large-up text-right">Rooms</label>
</div>
<div class="column small-15 medium-3 large-2">
<div class="row">
<div class="columns small-24">
<label class="inline show-for-medium-down text-left">Rooms</label>
<div class="dropdown-contain">
<select data-ng-change="roomOptions(form.roomsNum)" name="roomsNum" data-ng-model="form.roomsNum" data-ng-options="number as number for number in roomNumberOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">1</option>
<option value="1">2</option>
<option value="2">3</option>
</select>
</div>
<div class="small-text-left large-text-right ">
<a class="white-text resethotelrooms ng-hide" ng-show="form.roomsNum > 1" ng-click="form.roomsNum = 1; roomOptions(1)"><img style="width: 17px;" src="/images/btn-close-trans.png"> Reset</a>
</div>
</div>
</div>
</div>
<div class="column small-24 medium-14 large-14 hotel-room-visitors end">
<!--Rooms-->
<!-- ngRepeat: room in form.rooms track by $index -->
<div class="row ng-scope room-0" ng-repeat="room in form.rooms track by $index" ng-class="'room-'+$index">
<!--Adults-->
<div class="column small-3 medium-3 large-3 ">
<label class="inline show-for-large-up text-right" data-ng-class="{error: validationErrors.room[$index]}">Adults</label>
</div>
<div class="column small-8 medium-6 large-4">
<label class="inline show-for-medium-down text-left" data-ng-class="{error: validationErrors.room[$index]}">Adults</label>
<div class="dropdown-contain">
<select name="room1adu" data-ng-model="form.rooms[$index].Adu" data-ng-class="{error: validationErrors.room[$index]}" data-ng-options="number as number for number in adultOptions" class="ng-pristine ng-valid">
<option value="0">0</option>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<!--Children-->
<div class="column show-for-medium-up medium-3 large-4">
<label class="inline show-for-large-up text-right" data-ng-class="{error: validationErrors.room[$index]}">Children</label>
</div>
<div class="column small-8 medium-6 large-4">
<label class="inline show-for-medium-down text-left" data-ng-class="{error: validationErrors.room[$index]}">Children</label>
<div class="dropdown-contain">
<select name="room1chi" data-ng-model="form.rooms[$index].Chi" data-ng-change="ChildNumberChanged(form.rooms[$index])" data-ng-class="{error: validationErrors.room[$index]}"
data-ng-options="number as number for number in childOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<!--Infants-->
<div class="column show-for-medium-up medium-3 large-4">
<label class="inline show-for-large-up text-right">Infants</label>
</div>
<div class="column small-8 medium-6 large-4">
<label class="inline show-for-medium-down text-left">Infants</label>
<div class="dropdown-contain">
<select name="room1inf" data-ng-model="form.rooms[$index].Inf" data-ng-options="number as number for number in infantOptions" class="ng-pristine ng-valid">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<!--This is what i want to add to a new row under the content above-->
<div class="column small-24 fullWidth clear-all children-fields">
<!--<div class="column medium-4 large-3 "> </div>-->
<!-- ngRepeat: i in room.ChildAge_List track by $index -->
</div>
</div><!-- end ngRepeat: room in form.rooms track by $index -->
</div>
</div>
<!-- end rooms on hotel details -->
</div>
</div>
</div>
<div class="row inner-row summary-row with-summary" ng-class="{'with-summary' : form.userCity}">
<div class="column small-24 medium-18 large-18 flight-prefs summary-fc-hotel summary_fc_active" ng-class="{summary_fc_active : form.userCity}">
<p id="flight-search-info_disabled" class="point-hover hotel_summeryFC_click">
<span style="display:inline !important" class="show-for-medium-up ng-binding"> Check-in Jun 24, 2024 <span class="ng-binding"> | Check-out Jul 1, 2024 </span> | 1 Room | 2 Adults | 0 Children | 0 Infants</span>
<!--<img src="/images/red-arrow-down-sm.png" class="point-hover extend-flight-search"/> -->
</p>
</div>
</div>
<button class="holiday-search-panel-button hotel-search-panel-button">
<div class="innerbtn"><img class="searchbtn" src="/images/search-btn.png"><img class="searchbtnhover" src="/images/search-btn-hover.png"></div>
</button>
</form>Name: emailSignup —
<form id="email-signup" novalidate="" name="emailSignup" ng-submit="submitSignupForm()" class="ng-pristine ng-valid">
<div class="column small-24 medium-16 large-11">
<span class="error-above">Invalid email</span>
<input id="newsletter-email" class="news-sign-up ng-pristine ng-valid ng-valid-email pcdone" type="email" placeholder="Enter email address" ng-model="user.email">
</div>
<div class="column small-24 medium-8 large-5">
<button type="submit" class="green-button news-signup-button trackThis" data-trackevent="Newsletter Stripe - Sign Up Button">Sign up</button>
</div>
</form>Name: newsletterSignup —
<form id="newsletter-signup" name="newsletterSignup" ng-submit="submitNewsletterForm()" class="ng-pristine ng-valid">
<div class="row">
<div class="columns small-24 medium-12">
<div class="row">
<div class="column small-6 medium-5 medium-push-2 text-right"> Title* </div>
<div class="column small-17 medium-13 medium-pull-4 title-input text-left">
<div class="custom-error ng-hide" ng-show="newsletterSignup.Title.$invalid">Title is required.</div>
<input type="text" name="Title" ng-model="user.title" data-validation-require="" class="ng-pristine ng-valid pcdone">
</div>
</div>
<div class="row">
<div class="column small-6 medium-5 medium-push-2 text-right"> First name* </div>
<div class="column small-17 medium-13 medium-pull-4">
<div class="custom-error ng-hide" ng-show="newsletterSignup.FirstName.$invalid">First name is required.</div>
<input type="text" name="FirstName" ng-model="user.firstname" data-validation-require="" class="ng-pristine ng-valid pcdone">
</div>
</div>
<div class="row">
<div class="column small-6 medium-5 medium-push-2 text-right"> Last name* </div>
<div class="column small-17 medium-13 medium-pull-4">
<div class="custom-error ng-hide" ng-show="newsletterSignup.LastName.$invalid">Last name is required</div>
<input type="text" name="LastName" ng-model="user.lastname" data-validation-require="" class="ng-pristine ng-valid pcdone">
</div>
</div>
<div class="row">
<div class="column small6 medium-5 medium-push-2 show-for-medium-up text-right"> Email address* </div>
<div class="column small-6 medium-5 medium-push-2 show-for-medium-down text-right"> Email* </div>
<div class="column small-17 medium-13 medium-pull-4">
<div class="custom-error ng-hide" ng-show="newsletterSignup.EmailAddress.$invalid"> Please enter valid email e.g name@example.com </div>
<input type="email" id="newsletter-form-email" ng-model="user.email" name="EmailAddress" data-validation-require="" class="ng-pristine ng-valid ng-valid-email pcdone">
</div>
</div>
</div>
<div class="columns small-24 medium-12 updates-container">
<h3>What are you interested in?</h3>
<p ng-class="user.selectedupdated">Please select all that apply</p>
<div class="update-box">
<input type="checkbox" name="Ref_List[1].Dat" id="flt-updates" class="contact-int ng-pristine ng-valid pcdone" ng-model="user.userupdates.flt" value="Y">
<label for="flt-updates">
</label>
<h3>Flights</h3>
</div>
<div class="update-box">
<input type="checkbox" name="Ref_List[2].Dat" id="htl-updates" class="contact-int ng-pristine ng-valid pcdone" ng-model="user.userupdates.hld" value="Y">
<label for="htl-updates">
</label>
<h3>Holidays</h3>
</div>
<div class="update-box">
<input type="checkbox" name="Ref_List[3].Dat" id="vfr-updates" class="contact-int ng-pristine ng-valid pcdone" ng-model="user.userupdates.vfr" value="Y">
<label for="vfr-updates">
</label>
<h3>Visit Friends<br>& Family</h3>
</div>
</div>
</div>
<div class="row collapse text-center">
<div class="column small-24 medium-14 medium-push-5 newsletter-form-submit-div">
<input style="margin-top: 6px !important;" name="optIn" class="opt-in ng-pristine ng-valid pcdone" ng-model="user.OptIn" type="checkbox" data-validation-require="">
<div class="custom-error ng-hide" ng-show="newsletterSignup.optIn.$invalid">Please tick box to proceed.</div>
<p> I agree to receive electronic messages which may include promotional offers and travel product information from The Airline Seat Company Ltd & its affiliates at the contact information provided above. You can withdraw your consent at
anytime.</p>
<button class="green-button white-font" id="newsletter-form-submit">Submit</button>
<br><br>
<p>All information collected is intended for Canadian Affair, the data controller, for the purposes of processing your bookings or subscriptions to our newsletters and/or programs. It may also be used for the conduct of marketing and
statistical studies, to customise and continuously improve your customer experience, to provide you with the most suitable offers and to send you targeted advertising. If you have consented, it may be used to send you promotional offers. Some
of this information may also be communicated to third parties, namely to our subcontractors, who may be located outside the European Union.</p>
<p>In accordance with applicable regulation, you have various rights regarding the use and protection of your personal information. When the basis for processing is your consent, you may withdraw that consent at any time. To learn more about
your rights, the use and protection of your personal information, please refer to our <a href="https://www.canadianaffair.com/about-us/book-with-confidence/privacy-policy" target="_blank">Privacy Policy</a>. If you wish to exercise one of
these rights or contact our Data Protection Officer, please fill out the <a href="https://www.airtransat.com/en-CA/forms/Privacy-policy-concerns" target="_blank">Privacy Policy Form</a>.</p>
<p>Please refer to our <a href="/about-us/book-with-confidence/privacy-policy" target="_blank"><u>Privacy Policy</u></a> or <a href="/contact-us" target="_blank"><u>Contact Us</u></a> for more details.</p>
</div>
</div>
<input type="hidden" name="source" value="CAFCOM" class="pcdone">
<input type="hidden" name="type" value="web-signup" class="pcdone">
<input type="hidden" id="target-url" value="/Client/Api/SubscribeNewsletter" class="pcdone">
<input type="hidden" id="target-container" value="main-content-area" class="pcdone">
<input type="hidden" id="source-form" value="newsletter-signup" class="pcdone">
<input type="hidden" id="client-cls" name="Ref_List[0].Cls" value="D" class="pcdone">
<input type="hidden" id="client-typ" name="Ref_List[0].Typ" value="EMAIL" class="pcdone">
<input type="hidden" id="client-dat" name="Ref_List[0].Dat" value="Y" class="pcdone">
<input type="hidden" id="client-cls" name="Ref_List[1].Cls" value="D" class="pcdone">
<input type="hidden" id="client-typ" name="Ref_List[1].Typ" value="INTFO" class="pcdone">
<input type="hidden" id="client-cls" name="Ref_List[2].Cls" value="D" class="pcdone">
<input type="hidden" id="client-typ" name="Ref_List[2].Typ" value="INTTO" class="pcdone">
<input type="hidden" id="client-cls" name="Ref_List[3].Cls" value="D" class="pcdone">
<input type="hidden" id="client-typ" name="Ref_List[3].Typ" value="INTVR" class="pcdone">
<input type="hidden" name="Enq.Cmp" value="WEBSUP" class="pcdone">
<input type="hidden" name="Enq.Msc" value="CAFCOM" class="pcdone">
</form>Text Content
* Close * April offers * Destinations * Holiday types * Special offers * Flights * Car Hire * Contact us * Canada hub * Travel agents * Manage my booking * Sign up to our newsletter * Terms and conditions * Close * Call us today on * UK 0203 930 4895 * Send an enquiry * Request a callback Call us today on 0203 930 4895 Brochures Enquiries Call us today on 0203 930 4895 * April offers * Manage my booking * Travel Agents Call us today on 0203 930 4895 * Destinations * Holiday types * Special offers * Flights * Contact us * More options Book with Peace of Mind Car Hire Read our blog Canada Hub Why choose Canadian Affair * All staff are Canada travel experts * Almost 25 years' experience selling Canada * We tailor-make dream holidays * All holidays are ATOL protected * We are members of ABTA * Arrange a virtual consultation with us * Book with confidence with our Peace of Mind Promise Search Flights Flights Holidays Holidays Car hire Car hire Hotels Hotels Flights Holidays Car hire Hotels close Flying from? Flying from? Please chooseCalgaryDublinEdmontonGlasgowHalifaxLondon GatwickManchesterMontreal-TrudeauOttawaQuebecTorontoVancouver Flying to? to Flying to? Please choose Return One Way Departing Departing Returning Return Returning Return from different airport? Return from Return from Return to to Return to Adults (age 16+) 0123456789 Youths (age 12 - 15) 01234567 Children (age 2-11) 01234567 Infants (age 0-1) 012 Flying out on Jun 24, 2024 | Returning on Jul 1, 2024 | 2 Adults | 0 Child | 0 Infant Choose Holiday What do you want to do? Please chooseCity BreaksMotorhome HireAll Holidays Where? Where do you want to go? Please selectCalgaryMontrealTorontoVancouver When? When? Please select June 2024 July 2024 August 2024 September 2024 October 2024 How Long? How Long? Please select1 Night2 Nights3 Nights4 Nights5 Nights6 Nights7 Nights Dropoff Location? Dropoff Area? Please select close Reset Pick‑up Location Pick‑up Location Niagara Falls Toronto Toronto Airport Ottawa Ottawa Airport Kingston Thunder Bay Vancouver Vancouver Airport Whistler Kelowna Kelowna Airport Nanaimo Port Hardy Prince George Prince Rupert Richmond Victoria Victoria Airport Calgary Calgary Airport Banff Lake Louise Jasper Edmonton Edmonton Airport Montreal Montreal Airport Quebec City Quebec City Airport Halifax Halifax Airport St. John's Fredericton Fredericton Airport Regina Saskatoon Winnipeg Winnipeg Airport Yellowknife Start date Start date Time Time 00:0000:1500:3000:4501:0001:1501:3001:4502:0002:1502:3002:4503:0003:1503:3003:4504:0004:1504:3004:4505:0005:1505:3005:4506:0006:1506:3006:4507:0007:1507:3007:4508:0008:1508:3008:4509:0009:1509:3009:4510:0010:1510:3010:4511:0011:1511:3011:4512:0012:1512:3012:4513:0013:1513:3013:4514:0014:1514:3014:4515:0015:1515:3015:4516:0016:1516:3016:4517:0017:1517:3017:4518:0018:1518:3018:4519:0019:1519:3019:4520:0020:1520:3020:4521:0021:1521:3021:4522:0022:1522:3022:4523:0023:1523:3023:45 Drop‑off Location Drop‑off Location Return car to same location Return car to same location Return car to same location Return car to same location End date End date Time Time 00:0000:1500:3000:4501:0001:1501:3001:4502:0002:1502:3002:4503:0003:1503:3003:4504:0004:1504:3004:4505:0005:1505:3005:4506:0006:1506:3006:4507:0007:1507:3007:4508:0008:1508:3008:4509:0009:1509:3009:4510:0010:1510:3010:4511:0011:1511:3011:4512:0012:1512:3012:4513:0013:1513:3013:4514:0014:1514:3014:4515:0015:1515:3015:4516:0016:1516:3016:4517:0017:1517:3017:4518:0018:1518:3018:4519:0019:1519:3019:4520:0020:1520:3020:4521:0021:1521:3021:4522:0022:1522:3022:4523:0023:1523:3023:45 Pick-up Jul 10, 2024 08:00 | Drop-off Jul 25, 2024 08:00 | Returning to the same location For Car bookings where the drop off location is different from the pick up location, please call our expert team to assist you with your booking. 0203 432 5817 We apologise for any inconvenience. This service will be available online from January 2016. × close Reset City City Anchorage Banff Calgary Canmore Charlottetown Churchill Clearwater Dawson City Denali National Park Edmonton Fairbanks Fredericton Halifax Huntsville Jasper Juneau Kamloops Kananaskis Village Kelowna Ketchikan Kingston Kodiak Lake Louise Montreal Nanaimo Niagara Falls Ottawa Panorama Parksville Port Hardy Prince George Prince Rupert Quebec City Regina Revelstoke Richmond Saskatoon Skagway St John's Sun Peaks Thunder Bay Tofino Toronto Ucluelet Vancouver Victoria Whistler Whitehorse Windsor Winnipeg Yellowknife Check‑in Check‑in Check‑out Check‑out Check‑out Check‑in Check‑in Check‑out Check‑out Check‑out Rooms Rooms 123 Reset Room 1: Room 1: Adults Adults 01234 Children Children 01234 Infants Infants 01234 Rooms Rooms 123 Reset Adults Adults 01234 Children Children 01234 Infants Infants 01234 Check-in Jun 24, 2024 | Check-out Jul 1, 2024 | 1 Room | 2 Adults | 0 Children | 0 Infants * ALASKA CRUISES OFFERS Cruise discount and up to $300 onboard credit Book by 30 April * APRIL OFFERS Exclusive savings, upgrades and more - Book by 30 April View offers * ALASKA CRUISES OFFERS Cruise discount and up to $300 onboard credit Book by 30 April * APRIL OFFERS Exclusive savings, upgrades and more - Book by 30 April View offers VIEW OFFERS Book by 30 April INCLUDED GOLDLEAF UPGRADE Book by 30 April VIEW FLIGHT DEALS Book 2024/2025 Canada Flights CANADIAN AFFAIR HOLIDAY EXPERIENCES Our Favourite Holidays * Our Favourite Holidays * Cruise Holidays * Rail Holidays * Self Drive Holidays * City Breaks * Motorhome Holidays * Rail & Cruise Holidays * Escorted Tour Holidays * Wildlife Holidays * Winter Holidays * Adventure Holidays All Favourites * All Favourites Previous Special Offer From £4,714 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £4,672 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,645 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £5,909 per person WEST COAST WONDERS AND ALASKAN CRUISE 15 nights, 16 days View this holiday Special Offer From £5,161 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £2,557 per person CUNARD - VANCOUVER & ALASKA CRUISE HOLIDAY 12 nights, 13 days View this holiday Special Offer From £1,103 per person DISCOVER ONTARIO HOLIDAY 10 nights, 11 days View this holiday Special Offer From £1,580 per person ROAMING THE ROCKIES HOLIDAY 13 nights, 14 days View this holiday From £1,730 per person EASTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday From £2,072 per person HERITAGE TRAIL HOLIDAY 12 nights, 13 days View this holiday Special Offer From £2,186 per person MAGNIFICENT VANCOUVER & ALASKA CRUISE HOLIDAY 11 nights, 12 days View this holiday Special Offer From £2,299 per person ATLANTIC EXPLORER - CRUISE NEW ENGLAND, ATLANTIC CANADA & QUEBEC 13 nights, 14 days View this holiday From £2,631 per person WESTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday From £2,408 per person WESTERN HIGHLIGHTS HOLIDAY 13 nights, 14 days View this holiday From £2,529 per person CALGARY STAMPEDE EXTRAVAGANZA HOLIDAY 7 nights, 8 days View this holiday Special Offer From £2,869 per person ALASKA AND THE ROAD TO BRITISH COLUMBIA 18 nights, 19 days View this holiday From £2,565 per person BAY OF FUNDY EXPLORER 13 nights, 14 days View this holiday From £3,425 per person BEAR WATCHING AT KNIGHT INLET LODGE HOLIDAY 6 nights, 7 days View this holiday Special Offer From £3,263 per person ALASKA WILDERNESS BY CRUISE AND RAIL 18 nights, 19 days View this holiday From £3,783 per person UNLIMITED ADVENTURES HOLIDAY 15 nights, 16 days View this holiday From £3,791 per person CANADIAN CONTRASTS AIR INCLUSIVE (14 NIGHTS) 14 nights, 15 days View this holiday Special Offer From £4,748 per person JOURNEY THROUGH THE CLOUDS DISCOVERY BANFF 7 nights, 8 days View this holiday Special Offer From £4,714 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £4,672 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,645 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £5,909 per person WEST COAST WONDERS AND ALASKAN CRUISE 15 nights, 16 days View this holiday Special Offer From £5,161 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £2,557 per person CUNARD - VANCOUVER & ALASKA CRUISE HOLIDAY 12 nights, 13 days View this holiday Special Offer From £1,103 per person DISCOVER ONTARIO HOLIDAY 10 nights, 11 days View this holiday Special Offer From £1,580 per person ROAMING THE ROCKIES HOLIDAY 13 nights, 14 days View this holiday From £1,730 per person EASTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday From £2,072 per person HERITAGE TRAIL HOLIDAY 12 nights, 13 days View this holiday Special Offer From £2,186 per person MAGNIFICENT VANCOUVER & ALASKA CRUISE HOLIDAY 11 nights, 12 days View this holiday Special Offer From £2,299 per person ATLANTIC EXPLORER - CRUISE NEW ENGLAND, ATLANTIC CANADA & QUEBEC 13 nights, 14 days View this holiday From £2,631 per person WESTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday From £2,408 per person WESTERN HIGHLIGHTS HOLIDAY 13 nights, 14 days View this holiday Next Special Offer From £1,793 per person DISCOVERY OF ALASKA 9 nights, 10 days View this holiday Special Offer From £2,186 per person MAGNIFICENT VANCOUVER & ALASKA CRUISE HOLIDAY 11 nights, 12 days View this holiday Special Offer From £2,223 per person VANCOUVER AND ALASKA CRUISE WITH NCL 10 nights, 11 days View this holiday Special Offer From £2,299 per person ATLANTIC EXPLORER - CRUISE NEW ENGLAND, ATLANTIC CANADA & QUEBEC 13 nights, 14 days View this holiday Special Offer From £2,861 per person DRIVING THE PACIFIC COAST & CRUISING ALASKA HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,869 per person CITIES OF THE PACIFIC COAST WITH ALASKA CRUISE 16 nights, 17 days View this holiday Special Offer From £4,672 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,645 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £5,131 per person GLACIERS AND GRIZZLIES HOLIDAY 13 nights, 14 days View this holiday From £5,727 per person GLACIERS AND GOLD RUSH BONANZA HOLIDAY 15 nights, 16 days View this holiday Special Offer From £6,039 per person GLACIER BAY NATIONAL PARK ADVENTURE CRUISE WITH UNCRUISE 8 nights, 9 days View this holiday Special Offer From £6,838 per person GLACIER BAY, FJORDS & CANADIAN INSIDE PASSAGE WITH SEABOURN 15 nights / 16 Days View this holiday Special Offer From £7,207 per person EXPLORATION OF THE PACIFIC CITIES OF CANADA & ALASKA WITH SEABOURN 17 nights / 18 Days View this holiday Special Offer From £10,675 per person LUXURIOUS WILDERNESS IN BRITISH COLUMBIA AND GLACIER BAY WITH SEABOURN 17 nights / 18 Days View this holiday Special Offer From £1,873 per person VANCOUVER & CELEBRITY CRUISE HOLIDAY 8 nights, 9 days View this holiday Special Offer From £2,436 per person ALASKA CRUISE, VANCOUVER & VICTORIA 13 nights, 14 Days View this holiday Special Offer From £2,520 per person ALASKA CRUISE & PACIFIC CITY GETAWAY 13 nights, 14 days View this holiday Special Offer From £2,557 per person CUNARD - VANCOUVER & ALASKA CRUISE HOLIDAY 12 nights, 13 days View this holiday Special Offer From £5,603 per person YUKON AND DENALI CRUISE HOLIDAY 18 nights, 19 days View this holiday Special Offer From £6,666 per person NATURAL WONDERS OF THE ROCKIES & ALASKA CRUISE 18 nights, 19 days View this holiday * Rocky Mountaineer * Via Rail * Western Canada Train Tours * Eastern Canada Train Tours Special Offer From £3,024 per person CANADIAN ROCKIES BY RAIL HOLIDAY 8 nights, 9 days View this holiday Special Offer From £5,123 per person FIRST PASSAGE TO THE WEST DISCOVERY 8 nights, 9 days View this holiday Special Offer From £4,748 per person JOURNEY THROUGH THE CLOUDS DISCOVERY BANFF 7 nights, 8 days View this holiday Special Offer From £4,714 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £4,672 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,645 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £5,223 per person JOURNEY THROUGH THE CLOUDS GRAND ADVENTURE 10 nights, 11 Days View this holiday Special Offer From £5,249 per person RAIL AND SAIL 12 nights, 13 days View this holiday Special Offer From £5,161 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £5,796 per person DISCOVERY CIRCLE JOURNEY BANFF 10 nights, 11 days View this holiday Special Offer From £6,620 per person RAINFOREST TO GOLD RUSH DISCOVERY BANFF 9 nights, 10 days View this holiday Special Offer From £9,060 per person RAINFOREST TO GOLD RUSH GRAND ADVENTURE 11 nights, 12 days View this holiday Special Offer From £8,752 per person ROCKY MOUNTAIN WILD HOLIDAY 15 nights, 16 days View this holiday Special Offer From £10,497 per person GRAND ADVENTURE CIRCLE JOURNEY 13 Nights, 14 Days View this holiday Special Offer From £9,815 per person BEST OF THE ROCKIES CIRCLE JOURNEY 14 nights, 15 days View this holiday From £1,865 per person EASTERN RAIL EXPERIENCE HOLIDAY 7 nights / 8 days View this holiday Special Offer From £2,126 per person WONDERS OF THE CANADIAN & COASTAL VANCOUVER ISLAND 14 nights, 15 days View this holiday Special Offer From £5,151 per person RAIL & CRUISE IN EASTERN CANADA HOLIDAY 14 nights, 15 days View this holiday Special Offer From £5,848 per person TRANS CANADA BY RAIL HOLIDAY 14 nights, 15 days View this holiday Special Offer From £2,723 per person CANADA & NEW ENGLAND CRUISE + RAIL HOLIDAY 13 nights, 14 days View this holiday From £1,583 per person ROCKIES WINTER RAIL HOLIDAY 8 nights, 9 days View this holiday Special Offer From £5,123 per person FIRST PASSAGE TO THE WEST DISCOVERY 8 nights, 9 days View this holiday Special Offer From £4,748 per person JOURNEY THROUGH THE CLOUDS DISCOVERY BANFF 7 nights, 8 days View this holiday Special Offer From £5,223 per person JOURNEY THROUGH THE CLOUDS GRAND ADVENTURE 10 nights, 11 Days View this holiday Special Offer From £5,249 per person RAIL AND SAIL 12 nights, 13 days View this holiday Special Offer From £5,161 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £5,796 per person DISCOVERY CIRCLE JOURNEY BANFF 10 nights, 11 days View this holiday Special Offer From £6,620 per person RAINFOREST TO GOLD RUSH DISCOVERY BANFF 9 nights, 10 days View this holiday Special Offer From £9,060 per person RAINFOREST TO GOLD RUSH GRAND ADVENTURE 11 nights, 12 days View this holiday Special Offer From £8,752 per person ROCKY MOUNTAIN WILD HOLIDAY 15 nights, 16 days View this holiday Special Offer From £9,815 per person BEST OF THE ROCKIES CIRCLE JOURNEY 14 nights, 15 days View this holiday From £1,865 per person EASTERN RAIL EXPERIENCE HOLIDAY 7 nights / 8 days View this holiday Special Offer From £5,151 per person RAIL & CRUISE IN EASTERN CANADA HOLIDAY 14 nights, 15 days View this holiday Special Offer From £5,848 per person TRANS CANADA BY RAIL HOLIDAY 14 nights, 15 days View this holiday Special Offer From £2,723 per person CANADA & NEW ENGLAND CRUISE + RAIL HOLIDAY 13 nights, 14 days View this holiday * Western Canada & Alaska * Eastern Canada & Maritimes From £1,709 per person SUNSHINE TO ALPINE WESTERN ROAD TRIP 10 nights, 11 days View this holiday From £2,484 per person PRAIRIES TO THE PACIFIC HOLIDAY 10 nights, 11 days View this holiday From £2,509 per person GREAT PARKS OF THE WEST HOLIDAY 13 nights, 14 days View this holiday From £2,408 per person WESTERN HIGHLIGHTS HOLIDAY 13 nights, 14 days View this holiday From £3,434 per person IN THE FOOTSTEPS OF THE YUKON PIONEERS HOLIDAY 11 nights, 12 days View this holiday From £3,095 per person BC SPA & WINELANDS CIRCLE HOLIDAY 13 nights, 14 days View this holiday From £3,416 per person WESTERN DELIGHTS HOLIDAY 13 nights, 14 days View this holiday From £3,044 per person RANCHLANDS AND PRAIRIES HOLIDAY 13 nights, 14 days View this holiday From £3,783 per person UNLIMITED ADVENTURES HOLIDAY 15 nights, 16 days View this holiday From £3,731 per person MOUNTAIN COUNTRY HOLIDAY 18 nights, 19 days View this holiday From £3,962 per person WHALES, BEARS AND VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday From £1,140 per person ONTARIO LIFE - CITY, FALLS AND ADVENTURE 6 nights, 7 days View this holiday From £1,466 per person ONTARIO LAKES AND PARKS HOLIDAY 6 nights, 7 days View this holiday From £1,557 per person ONTARIO TASTER HOLIDAY 7 nights, 8 days View this holiday From £1,576 per person TRAILS OF EASTERN NOVA SCOTIA HOLIDAY 7 nights, 8 days View this holiday From £1,785 per person A TASTE OF QUEBEC & THE MAGICAL FJORD 11 nights, 12 days View this holiday From £1,838 per person ONTARIO ADRENALIN HOLIDAY 9 nights, 10 days View this holiday From £2,072 per person HERITAGE TRAIL HOLIDAY 12 nights, 13 days View this holiday From £1,919 per person SPLENDID NATURE OF QUEBEC HOLIDAY 14 nights, 15 days View this holiday From £2,031 per person EASTERN SPIRIT HOLIDAY 13 nights, 14 days View this holiday From £2,089 per person ROUTE DES VOYAGEURS HOLIDAY 15 nights, 16 days View this holiday From £2,410 per person GREAT PARKS OF THE EAST HOLIDAY 14 nights, 15 days View this holiday From £2,464 per person LIGHTHOUSE AND HIDDEN TREASURES OF NOVA SCOTIA 14 nights, 15 days View this holiday From £1,887 per person NOVA SCOTIA CANADA'S OCEAN PLAYGROUND 11 nights, 12 days View this holiday From £2,474 per person GREAT LAKES TREASURE HOLIDAY 15 nights, 16 days View this holiday From £2,583 per person CANADA MARITIME 14 nights, 15 days View this holiday From £2,565 per person BAY OF FUNDY EXPLORER 13 nights, 14 days View this holiday From £2,685 per person ONTARIO THE HOME OF OUTDOOR ADVENTURE View this holiday From £3,017 per person BEACHES, ISLANDS, LOBSTER, MOOSE AND MORE 17 nights, 18 days View this holiday * Eastern Canada * Western Canada Special Offer From £701 per person TORONTO AND NIAGARA FALLS SHORT BREAK 3 nights, 4 days View this holiday Special Offer From £841 per person TORONTO CITY ESCAPE 3 nights, 4 days View this holiday Special Offer From £829 per person MONTREAL SHORT BREAK 6 nights, 7 days View this holiday Special Offer From £917 per person ST.JOHN'S CITY BREAK 5 nights, 6 days View this holiday Special Offer From £1,002 per person MONTREAL AND QUEBEC SHORT BREAK 6 nights, 7 days View this holiday Special Offer From £1000 per person TORONTO AND NIAGARA FALLS 5 nights, 6 days View this holiday From £1,047 per person PRINCE EDWARD ISLAND SHORT BREAK 4 nights, 5 days View this holiday From £1,117 per person NIAGARA-ON-THE-LAKE ROMANTIC GETAWAY 3 nights, 4 days View this holiday Special Offer From £1,134 per person OTTAWA CITY BREAK 6 nights, 7 days View this holiday Special Offer From £1,074 per person VANCOUVER CITY BREAK 3 nights, 4 days View this holiday Special Offer From £1,208 per person VANCOUVER AND WHISTLER ADVENTURE 6 nights, 7 days View this holiday Special Offer From £1,286 per person BANFF AND JASPER SHORT BREAK 7 nights, 8 days View this holiday Special Offer From £1,377 per person BANFF AND LAKE LOUISE 7 nights, 8 days View this holiday Special Offer From £1,467 per person CALGARY AND BANFF SHORT BREAK 7 nights, 8 days View this holiday Special Offer From £1,602 per person VANCOUVER AND VICTORIA HOPPER 7 nights, 8 days View this holiday From £2,239 per person MOUNTAIN ADVENTURE HOLIDAY 7 nights, 8 days View this holiday Special Offer From £1,103 per person DISCOVER ONTARIO HOLIDAY 10 nights, 11 days View this holiday Special Offer From £1,243 per person EASTERN CANADA HIGHLIGHTS HOLIDAY 13 nights, 14 days View this holiday Special Offer From £1,580 per person ROAMING THE ROCKIES HOLIDAY 13 nights, 14 days View this holiday Special Offer From £1,720 per person BEST OF CANADA'S WEST HOLIDAY 15 nights, 16 days View this holiday Special Offer From £1,781 per person NOVA SCOTIAN ADVENTURES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £1,458 per person WESTERN COASTLINE OF NOVA SCOTIA HOLIDAY 8 nights, 9 days View this holiday Special Offer From £1,781 per person SCENIC SPLENDOUR OF MARITIME CANADA HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,623 per person ROAMING THE ROCKIES WITH CAMPGROUNDS 15 nights, 16 days View this holiday Special Offer From £2,126 per person WONDERS OF THE CANADIAN & COASTAL VANCOUVER ISLAND 14 nights, 15 days View this holiday Special Offer From £2,160 per person PACIFIC WILD - VANCOUVER ISLAND AND SUNSHINE COAST HOLIDAY 14 nights, 15 days View this holiday Special Offer From £2,753 per person BEST OF CANADA'S WEST WITH CAMPGROUNDS 17 nights, 18 days View this holiday Special Offer From £2,506 per person MARITIMES MARVELS 14 nights, 15 days View this holiday Special Offer From £2,551 per person YUKON'S KLONDIKE KLUANE LOOP HOLIDAY 15 nights, 16 days View this holiday Special Offer From £3,438 per person SURF & TURF 23 nights, 24 days View this holiday Special Offer From £3,483 per person BONES, BOOTS, BEATS & BEARS 23 nights, 24 days View this holiday Special Offer From £3,263 per person ALASKA WILDERNESS BY CRUISE AND RAIL 18 nights, 19 days View this holiday Special Offer From £4,089 per person ROCKIES AND ALASKA HIGHLIGHTS 11 nights, 12 days View this holiday Special Offer From £4,115 per person EASTERN USA AND CANADA HERITAGE VOYAGE 24 nights, 25 days View this holiday Special Offer From £4,714 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £4,672 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,645 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £5,151 per person RAIL & CRUISE IN EASTERN CANADA HOLIDAY 14 nights, 15 days View this holiday Special Offer From £5,249 per person RAIL AND SAIL 12 nights, 13 days View this holiday Special Offer From £5,909 per person WEST COAST WONDERS AND ALASKAN CRUISE 15 nights, 16 days View this holiday Special Offer From £5,794 per person CALGARY STAMPEDE, ROCKIES & ALASKA CRUISE, THE COMPLETE WESTERN ADVENTURE! 18 nights, 19 days View this holiday Special Offer From £5,161 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £5,702 per person COW TOWN TO GOLD TOWN HOLIDAY 16 nights, 17 days View this holiday Special Offer From £12,132 per person THE JEWELS OF THE CANADIAN ROCKIES & ALASKAN CRUISE WITH SEABOURN 20 nights / 21 Days View this holiday Special Offer From £2,723 per person CANADA & NEW ENGLAND CRUISE + RAIL HOLIDAY 13 nights, 14 days View this holiday Special Offer From £5,603 per person YUKON AND DENALI CRUISE HOLIDAY 18 nights, 19 days View this holiday Special Offer From £6,666 per person NATURAL WONDERS OF THE ROCKIES & ALASKA CRUISE 18 nights, 19 days View this holiday * Western Canada & Alaska * Eastern Canada & Maritimes From £2,631 per person WESTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday From £4,042 per person ROCKIES TRAIL HOLIDAY 9 nights, 10 days View this holiday From £5,727 per person GLACIERS AND GOLD RUSH BONANZA HOLIDAY 15 nights, 16 days View this holiday From £6,231 per person SPECTACULAR ROCKIES AND GLACIERS OF ALBERTA HOLIDAY 7 nights, 8 days View this holiday From £11,839 per person MAJESTY OF THE ROCKIES LUXURY GOLD HOLIDAY 8 nights, 9 days View this holiday From £1,730 per person EASTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday From £3,294 per person EASTERN EXPLORER HOLIDAY 11 nights, 12 days View this holiday From £3,791 per person CANADIAN CONTRASTS AIR INCLUSIVE (14 NIGHTS) 14 nights, 15 days View this holiday From £4,704 per person ATLANTIC MARITIMES TOUR HOLIDAY 12 nights, 13 days View this holiday From £4,790 per person CIRCLE NEWFOUNDLAND & LABRADOR HOLIDAY 12 nights, 13 days View this holiday From £6,141 per person INDULGENCE IN EASTERN CANADA HOLIDAY 7 nights, 8 days View this holiday From £5,793 per person LANDSCAPES OF THE CANADIAN MARITIMES HOLIDAY 11 nights, 12 days View this holiday * Bear Viewing * Whale Watching From £2,465 per person PACIFIC RIM WHALES AND BEARS HOLIDAY 6 nights, 7 days View this holiday From £3,425 per person BEAR WATCHING AT KNIGHT INLET LODGE HOLIDAY 6 nights, 7 days View this holiday From £3,380 per person SONORA RESORT & VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday From £3,962 per person WHALES, BEARS AND VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday From £4,252 per person GRIZZLY BEARS & PACIFIC SHORES HOLIDAY 7 nights, 8 days View this holiday Special Offer From £5,131 per person GLACIERS AND GRIZZLIES HOLIDAY 13 nights, 14 days View this holiday From £5,431 per person DISCOVER VANCOUVER ISLAND & FAREWELL HARBOUR LODGE HOLIDAY 11 nights, 12 days View this holiday From £5,773 per person ULTIMATE ARCTIC SUMMER ADVENTURE HOLIDAY 6 nights, 7 days View this holiday From £7,107 per person WONDERS OF THE SPIRIT BEAR HOLIDAY 7 nights, 8 days View this holiday Special Offer From £6,949 per person RAIL, BEARS & WHALES HOLIDAY 12 nights, 13 days View this holiday From £7,133 per person LUXURY WILDLIFE ADVENTURE HOLIDAY 10 nights, 11 days View this holiday From £7,402 per person CLASSIC CHURCHILL POLAR BEAR ADVENTURE 7 nights, 8 days View this holiday Special Offer From £8,752 per person ROCKY MOUNTAIN WILD HOLIDAY 15 nights, 16 days View this holiday Special Offer From £10,675 per person LUXURIOUS WILDERNESS IN BRITISH COLUMBIA AND GLACIER BAY WITH SEABOURN 17 nights / 18 Days View this holiday From £2,465 per person PACIFIC RIM WHALES AND BEARS HOLIDAY 6 nights, 7 days View this holiday From £2,565 per person BAY OF FUNDY EXPLORER 13 nights, 14 days View this holiday From £3,962 per person WHALES, BEARS AND VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday From £4,704 per person ATLANTIC MARITIMES TOUR HOLIDAY 12 nights, 13 days View this holiday From £4,790 per person CIRCLE NEWFOUNDLAND & LABRADOR HOLIDAY 12 nights, 13 days View this holiday From £5,773 per person ULTIMATE ARCTIC SUMMER ADVENTURE HOLIDAY 6 nights, 7 days View this holiday From £5,793 per person LANDSCAPES OF THE CANADIAN MARITIMES HOLIDAY 11 nights, 12 days View this holiday From £7,133 per person LUXURY WILDLIFE ADVENTURE HOLIDAY 10 nights, 11 days View this holiday Special Offer From £10,675 per person LUXURIOUS WILDERNESS IN BRITISH COLUMBIA AND GLACIER BAY WITH SEABOURN 17 nights / 18 Days View this holiday Special Offer From £1,040 per person SKI BANFF 7 nights, 8 days View this holiday Special Offer From £1,123 per person SKI JASPER 8 nights, 9 days View this holiday From £1,188 per person ONTARIO WINTER & WINE HOLIDAY 6 Nights, 7 Days View this holiday From £1,274 per person SKI PANORAMA 7 nights, 8 days View this holiday From £1,302 per person SKI TREMBLANT 6 nights, 7 days View this holiday Special Offer From £1,220 per person SKI BANFF (10 NIGHTS) 10 nights, 11 days View this holiday From £1,376 per person SKI KICKING HORSE 8 nights, 9 days View this holiday Special Offer From £1,390 per person SKI LAKE LOUISE 7 nights, 8 days View this holiday From £1,655 per person ROCKIES WINTER ESCAPE HOLIDAY 6 nights, 7 days View this holiday Special Offer From £1,411 per person SKI JASPER (10 NIGHTS) 11 nights, 12 days View this holiday From £1,508 per person SKI SILVER STAR 7 nights, 8 days View this holiday Special Offer From £1,669 per person SKI LAKE LOUISE (10 NIGHTS) 10 nights, 11 days View this holiday From £1,644 per person SKI FERNIE 8 nights, 9 days View this holiday From £1,697 per person PACIFIC CANADA: COAST & MOUNTAINS WINTER WONDER 10 nights, 11 days View this holiday From £1,713 per person SKI SUN PEAKS 8 nights, 9 days View this holiday From £1,803 per person NORTHERN LIGHTS OF THE YUKON HOLIDAY 6 nights, 7 days View this holiday Special Offer From £1,865 per person SKI WHISTLER 7 nights, 8 days View this holiday From £1,800 per person QUEBEC WINTER WONDERLAND HOLIDAY 7 nights, 8 days View this holiday From £1,948 per person SKI REVELSTOKE 7 nights, 8 days View this holiday From £1,964 per person ALBERTA SKI SAFARI 13 nights, 14 days View this holiday Special Offer From £2,240 per person SKI BANFF & LAKE LOUISE INCLUDING LIFT PASSES 10 nights, 11 days View this holiday Special Offer From £1,421 per person SKI WHISTLER (10 NIGHTS) 10 nights, 11 days View this holiday Special Offer From £2,435 per person SKI BANFF AND LAKE LOUISE WITH GUIDED ADVENTURE 10 nights, 11 days View this holiday From £2,624 per person BRITISH COLUMBIA SKI SAFARI 14 nights, 15 days View this holiday Special Offer From £2,862 per person SKI WHISTLER INCLUDING LIFT PASSES 7 nights, 8 days View this holiday From £1,271 per person TREMBLANT TRAILS HOLIDAY 6 nights, 7 days View this holiday From £2,013 per person SUNDANCE GUEST RANCH HOLIDAY 6 nights, 7 days View this holiday From £1,838 per person ONTARIO ADRENALIN HOLIDAY 9 nights, 10 days View this holiday From £2,239 per person MOUNTAIN ADVENTURE HOLIDAY 7 nights, 8 days View this holiday From £2,685 per person ONTARIO THE HOME OF OUTDOOR ADVENTURE View this holiday From £2,529 per person CALGARY STAMPEDE EXTRAVAGANZA HOLIDAY 7 nights, 8 days View this holiday From £3,380 per person SONORA RESORT & VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday Special Offer From £5,702 per person COW TOWN TO GOLD TOWN HOLIDAY 16 nights, 17 days View this holiday Special Offer From £6,039 per person GLACIER BAY NATIONAL PARK ADVENTURE CRUISE WITH UNCRUISE 8 nights, 9 days View this holiday From £7,133 per person LUXURY WILDLIFE ADVENTURE HOLIDAY 10 nights, 11 days View this holiday -------------------------------------------------------------------------------- UNRIVALLED CANADA. WE LOVE IT. SO WILL YOU. We're the UK's leading tour operator to Canada We've invested decades exploring Canada from coast to coast - finding gems we know you’ll love - so that our expert advisers can design award-winning holidays tailored to you. Chat with us for advice and we'll show you the insider's Canada. We know the best restaurants, the hidden attractions and the hotels with unbeatable views. We're so confident in our expert service and prices that if you do find the same Canadian holiday elsewhere for cheaper, we'll match it. Why Choose us? ARRANGE A CONSULTATION Call us to get to know the Canada Expert you will be meeting and arrange a time and date for your consultation to talk all about your tailor-made holiday. Call us on 020 7616 9999 Alternatively, complete the form below and one of our team will be happy to confirm your virtual consultation appointment within 24 hours. Request a virtual consultation BLOG - CANADA KNOW-HOW Best Canadian Cities Find out about some of the best Canadian cities to visit including the likes of Toronto, Vancouver and Québec City, and what to do during a stay. Alaska vs Caribbean Cruises Alaska and the Caribbean are hugely popular cruise destinations. But which one is better? We dive deep into the facts and figures to give you the answer. FAQ about Toronto We looked into the most common questions people ask before they go on a Toronto holiday. From top attractions and time difference to how far it is from the Niagara Falls, read to find out more. View more features STAY IN TOUCH & GET REGULAR UPDATES * * * * SIGN UP TO OUR NEWSLETTER... Invalid email Sign up THANK YOU FOR SIGNING UP. PLEASE ENTER YOUR DETAILS BELOW. Please help us make your emails more personalised by filling in these extra details. Rest assured that your privacy is important to us and your details will not be shared with any 3rd party marketing companies. For more information, please read our Privacy Policy. Fields marked with an asterisk (*) are required. Title* Title is required. First name* First name is required. Last name* Last name is required Email address* Email* Please enter valid email e.g name@example.com WHAT ARE YOU INTERESTED IN? Please select all that apply FLIGHTS HOLIDAYS VISIT FRIENDS & FAMILY Please tick box to proceed. I agree to receive electronic messages which may include promotional offers and travel product information from The Airline Seat Company Ltd & its affiliates at the contact information provided above. You can withdraw your consent at anytime. Submit All information collected is intended for Canadian Affair, the data controller, for the purposes of processing your bookings or subscriptions to our newsletters and/or programs. It may also be used for the conduct of marketing and statistical studies, to customise and continuously improve your customer experience, to provide you with the most suitable offers and to send you targeted advertising. If you have consented, it may be used to send you promotional offers. Some of this information may also be communicated to third parties, namely to our subcontractors, who may be located outside the European Union. In accordance with applicable regulation, you have various rights regarding the use and protection of your personal information. When the basis for processing is your consent, you may withdraw that consent at any time. To learn more about your rights, the use and protection of your personal information, please refer to our Privacy Policy. If you wish to exercise one of these rights or contact our Data Protection Officer, please fill out the Privacy Policy Form. Please refer to our Privacy Policy or Contact Us for more details. ABOUT US * Contact Us * Price Match Guarantee * Book With Confidence * Why choose us * Company Information * Privacy Policy * Cookie Policy * Careers * Our Awards * Travel Insurance CANADA HUB * Discover Canada Hub BOOK A CONSULTATION * Our consultancy pod FAQ * Foreign Office Travel Advice * Airport Information * Travel Documents * At The Airport * Luggage * Booking Enquiries * Payment * Seating Queries * In-Flight Information * Health & Travel * Travelling With Infants * eTA TERMS & CONDITIONS * Payment * Luggage Allowances * Ticketing & Travel * General Information * Delays * Financial protection CANADA HOLIDAYS * All Canada Holidays * Tailor made Canada holidays ADVENTURE HOLIDAYS * The Great Outdoors * Calgary Stampede CANADA FLIGHTS * Canada Flight Deals * Flights to Toronto * Flights to Calgary * Flights to Vancouver * Flights to Montreal * Flights to Quebec City WILDLIFE HOLIDAYS * Bear Viewing * Whale Watching * Polar Bear Holidays ESCORTED TOURS * All Canada Tours RAIL HOLIDAYS * Rocky Mountaineer Train Holidays * Via Rail * All Rail Holidays CRUISE HOLIDAYS * Alaska Cruises RAIL & CRUISE HOLIDAYS * All Rail & Cruise Holidays USA HOLIDAYS * All USA Holidays CAR HIRE * Car Hire Vancouver * Car Rental Toronto CANADA FLY DRIVE HOLIDAYS * Motorhome Holidays * Western Canada Self Drives * Eastern Canada Self Drives SKI HOLIDAYS * Ski Whistler * Ski Banff & Lake Louise * Ski Jasper * Ski Sun Peaks * Ski Tremblant CANADA BLOG * Canada Blog Articles -------------------------------------------------------------------------------- Registered in England and Wales, Company No. 3030025, © Airline Seat Company Ltd and Canadian Affair Web design by Accord Our website uses cookies to enhance your user experience, by clicking ‘accept’ you agree to our use of these. To find out more, please read our Cookie Policy. Accept & Close PrevNext JulAugSepOctNovDec202420252026 SuMoTuWeThFrSa 12345678910111213141516171819202122232425262728293031 Chat with us, powered by LiveChat