www.canadianaffair.com
Open in
urlscan Pro
193.201.125.211
Public Scan
Submitted URL: http://www.canadianaffair.com/
Effective URL: https://www.canadianaffair.com/
Submission: On February 26 via api from CA — Scanned from GB
Effective URL: https://www.canadianaffair.com/
Submission: On February 26 via api from CA — 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="2023-03-12">
<input type="hidden" name="CoreSearchCriteria.End_Dt" id="IBDate" ng-value="isReturn?rtnDate.AniteDateFormat():outDate.AniteDateFormat()" class="pcdone" value="2023-03-19">
<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">Glasgow</option>
<option value="3">London Gatwick</option>
<option value="4">Manchester</option>
<option value="5">Montreal-Trudeau</option>
<option value="6">Quebec</option>
<option value="7">Toronto</option>
<option value="8">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 Mar 12, 2023 <span>
<span ng-show="isReturn" class="ng-binding">| Returning on Mar 19, 2023 </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) -->
<option ng-selected="holidayForm.holidayMonth == month.monthNum" ng-repeat="month in holidayForm.selectedCategory.availableDates" value="2023-02-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> February 2023 </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="2023-03-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> March 2023 </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="2023-04-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> April 2023 </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="2023-05-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> May 2023 </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="2023-06-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> June 2023 </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="2023-07-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> July 2023 </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="2023-08-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> August 2023 </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="2023-09-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> September 2023
</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="2023-10-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> October 2023 </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="2023-11-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> November 2023 </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="2023-12-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> December 2023 </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-01-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> January 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-02-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> February 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-03-01" ng-if="checkIsValid(month.monthNum)" class="ng-binding ng-scope"> March 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="2023-03-26">
<input type="hidden" name="CarHireSearchCriteria.End_Dt" data-ng-value="dropoffDate.AniteDateFormat()" value="2023-04-10">
<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">
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">
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">
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 Mar 26, 2023 08:00<span class="ng-binding"> | Drop-off Apr 10, 2023 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="2023-03-12">
<input type="hidden" name="AccomSearchCriteria.End_Dt" data-ng-value="form.checkOut.AniteDateFormat()" value="2023-03-19">
<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" id="dp1677418303982">
<!--<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="dp1677418303983">
<!--<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="dp1677418303984">
<!--<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="dp1677418303985">
<!--<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 Mar 12, 2023 <span class="ng-binding"> | Check-out Mar 19, 2023 </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 * Destinations * Holiday types * Special offers * Book with peace of mind * Contact us * Canada hub * Travel agents * Online check-in * Manage my booking * Sign up to our newsletter * Terms and conditions * Close * Call us today on * UK 0203 424 6311 * Send an enquiry * Request a callback Call us today on 0203 424 6311 Brochures Enquiries Call us today on 0203 424 6311 * Travel Updates * Manage my booking * Online check-in * Travel Agents Call us today on 0203 424 6311 * Destinations * Holiday types * Special offers * Contact us * More options Book with Peace of Mind Flights to Canada 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 chooseCalgaryDublinGlasgowLondon GatwickManchesterMontreal-TrudeauQuebecTorontoVancouver 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 Mar 12, 2023 | Returning on Mar 19, 2023 | 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 February 2023 March 2023 April 2023 May 2023 June 2023 July 2023 August 2023 September 2023 October 2023 November 2023 December 2023 January 2024 February 2024 March 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 Toronto Toronto Airport Niagara Falls 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 Mar 26, 2023 08:00 | Drop-off Apr 10, 2023 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. 020 7616 9184 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 Mar 12, 2023 | Check-out Mar 19, 2023 | 1 Room | 2 Adults | 0 Children | 0 Infants * WHISTLER 2023/24 HOLIDAYS Get $250 of in-resort vouchers per booking Book now * FEBRUARY SALE Save up to £500 per booking - Book by 28 Feb Book now * ROCKY MOUNTAINEER HOLIDAYS Iconic rail journeys Book now * FIND YOURSELF IN BRITISH COLUMBIA Majestic scenery, wildlife & cities await More Info * WHISTLER 2023/24 HOLIDAYS Get $250 of in-resort vouchers per booking Book now * FEBRUARY SALE Save up to £500 per booking - Book by 28 Feb Book now ICONIC RAIL JOURNEYS Book now 2023 CANADA HOLIDAYS Book by 28 Feb VIEW FLIGHT DEALS Book 2023/2024 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 £3,806 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £ 4,034 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £4,235 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,247 per person WEST COAST WONDERS AND ALASKAN CRUISE 15 nights, 16 days View this holiday Special Offer From £4,512 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £1,876 per person CUNARD - VANCOUVER & ALASKA CRUISE HOLIDAY 12 nights, 13 days View this holiday Special Offer From £1,299 per person DISCOVER ONTARIO HOLIDAY 10 nights, 11 days View this holiday Special Offer From £1,318 per person ROAMING THE ROCKIES HOLIDAY 13 nights, 14 days View this holiday Special Offer From £1,499 per person MAGNIFICENT VANCOUVER & ALASKA CRUISE HOLIDAY 11 nights, 12 days View this holiday Special Offer From £1,575 per person EASTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday Special Offer From £1,882 per person ATLANTIC EXPLORER - CRUISE NEW ENGLAND, ATLANTIC CANADA & QUEBEC 13 nights, 14 days View this holiday Special Offer From £1,909 per person WESTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday Special Offer From £2,101 per person HERITAGE TRAIL HOLIDAY 12 nights, 13 days View this holiday Special Offer From £2,212 per person CALGARY STAMPEDE EXTRAVAGANZA HOLIDAY 7 nights, 8 days View this holiday Special Offer From £2,417 per person WESTERN HIGHLIGHTS HOLIDAY 13 nights, 14 days View this holiday Special Offer From £2,599 per person BAY OF FUNDY EXPLORER 13 nights, 14 days View this holiday Special Offer From £2,799 per person UNLIMITED ADVENTURES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,908 per person BEAR WATCHING AT KNIGHT INLET LODGE HOLIDAY 6 nights, 7 days View this holiday Special Offer From £3,097 per person ALASKA AND THE ROAD TO BRITISH COLUMBIA 18 nights, 19 days View this holiday Special Offer From £3,067 per person JOURNEY THROUGH THE CLOUDS DISCOVERY CALGARY I 7 nights, 8 days View this holiday Special Offer From £3,779 per person ALASKA WILDERNESS BY CRUISE AND RAIL 18 nights, 19 days View this holiday Special Offer From £3,545 per person CANADIAN CONTRASTS AIR INCLUSIVE 14 nights, 15 days View this holiday Special Offer From £3,806 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £ 4,034 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £4,235 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,247 per person WEST COAST WONDERS AND ALASKAN CRUISE 15 nights, 16 days View this holiday Special Offer From £4,512 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £1,876 per person CUNARD - VANCOUVER & ALASKA CRUISE HOLIDAY 12 nights, 13 days View this holiday Special Offer From £1,299 per person DISCOVER ONTARIO HOLIDAY 10 nights, 11 days View this holiday Special Offer From £1,318 per person ROAMING THE ROCKIES HOLIDAY 13 nights, 14 days View this holiday Special Offer From £1,499 per person MAGNIFICENT VANCOUVER & ALASKA CRUISE HOLIDAY 11 nights, 12 days View this holiday Special Offer From £1,575 per person EASTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday Special Offer From £1,882 per person ATLANTIC EXPLORER - CRUISE NEW ENGLAND, ATLANTIC CANADA & QUEBEC 13 nights, 14 days View this holiday Special Offer From £1,909 per person WESTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday Special Offer From £2,101 per person HERITAGE TRAIL HOLIDAY 12 nights, 13 days View this holiday Special Offer From £2,212 per person CALGARY STAMPEDE EXTRAVAGANZA HOLIDAY 7 nights, 8 days View this holiday Next Special Offer From £1,499 per person MAGNIFICENT VANCOUVER & ALASKA CRUISE HOLIDAY 11 nights, 12 days View this holiday Special Offer From £1,635 per person DISCOVERY OF ALASKA 9 nights, 10 days View this holiday Special Offer From £1,882 per person ATLANTIC EXPLORER - CRUISE NEW ENGLAND, ATLANTIC CANADA & QUEBEC 13 nights, 14 days View this holiday Special Offer From £2,048 per person VANCOUVER AND ALASKA CRUISE WITH NCL 11 nights, 12 days View this holiday Special Offer From £2,365 per person DRIVING THE PACIFIC COAST & CRUISING ALASKA HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,900 per person CITIES OF THE PACIFIC COAST WITH ALASKA CRUISE 16 nights, 17 days View this holiday Special Offer From £4,235 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,533 per person GLACIERS AND GRIZZLIES HOLIDAY 13 nights, 14 days View this holiday Special Offer From £4,512 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £5,707 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 £7,944 per person EXPLORATION OF THE PACIFIC CITIES OF CANADA & ALASKA WITH SEABOURN 17 nights / 18 Days View this holiday Special Offer From £8,484 per person GLACIER BAY, FJORDS & CANADIAN INSIDE PASSAGE WITH SEABOURN 15 nights / 16 Days View this holiday Special Offer From £9,989 per person LUXURIOUS WILDERNESS IN BRITISH COLUMBIA AND GLACIER BAY WITH SEABOURN 17 nights / 18 Days View this holiday Special Offer From £1,876 per person CUNARD - VANCOUVER & ALASKA CRUISE HOLIDAY 12 nights, 13 days View this holiday Special Offer From £1,877 per person VANCOUVER & CELEBRITY CRUISE HOLIDAY 8 nights, 9 days View this holiday Special Offer From £2,085 per person ALASKA CRUISE, VANCOUVER & VICTORIA 13 nights, 14 Days View this holiday Special Offer From £2,773 per person ALASKA CRUISE & PACIFIC CITY GETAWAY 13 nights, 14 days View this holiday Special Offer From £4,635 per person YUKON AND DENALI CRUISE HOLIDAY 18 nights, 19 days View this holiday Special Offer From £6,485 per person NATURAL WONDERS OF THE ROCKIES & ALASKA CRUISE 16 nights, 17 days View this holiday * Rocky Mountaineer * Via Rail * Western Canada Train Tours * Eastern Canada Train Tours Special Offer From £2,686 per person CANADIAN ROCKIES BY RAIL HOLIDAY 8 nights, 9 days View this holiday Special Offer From £3,067 per person JOURNEY THROUGH THE CLOUDS DISCOVERY CALGARY I 7 nights, 8 days View this holiday Special Offer From £3,651 per person JOURNEY THROUGH THE CLOUDS GRAND ADVENTURE CALGARY II 9 nights, 10 Days View this holiday Special Offer From £3,878 per person FIRST PASSAGE TO THE WEST DISCOVERY CALGARY II 7 nights, 8 days View this holiday Special Offer From £3,806 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £ 4,034 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £4,235 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,512 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £4,997 per person RAIL AND SAIL HOLIDAY (VANCOUVER / VANCOUVER) 12 nights, 13 days View this holiday Special Offer From £5,144 per person DISCOVERY BANFF CIRCLE JOURNEY HOLIDAY 8 nights, 9 days View this holiday Special Offer From £6,080 per person RAINFOREST TO GOLD RUSH DISCOVERY CALGARY I 8 nights, 9 days View this holiday Special Offer From £6197 per person RAINFOREST TO GOLD RUSH GRAND ADVENTURE CALGARY II 10 nights, 11 days View this holiday Special Offer From £7,898 per person GRAND ADVENTURE CIRCLE JOURNEY 11 Nights, 12 Days View this holiday Special Offer From £8,680 per person BEST OF THE ROCKIES CIRCLE JOURNEY 12 nights, 13 days View this holiday Special Offer From £8,965 per person ROCKY MOUNTAIN WILD HOLIDAY 15 nights, 16 days View this holiday Special Offer From £1,994 per person EASTERN RAIL EXPERIENCE HOLIDAY 7 nights / 8 days View this holiday Special Offer From £2,271 per person WONDERS OF THE CANADIAN & COASTAL VANCOUVER ISLAND 14 nights, 15 days View this holiday Special Offer From £5,051 per person RAIL & CRUISE IN EASTERN CANADA HOLIDAY 14 nights, 15 days View this holiday Special Offer From £5,599 per person TRANS CANADA BY RAIL HOLIDAY 14 nights, 15 days View this holiday Special Offer From £2,360 per person CANADA & NEW ENGLAND CRUISE + RAIL HOLIDAY 12 nights, 13 days View this holiday Special Offer From £1,312 per person ROCKIES WINTER RAIL HOLIDAY 8 nights, 9 days View this holiday Special Offer From £3,067 per person JOURNEY THROUGH THE CLOUDS DISCOVERY CALGARY I 7 nights, 8 days View this holiday Special Offer From £3,651 per person JOURNEY THROUGH THE CLOUDS GRAND ADVENTURE CALGARY II 9 nights, 10 Days View this holiday Special Offer From £3,878 per person FIRST PASSAGE TO THE WEST DISCOVERY CALGARY II 7 nights, 8 days View this holiday Special Offer From £ 4,034 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £4,997 per person RAIL AND SAIL HOLIDAY (VANCOUVER / VANCOUVER) 12 nights, 13 days View this holiday Special Offer From £5,144 per person DISCOVERY BANFF CIRCLE JOURNEY HOLIDAY 8 nights, 9 days View this holiday Special Offer From £6,080 per person RAINFOREST TO GOLD RUSH DISCOVERY CALGARY I 8 nights, 9 days View this holiday Special Offer From £6197 per person RAINFOREST TO GOLD RUSH GRAND ADVENTURE CALGARY II 10 nights, 11 days View this holiday Special Offer From £8,680 per person BEST OF THE ROCKIES CIRCLE JOURNEY 12 nights, 13 days View this holiday Special Offer From £8,965 per person ROCKY MOUNTAIN WILD HOLIDAY 15 nights, 16 days View this holiday Special Offer From £1,994 per person EASTERN RAIL EXPERIENCE HOLIDAY 7 nights / 8 days View this holiday Special Offer From £5,051 per person RAIL & CRUISE IN EASTERN CANADA HOLIDAY 14 nights, 15 days View this holiday Special Offer From £5,599 per person TRANS CANADA BY RAIL HOLIDAY 14 nights, 15 days View this holiday Special Offer From £2,360 per person CANADA & NEW ENGLAND CRUISE + RAIL HOLIDAY 12 nights, 13 days View this holiday * Western Canada & Alaska * Eastern Canada & Maritimes Special Offer From £1,571 per person SUNSHINE TO ALPINE WESTERN ROAD TRIP 10 nights, 11 days View this holiday Special Offer From £1,916 per person PRAIRIES TO THE PACIFIC HOLIDAY 10 nights, 11 days View this holiday Special Offer From £2,053 per person GREAT PARKS OF THE WEST HOLIDAY 13 nights, 14 days View this holiday Special Offer From £2,417 per person WESTERN HIGHLIGHTS HOLIDAY 13 nights, 14 days View this holiday Special Offer From £2,516 per person RANCHLANDS AND PRAIRIES HOLIDAY 13 nights, 14 days View this holiday Special Offer From £2,799 per person UNLIMITED ADVENTURES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,902 per person WESTERN DELIGHTS HOLIDAY 13 nights, 14 days View this holiday Special Offer From £2,919 per person IN THE FOOTSTEPS OF THE YUKON PIONEERS HOLIDAY 11 nights, 12 days View this holiday Special Offer From £3,029 per person BC SPA & WINELANDS CIRCLE HOLIDAY 13 nights, 14 days View this holiday Special Offer From £3,222 per person MOUNTAIN COUNTRY HOLIDAY 18 nights, 19 days View this holiday Special Offer From £3,816 per person WHALES, BEARS AND VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday Special Offer From £1,112 per person ONTARIO LIFE - CITY, FALLS AND ADVENTURE 6 nights, 7 days View this holiday Special Offer From £1,386 per person ONTARIO LAKES AND PARKS HOLIDAY 6 nights, 7 days View this holiday Special Offer From £1,448 per person TRAILS OF EASTERN NOVA SCOTIA HOLIDAY 7 nights, 8 days View this holiday Special Offer From £1,459 per person ONTARIO TASTER HOLIDAY 7 nights, 8 days View this holiday Special Offer From £1,624 per person A TASTE OF QUEBEC & THE MAGICAL FJORD 11 nights, 12 days View this holiday Special Offer From £1,760 per person ONTARIO ADRENALIN HOLIDAY 9 nights, 10 days View this holiday Special Offer From £2,037 per person SPLENDID NATURE OF QUEBEC HOLIDAY 14 nights, 15 days View this holiday Special Offer From £2,101 per person HERITAGE TRAIL HOLIDAY 12 nights, 13 days View this holiday Special Offer From £2,059 per person EASTERN SPIRIT HOLIDAY 13 nights, 14 days View this holiday Special Offer From £2,177 per person ROUTE DES VOYAGEURS HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,208 per person GREAT PARKS OF THE EAST HOLIDAY 14 nights, 15 days View this holiday Special Offer From £2,352 per person NOVA SCOTIA CANADA'S OCEAN PLAYGROUND 11 nights, 12 days View this holiday Special Offer From £2,555 per person LIGHTHOUSE AND HIDDEN TREASURES OF NOVA SCOTIA 14 nights, 15 days View this holiday Special Offer From £2,583 per person CANADA MARITIME 14 nights, 15 days View this holiday Special Offer From £2,599 per person BAY OF FUNDY EXPLORER 13 nights, 14 days View this holiday Special Offer From £2,640 per person ONTARIO THE HOME OF OUTDOOR ADVENTURE View this holiday Special Offer From £2,908 per person GREAT LAKES TREASURE HOLIDAY 15 nights, 16 days View this holiday Special Offer 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 £675 per person TORONTO AND NIAGARA FALLS SHORT BREAK 3 nights, 4 days View this holiday Special Offer From £676 per person TORONTO CITY ESCAPE 3 nights, 4 days View this holiday Special Offer From £755 per person TORONTO AND NIAGARA FALLS 5 nights, 6 days View this holiday Special Offer From £806 per person MONTREAL SHORT BREAK 5 nights, 6 days View this holiday Special Offer From £807 per person MONTREAL AND QUEBEC SHORT BREAK 6 nights, 7 days View this holiday Special Offer From £909 per person NIAGARA-ON-THE-LAKE ROMANTIC GETAWAY 3 nights, 4 days View this holiday Special Offer From £960 per person ST.JOHN'S CITY BREAK 5 nights, 6 days View this holiday Special Offer From £962 per person PRINCE EDWARD ISLAND SHORT BREAK 4 nights, 5 days View this holiday Special Offer From £1,196 per person OTTAWA CITY BREAK 6 nights, 7 days View this holiday Special Offer From £896 per person CALGARY AND BANFF SHORT BREAK 7 nights, 8 days View this holiday Special Offer From £901 per person BANFF AND JASPER SHORT BREAK 7 nights, 8 days View this holiday Special Offer From £945 per person BANFF AND LAKE LOUISE 7 nights, 8 days View this holiday Special Offer From £1,005 per person VANCOUVER CITY BREAK 3 nights, 4 days View this holiday Special Offer From £1,046 per person VANCOUVER AND WHISTLER ADVENTURE 6 nights, 7 days View this holiday Special Offer From £1,283 per person VANCOUVER AND VICTORIA HOPPER 7 nights, 8 days View this holiday Special Offer From £1,299 per person DISCOVER ONTARIO HOLIDAY 10 nights, 11 days View this holiday Special Offer From £1,318 per person ROAMING THE ROCKIES HOLIDAY 13 nights, 14 days View this holiday Special Offer From £1,361 per person EASTERN CANADA HIGHLIGHTS HOLIDAY 13 nights, 14 days View this holiday Special Offer From £1,646 per person WESTERN COASTLINE OF NOVA SCOTIA HOLIDAY 8 nights, 9 days View this holiday Special Offer From £1,673 per person BEST OF CANADA'S WEST HOLIDAY 15 nights, 16 days View this holiday Special Offer From £1,949 per person ROAMING THE ROCKIES WITH CAMPGROUNDS 15 nights, 16 days View this holiday Special Offer From £2,011 per person NOVA SCOTIAN ADVENTURES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,070 per person SCENIC SPLENDOUR OF MARITIME CANADA HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,271 per person WONDERS OF THE CANADIAN & COASTAL VANCOUVER ISLAND 14 nights, 15 days View this holiday Special Offer From £2,363 per person YUKON'S KLONDIKE KLUANE LOOP HOLIDAY 15 nights, 16 days View this holiday Special Offer From £2,877 per person BEST OF CANADA'S WEST WITH CAMPGROUNDS 17 nights, 18 days View this holiday Special Offer From £3,289 per person SURF & TURF 23 nights, 24 days View this holiday Special Offer From £3,583 per person BONES, BOOTS, BEATS & BEARS 23 nights, 24 days View this holiday Special Offer From £3,895 per person MARITIMES MARVELS 20 nights, 21 days View this holiday Special Offer From £3,691 per person ROCKIES AND ALASKA HIGHLIGHTS 11 nights, 12 days View this holiday Special Offer From £3,779 per person ALASKA WILDERNESS BY CRUISE AND RAIL 18 nights, 19 days View this holiday Special Offer From £3,806 per person ALASKA CRUISE & THE MAJESTIC ROCKIES HOLIDAY 15 nights, 16 days View this holiday Special Offer From £4,997 per person RAIL AND SAIL HOLIDAY (VANCOUVER / VANCOUVER) 12 nights, 13 days View this holiday Special Offer From £3,974 per person EASTERN USA AND CANADA HERITAGE VOYAGE 24 nights, 25 days View this holiday Special Offer From £ 4,034 per person ROCKIES & ALASKA CRUISE EXTRAVAGANZA HOLIDAY 17 nights / 18 Days View this holiday Special Offer From £4,235 per person CANADIAN ROCKIES AND CALVING GLACIERS 14 nights, 15 days View this holiday Special Offer From £4,247 per person WEST COAST WONDERS AND ALASKAN CRUISE 15 nights, 16 days View this holiday Special Offer From £4,512 per person UNFORGETTABLE ALASKA AND CANADIAN ROCKIES 14 nights, 15 days View this holiday Special Offer From £5,051 per person RAIL & CRUISE IN EASTERN CANADA HOLIDAY 14 nights, 15 days View this holiday Special Offer From £5,149 per person COW TOWN TO GOLD TOWN HOLIDAY 16 nights, 17 days View this holiday Special Offer From £ 5,567 per person CALGARY STAMPEDE, ROCKIES & ALASKA CRUISE, THE COMPLETE WESTERN ADVENTURE! 18 nights, 19 days View this holiday Special Offer From £11,331 per person THE JEWELS OF THE CANADIAN ROCKIES & ALASKAN CRUISE WITH SEABOURN 20 nights / 21 Days View this holiday Special Offer From £2,360 per person CANADA & NEW ENGLAND CRUISE + RAIL HOLIDAY 12 nights, 13 days View this holiday Special Offer From £4,635 per person YUKON AND DENALI CRUISE HOLIDAY 18 nights, 19 days View this holiday Special Offer From £6,485 per person NATURAL WONDERS OF THE ROCKIES & ALASKA CRUISE 16 nights, 17 days View this holiday * Western Canada & Alaska * Eastern Canada & Maritimes Special Offer From £1,909 per person WESTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday Special Offer From £3,327 per person ROCKIES TRAIL HOLIDAY 9 nights, 10 days View this holiday Special Offer From £5,325 per person SPECTACULAR ROCKIES AND GLACIERS OF ALBERTA HOLIDAY 7 nights, 8 days View this holiday Special Offer From £5,707 per person GLACIERS AND GOLD RUSH BONANZA HOLIDAY 15 nights, 16 days View this holiday Special Offer From £9,632 per person MAJESTY OF THE ROCKIES LUXURY GOLD HOLIDAY 8 nights, 9 days View this holiday Special Offer From £1,575 per person EASTERN JOURNEY HOLIDAY 7 nights, 8 days View this holiday Special Offer From £3,122 per person EASTERN EXPLORER HOLIDAY 11 nights, 12 days View this holiday Special Offer From £3,545 per person CANADIAN CONTRASTS AIR INCLUSIVE 14 nights, 15 days View this holiday Special Offer From £4,976 per person CIRCLE NEWFOUNDLAND & LABRADOR HOLIDAY 12 nights, 13 days View this holiday Special Offer From £4,977 per person ATLANTIC MARITIMES TOUR HOLIDAY 12 nights, 13 days View this holiday Special Offer From £5,372 per person LANDSCAPES OF THE CANADIAN MARITIMES HOLIDAY 11 nights, 12 days View this holiday Special Offer From £5,758 per person INDULGENCE IN EASTERN CANADA HOLIDAY 7 nights, 8 days View this holiday * Bear Viewing * Whale Watching Special Offer From £1,258 per person MOUNTAIN ADVENTURE HOLIDAY 7 nights, 8 days View this holiday Special Offer From £2,174 per person PACIFIC RIM WHALES AND BEARS, BLACK BEAR, HUMPBACK WHALES HOLIDAY 6 nights, 7 days View this holiday Special Offer From £2,908 per person BEAR WATCHING AT KNIGHT INLET LODGE HOLIDAY 6 nights, 7 days View this holiday Special Offer From £3,365 per person SONORA RESORT & VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday Special Offer From £3,805 per person GRIZZLY BEARS & PACIFIC SHORES HOLIDAY 7 nights, 8 days View this holiday Special Offer From £3,816 per person WHALES, BEARS AND VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday Special Offer From £4,533 per person GLACIERS AND GRIZZLIES HOLIDAY 13 nights, 14 days View this holiday Special Offer From £5,370 per person WONDERS OF THE SPIRIT BEAR HOLIDAY 7 nights, 8 days View this holiday Special Offer From £5,824 per person ULTIMATE ARCTIC SUMMER ADVENTURE HOLIDAY 6 nights, 7 days View this holiday Special Offer From £7,076 per person CLASSIC CHURCHILL POLAR BEAR ADVENTURE 7 nights, 8 days View this holiday Special Offer From £8,965 per person ROCKY MOUNTAIN WILD HOLIDAY 15 nights, 16 days View this holiday Special Offer From £9,989 per person LUXURIOUS WILDERNESS IN BRITISH COLUMBIA AND GLACIER BAY WITH SEABOURN 17 nights / 18 Days View this holiday Special Offer From £16,034 per person LUXURY WILDLIFE ADVENTURE HOLIDAY 9 nights, 10 days View this holiday Special Offer From £2,174 per person PACIFIC RIM WHALES AND BEARS, BLACK BEAR, HUMPBACK WHALES HOLIDAY 6 nights, 7 days View this holiday Special Offer From £2,599 per person BAY OF FUNDY EXPLORER 13 nights, 14 days View this holiday Special Offer From £3,816 per person WHALES, BEARS AND VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday Special Offer From £4,976 per person CIRCLE NEWFOUNDLAND & LABRADOR HOLIDAY 12 nights, 13 days View this holiday Special Offer From £4,977 per person ATLANTIC MARITIMES TOUR HOLIDAY 12 nights, 13 days View this holiday Special Offer From £5,372 per person LANDSCAPES OF THE CANADIAN MARITIMES HOLIDAY 11 nights, 12 days View this holiday Special Offer From £5,824 per person ULTIMATE ARCTIC SUMMER ADVENTURE HOLIDAY 6 nights, 7 days View this holiday Special Offer From £9,989 per person LUXURIOUS WILDERNESS IN BRITISH COLUMBIA AND GLACIER BAY WITH SEABOURN 17 nights / 18 Days View this holiday Special Offer From £16,034 per person LUXURY WILDLIFE ADVENTURE HOLIDAY 9 nights, 10 days View this holiday Special Offer From £1,005 per person ONTARIO WINTER & WINE HOLIDAY 6 Nights, 7 Days View this holiday Special Offer From £1,072 per person SKI BANFF 7 nights, 8 days View this holiday Special Offer From £1,393 per person SKI PANORAMA 7 nights, 8 days View this holiday Special Offer From £1,090 per person SKI SILVER STAR 7 nights, 8 days View this holiday Special Offer From £1,166 per person SKI SUN PEAKS 7 nights, 8 days View this holiday Special Offer From £1,188 per person SKI KICKING HORSE 7 nights, 8 days View this holiday Special Offer From £1,197 per person SKI BANFF (10 NIGHTS) 10 nights, 11 days View this holiday Special Offer From £1,247 per person SKI JASPER 7 nights, 8 days View this holiday Special Offer From £1,259 per person SKI LAKE LOUISE 7 nights, 8 days View this holiday Special Offer From £1,293 per person ROCKIES WINTER ESCAPE HOLIDAY 6 nights, 7 days View this holiday Special Offer From £1,388 per person SKI JASPER (10 NIGHTS) 10 nights, 11 days View this holiday Special Offer From £1,466 per person SKI LAKE LOUISE (10 NIGHTS) 10 nights, 11 days View this holiday Special Offer From £1,478 per person SKI TREMBLANT 6 nights, 7 days View this holiday Special Offer From £1,607 per person SKI REVELSTOKE 7 nights, 8 days View this holiday Special Offer From £1,650 per person ALBERTA SKI SAFARI 13 nights, 14 days View this holiday Special Offer From £1,746 per person QUEBEC WINTER WONDERLAND HOLIDAY 7 nights, 8 days View this holiday Special Offer From £1,795 per person SKI WHISTLER 7 nights, 8 days View this holiday Special Offer From £1,824 per person NORTHERN LIGHTS OF THE YUKON HOLIDAY 6 nights, 7 days View this holiday Special Offer From £1,912 per person PACIFIC CANADA: COAST & MOUNTAINS WINTER WONDER 10 nights, 11 days View this holiday Special Offer From £1,999 per person SKI BANFF & LAKE LOUISE INCLUDING LIFT PASSES 10 nights, 11 days View this holiday Special Offer From £2,032 per person BRITISH COLUMBIA SKI SAFARI 14 nights, 15 days View this holiday Special Offer From £2,088 per person SKI FERNIE 7 nights, 8 days View this holiday Special Offer From £2,096 per person SKI WHISTLER (10 NIGHTS) 10 nights, 11 days View this holiday Special Offer From £2,186 per person SKI BANFF AND LAKE LOUISE WITH GUIDED ADVENTURE 10 nights, 11 days View this holiday Special Offer From £2,584 per person SKI WHISTLER INCLUDING LIFT PASSES 7 nights, 6 days View this holiday Special Offer From £1,258 per person MOUNTAIN ADVENTURE HOLIDAY 7 nights, 8 days View this holiday Special Offer From £1,321 per person TREMBLANT TRAILS HOLIDAY 6 nights, 7 days View this holiday Special Offer From £1,613 per person SUNDANCE GUEST RANCH HOLIDAY 6 nights, 7 days View this holiday Special Offer From £1,760 per person ONTARIO ADRENALIN HOLIDAY 9 nights, 10 days View this holiday Special Offer From £2,212 per person CALGARY STAMPEDE EXTRAVAGANZA HOLIDAY 7 nights, 8 days View this holiday Special Offer From £2,640 per person ONTARIO THE HOME OF OUTDOOR ADVENTURE View this holiday Special Offer From £3,365 per person SONORA RESORT & VANCOUVER ISLAND HOLIDAY 8 nights, 9 days View this holiday Special Offer From £5,149 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 Special Offer From £16,034 per person LUXURY WILDLIFE ADVENTURE HOLIDAY 9 nights, 10 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 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. Canada vs UK The two have a close relationship are different in their own ways. Learn about which country is a better fit for you with our guide. 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 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 MarAprMayJunJulAugSepOctNovDec202320242025 SuMoTuWeThFrSa 123456789101112131415161718192021222324252627282930 Chat with us, powered by LiveChat