<!-- Brand's customized head section ends here! --> </head> <body id="hotels"> <script type="text/javascript"> var brand_default_locale = "en"; </script> <!-- Header theme customisation starts here! --> <header class="top-bar"> <div class="content-wrapper"> <div id="wan-logo" class="customization__top-bar"> <h1>MAIN1</h1> </div> </div> </header> <div class="content-wrapper settings-and-navs"> <div class="header-settings"> <div> <select class="header-settings__select" id="locale" name="locale"><option value="/" selected="true">English</option></select> </div> <div class=""> <select class="header-settings__select" id="currency" name="currency"><option value="USD" selected="true">USD - U.S. Dollar (US$)</option></select> </div> </div> <!-- homepage-nav js --> <div class="content-wrapper wego__nav"> <ul class="homepage-nav"> <li><a href="#hotels" class="hotels-nav">Hotels</a></li> <li><a href="#flights" class="flights-nav">Flights</a></li> </ul> </div> </div> <!-- Header theme customisation ends here! --> <div id="content"> <div id="tabs"> <div id="hotels_form"> <div id="wan-hotels-form" class="search-form js-search-form"> <div class="content-wrapper"> <form accept-charset="UTF-8" action="" id="wg_hotel_search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div> <h3 class="search-form__title"><i class="icon-building search-form__icon-building"></i>Find Hotels</h3> <div class="search-form__bar js-search-form-bar"> <div> <span class="search-form__bar__location"></span> </div> <div> <span class="search-form__bar__date"></span> (Modify Search) </div> </div> <fieldset class="search-form__container js-search-form-container is-hidden"> <span class="search-form__close js-search-form-close"><i>×</i></span> <div class="form-hidden"> <input id="hotels_search_location_id" name="hotels_search[location_id]" type="hidden" /> <input id="hotels_search_ts_code" name="hotels_search[ts_code]" type="hidden" value="611f2" /> </div> <div class="search-form__field search-form__location js-search-form__location form-location"> <label class="search-form__label" for="hotels_search_query">Where <em>e.g. Bali, Bangkok or Brisbane</em> </label> <!-- <i class="search-form__icon icon-map-marker"></i> --> <input class="search-form__input search-form__input-location hotel-location" id="hotels_search_query" name="hotels_search[query]" tabindex="1" type="text" autocorrect="off" autocomplete="off" value="" /> </div> <div class="search-form__dates"> <div class="search-form__field search-form__checkin form-date"> <label class="search-form__label" for="search_check_in">Check-in</label> <input class="search-form__input date" id="hotels_search_check_in" name="hotels_search[check_in]" tabindex="2" type="text" autocomplete="off" readonly="true"> <i class="search-form__icon icon-calendar"></i> </div> <div class="search-form__field search-form__checkout form-date"> <label class="search-form__label" for="search_check_out">Check-out</label> <input class="search-form__input date" id="hotels_search_check_out" name="hotels_search[check_out]" tabindex="3" type="text" autocomplete="off" readonly="true"> <i class="search-form__icon icon-calendar"></i> </div> <div class="js-datepickers-container search-form__datepickers-holder"></div> </div> <div class="search-form__options"> <div class="search-form__field search-form__rooms form-rooms"> <label class="search-form__label" for="hotels_search_query">Rooms </label> <select class="search-form__select" id="hotels_search_rooms" name="hotels_search[rooms]" tabindex="4"><option value="1" selected="selected">1 Room</option> <option value="2">2 Rooms</option> <option value="3">3 Rooms</option> <option value="4">4 Rooms</option> <option value="5">5 Rooms</option> <option value="6">6 Rooms</option> <option value="7">7 Rooms</option> <option value="8">8 Rooms</option> <option value="9">9 Rooms</option> <option value="10">10 Rooms</option></select> </div> <div class="search-form__field search-form__guests form-guests"> <label class="search-form__label" for="hotels_search_query">Guests </label> <select class="search-form__select" id="hotels_search_guests" name="hotels_search[guests]" tabindex="5"><option value="1">1 Guest</option> <option value="2" selected="selected">2 Guests</option> <option value="3">3 Guests</option> <option value="4">4 Guests</option> <option value="5">5 Guests</option> <option value="6">6 Guests</option> <option value="7">7 Guests</option> <option value="8">8 Guests</option> <option value="9">9 Guests</option> <option value="10">10 Guests</option></select> </div> </div> <div class="form-hidden"> <input id="hotels_search_wgz" name="hotels_search[wgz]" type="hidden" /> </div> <div class="search-form__submit form-button"> <i class="search-form__icon search-form__icon-submit icon-search"></i> <button class="search-form__submit-button" type="submit" tabindex="7">Search</button> </div> </fieldset> </form> </div> <div class="expand-container"></div> </div> <div id="wan-top-hotels-destinations" class="top-destinations"> <div class="content-wrapper"> <h3 class="top-destinations__title"><i class="icon-map-marker"></i> Popular Destinations</h3> <div id="wan-hotels-destinations" class="top-destinations-container"></div> <a href="" class="show-more top-destinations__show-more">Show more</a> </div> </div> <script type="text/mustache" id="template-hotel-destination"> {{ #destinations }} <div class="top-destination wan-destination {{ hidden }}" data-id="{{ id }}" data-name="{{ location }}"> <img class="top-destination__image" src="http://www.mediawego.com/images/top_destinations/360x200/{{ code }}.jpg" width="310" alt="{{ location }}"> <div class="top-destination__info"> <h4 class="top-destination__info-name">{{ location }}</h4> <span class="top-destination__info-hotel-count">{{ count }} hotels</span> </div> <span class="top-destination__price price"> {{#currencyFormat}} <sup>from</sup> <strong class="top-destination__price-amount amount">{{& amount }}</strong><em class="top-destination__price-currency currency"> {{ currency }}</em> {{/currencyFormat}} {{^currencyFormat}} <sup>from</sup> <em class="top-destination__price-currency currency"> {{ currency }}</em> <strong class="top-destination__price-amount amount">{{& amount }}</strong> {{/currencyFormat}} </span> <i class="icon-search top-destination__icon-search"></i> </div> {{ /destinations }} </script> <div id="wan-hotels-results" class="search-results"> <div class="content-wrapper"> <p id="msg_empty_result" class="search-results__warning flash warning hide" data-errormsg="Sorry, an error occurred while processing your request. Please try again later.">No results found. Please try again later.</p> <h3 id="wan-hotels-results-header" class="search-results__header"></h3> <div id="wan-results" class="search-results__body"> <div class="search-results__filter js-filters-toggle">Filter</div> <div id="result-filters" class="filters js-filters is-collapsed"> <span class="filters__close js-filters-toggle"><i>×</i></span> <h3 class="filters__title">Filters</h3> <div id="filter-hotel-name" class="filter"> <h4 class="filter__title">Filter Hotel Name</h4> <form id="filter-hotel-name-form" action="#" method="get" accept-charset="utf-8"> <input type="text" id="search-hotel-name" name="text_filter"> <button type="submit"><i class="icon-search"></i></button> </form> </div> <div id="filter-price" class="filter"> <h4 class="filter__title">Price</h4> <div id="price-slider"></div> <div id="slider-amount" class="filter__slider-amount" data-min="" data-max=""> </div> </div> <div id="filter-stars" class="filter"> <h4 class="filter__title">Star Ratings</h4> <ul class="star-rating checklist filter__checklist"> <li><label><input type="checkbox" class="reset" value="false"> Any</label></li> <li><label><input type="checkbox" name="stars[]" value="5"> <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></label></li> <li><label><input type="checkbox" name="stars[]" value="4"> <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star disabled"></i></label></li> <li><label><input type="checkbox" name="stars[]" value="3"> <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star disabled"></i><i class="icon-star disabled"></i></label></li> <li><label><input type="checkbox" name="stars[]" value="2"> <i class="icon-star"></i><i class="icon-star"></i><i class="icon-star disabled"></i><i class="icon-star disabled"></i><i class="icon-star disabled"></i></label></li> </ul> </div> <div id="filter-property_types" class="filter"> <h4 class="filter__title">Accommodation Type</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-districts" class="filter"> <h4 class="filter__title">Districts / Areas</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-amenities" class="filter"> <h4 class="filter__title">Amenities</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-providers" class="filter"> <h4 class="filter__title">Websites Searched</h4> <ul class="checklist filter__checklist"> <li><label><input type="checkbox" class="reset" value="false"> Any</label></li> </ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-chains-brands" class="filter"> <h4 class="filter__title">Chains & Brands</h4> <ul class="checklist chains filter__checklist"></ul> <ul class="checklist brands filter__checklist"></ul> <a href="#" class="toggle-brands">Show more</a> </div> <a href="#" class="reset-filters filters__reset">Reset Filters</a> </div> <script type="text/mustache" id="template-hotel-filters"> {{ #filters }} <li><label><input name="{{ filter }}[]" type="checkbox" value="{{ filter_value }}">{{ filter_name }}</label></li> {{ /filters }} </script> <script type="text/mustache" id="template-hotel-chains-filter"> <li><label><input class="reset" type="checkbox" value="false"> Any</label></li> {{ #filters }} <li><label><input name="chains[]" type="checkbox" value="{{ filter_value }}">{{ filter_name }}</label></li> {{ /filters }} </script> <script type="text/mustache" id="template-hotel-brands-filter"> <li><label><input class="reset" type="checkbox" value="false"> Any</label></li> {{ #filters }} <li><label><input name="brands[]" type="checkbox" value="{{ filter_value }}">{{ filter_name }}</label></li> {{ /filters }} </script> <script type="text/mustache" id="template-hotel-slider-amount"> <span class="min price"> <em class="currency">{{ currency }}</em><strong class="amount">{{{ minAmount }}}</strong> </span> - <span class="max price"> <em class="currency">{{ currency }}</em><strong class="amount">{{{ maxAmount }}}</strong> </span> </script> <script type="text/mustache" id="template-hotel-slider-amount-rtl"> <span class="min price"> <strong class="amount">{{{ minAmount }}}</strong><em class="currency">{{ currency }}</em> </span> - <span class="max price"> <strong class="amount">{{{ maxAmount }}}</strong><em class="currency">{{ currency }}</em> </span> </script> <div id="sort" class="sort"> <span class="sort__title">Sort by:</span> <a href="#" id="sort-popularity" class="sort-hotel selected sort__popularity">Popularity</a> <a href="#" id="sort-price" class="sort-hotel sort__price">Price <i class="icon-long-arrow-up sort__icon-caret-up"></i> <i class="icon-long-arrow-down sort__icon-caret-down"></i> </a> <a href="#" id="sort-stars" class="sort-hotel sort__stars">Stars <i class="icon-long-arrow-up sort__icon-caret-up"></i> <i class="icon-long-arrow-down sort__icon-caret-down"></i> </a> </div> <p id="msg_empty" class="flash warning hide" >Oops, looks like your filter choices have hidden all hotels. You can adjust the filters on the left or <a href="" id="clear_filters_all_hidden" class="clear_filters">Reset Filters</a> to show all of them</p> <div id="results-list" class="cards"></div> <div id="pagination" class="pagination" data-prev="Prev" data-next="Next"></div> <div id="hotel-details" class="search-details"> <div class="details-info details__info"></div> <div class="book-hotel details__rates"> <table class="details__rates-table"> <thead class="details__rates-thead"> <tr> <th>Website</th> <th class="header-room-rates"> Rooms & Rates <a href="#" data-text="View best rates">View all rooms & rates</a> </th> <th class="right">Rate <em>per night</em></th> <th class="header-total right"></th> </tr> </thead> <tbody id="summary-rates" class="details__rates-tbody details__summary-rates"></tbody> <tbody id="all-rates" class="details__rates-tbody details__all-rates"></tbody> </table> </div> <div id="description" class="details__description"></div> <ul class="menu details__menu"> <li><a href="#" id="menu-photos" class="selected">Photos</a></li> <li><a href="#" id="menu-amenities">Amenities</a></li> </ul> <div id="tabbed-details" class="photos details__tab"> <div id="photos" class="details__photos"><div id="photos-container"></div></div> <div id="amenities" class="details__amenities"><ol></ol></div> </div> </div> <script type="text/mustache" id="template-hotel-details-info"> <div id="hotel-details-id" style="display:none;">{{ hotelId }}</div> {{ #hasHotelImage }} <span class="detail-thumb details__info-thumb"><img src="{{ hotelImage }}" width="105"></span> {{ /hasHotelImage }} {{ ^hasHotelImage }} <span class="detail-thumb details__info-thumb"><img src="/images/no-image.gif" class="no-image"></span> {{ /hasHotelImage }} <div class="rating details__info-rating"> {{ #hotelStars }} <i class="icon-star {{ star }}"></i> {{ /hotelStars }} </div> <h3 class="hotel-name details__info-hotel-name">{{ hotelName }}</h3> {{ #hotelAddress }} {{ #hasHotelLatLon }} <a href="http://maps.google.com/maps?q={{ hotelLat }},{{ hotelLon }}" class="address details__info-address" target="_blank"> <i class="icon-map-marker"></i> <span class="location">{{ hotelAddress }}, {{ hotelLocName }} {{ hotelPostalCode }}</span> <em><i class="icon-external-link"></i> Google maps </em> </a> {{ /hasHotelLatLon }} {{ ^hasHotelLatLon }} <a class="address details__info-address"> <i class="icon-map-marker"></i> <span class="location">{{ hotelAddress }}, {{ hotelDistrict }}, {{ hotelLocName }} {{ hotelPostalCode }}</span> </a> {{ /hasHotelLatLon }} {{ /hotelAddress }} {{ #hotelRank }} <span class="hotel-rank details__info-rank"> <strong class="rank"># {{ hotelRank }}</strong> of {{ totalCount }} hotels in {{ locationName }} </span> {{ /hotelRank }} </script> <script type="text/mustache" id="template-hotel-details-header-total"> Total <em>{{ totalNights }}{{ #isOneNight }} night {{ /isOneNight }}{{ ^isOneNight }} night {{ /isOneNight }}</em> </script> <script type="text/mustache" id="template-hotel-details-summary-rates"> {{ #summaryRoomRates }} <tr id="book-{{ providerHotelId }}"> <td class="partner"> <img src="http://0.omg.io/wego/image/upload/c_fit,w_80,h_24/providers/rectangular_logos/{{ providerCode }}.png" alt="{{ providerName }}"> </td> <td class="room-rates">{{ description }}</td> <td class="room-price"> {{#currencyFormat}} <strong class="amount">{{{ price }}}</strong> <em class="currency">{{ currency_sym }}</em> {{/currencyFormat}} {{^currencyFormat}} <em class="currency">{{ currency_sym }}</em> <strong class="amount">{{{ price }}}</strong> {{/currencyFormat}} </td> <td class="total-price"> <a href="{{ bookingUrl }}" target="_blank"> {{#currencyFormat}} <strong class="amount">{{{ totalNightsPrice }}}</strong> <em class="currency">{{ currency_sym }}</em> {{/currencyFormat}} {{^currencyFormat}} <em class="currency">{{ currency_sym }}</em> <strong class="amount">{{{ totalNightsPrice }}}</strong> {{/currencyFormat}} <i class="icon-chevron-right"></i> </a> </td> </tr> {{ /summaryRoomRates }} </script> <script type="text/mustache" id="template-hotel-details-room-rates"> {{ #roomRates }} <tr id="book-{{ providerHotelId }}"> <td class="partner"> <img src="http://0.omg.io/wego/image/upload/c_fit,w_80,h_24/providers/rectangular_logos/{{ providerCode }}.png" alt="{{ providerName }}"> </td> <td class="room-rates">{{ description }}</td> <td class="room-price"> {{#currencyFormat}} <strong class="amount">{{{ price }}}</strong> <em class="currency">{{ currency_sym }}</em> {{/currencyFormat}} {{^currencyFormat}} <em class="currency">{{ currency_sym }}</em> <strong class="amount">{{{ price }}}</strong> {{/currencyFormat}} </td> <td class="total-price"> <a href="{{ bookingUrl }}" target="_blank"> {{#currencyFormat}} <strong class="amount">{{{ totalNightsPrice }}}</strong> <em class="currency">{{ currency_sym }}</em> {{/currencyFormat}} {{^currencyFormat}} <em class="currency">{{ currency_sym }}</em> <strong class="amount">{{{ totalNightsPrice }}}</strong> {{/currencyFormat}} <i class="icon-chevron-right"></i> </a> </td> </tr> {{ /roomRates }} </script> <script type="text/mustache" id="template-hotel-details-photos"> {{ #hotelPhotos }} <a class="hotel-image details__photo-link" href="{{ url }}" rel="lightbox[hotel]" title="{{ description }}"><img src="{{ url }}" class="details__photo-image" width="200"></a> {{ /hotelPhotos }} </script> <script type="text/mustache" id="template-hotel-details-amenities"> {{ #hotelAmenities }} <li class="on"><i class="icon-ok-sign"></i> <span>{{ amenity }}</span></li> {{ /hotelAmenities }} </script> </div> </div> </div> <script type="text/mustache" id="template-hotel-results-progress-msg"> <i class="icon-spinner icon-spin"></i> Searching for hotels in {{ location_name }} </strong> </script> <script type="text/mustache" id="template-hotel-results-count"> <a href="#" class="return-home"><i class="icon-circle-arrow-left"></i></a> {{ #hasFilterCount }} <strong class="results-headers"> Showing <span class="hotel-counts">{{ filter_count }}</span> of <span class="hotel-count">{{ total_count }}</span> hotels in {{ location_name }} </strong> {{ /hasFilterCount }} {{ ^hasFilterCount }} <strong class="results-header"> Found <span class="hotel-count">{{ total_count }}</span> hotels in {{ location_name }} </strong> {{ /hasFilterCount }} </script> <script type="text/mustache" id="template-hotel-details-loading-msg"> <i class="icon-spinner icon-spin"></i><strong class="results-header"> Loading {{ hotel_name }} </strong> </script> <script type="text/mustache" id="template-return-to-results-msg"> <a href="#" class="return-results"><i class="icon-circle-arrow-left"></i></a><strong class="results-header">Return to search results</strong> </script> <script type="text/mustache" id="template-hotel-card"> <div class="card-body"> <div class="hotel-info wan-hotel__info"> <h4 class="hotel-name wan-hotel__info-name"><a href="{{ url }}/{{ search_id }}" class="show-details wan-hotel__info__show-details">{{ name }}</a><i class="icon-info-sign wan-hotel__info-icon"></i></h4> <span class="hotel-rating star-rating wan-hotel__info-rating"> {{ #hotelStars }} <i class="icon-star {{ star }}"></i> {{ /hotelStars }} </span> <span class="hotel-rank wan-hotel__info-rank"> <strong class="rank"># {{ rank }}</strong> of {{ total_count }} hotels in <em>{{ location_name }}</em> </span> </div> <a href="{{ bookingURL }}" class="price wan-hotel__card-price" target="_blank"> {{#currencyFormat}} <strong class="amount">{{{ price_str }}}</strong> <em class="currency">{{ currency_sym }}</em> {{/currencyFormat}} {{^currencyFormat}} <em class="currency">{{ currency_sym }}</em> <strong class="amount">{{{ price_str }}}</strong> {{/currencyFormat}} <i class="icon-chevron-right"></i> <span class="per">per room per night </span> </a> <div class="card-listings"> <div class="hotel-thumb {{ thumbClass }} wan-hotel__thumb"> <a href="{{ url }}/{{ search_id }}" class="show-details"><img class="wan-hotel__thumb-img" src="{{ image }}" width="200" height="200"></a> </div> <ul class="booking-partners wan-hotel__providers"> {{ #bookingPartnersList }} <li class="wan-hotel__provider"> <a class="wan-hotel__provider-link" href="{{ partnerBookingUrl }}" target="_blank"> <span class="booking-partner wan-hotel__provider-name">{{ partnerName }}</span> {{#currencyFormat}} <span class="rate wan-hotel__provider-rate"><strong class="amount">{{{ partnerPrice }}}</strong><em class="currency">{{ partnerCurrency }}</em></span> {{/currencyFormat}} {{^currencyFormat}} <span class="rate wan-hotel__provider-rate"><em class="currency">{{ partnerCurrency }}</em><strong class="amount">{{{ partnerPrice }}}</strong></span> {{/currencyFormat}} </a> </li> {{ /bookingPartnersList }} </ul> </div> </div> </script> </div> <div id="flights_form"> <div id="wan-flights-form" class="search-form"> <div class="content-wrapper"> <form accept-charset="UTF-8" action="" id="wg_flight_search" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="yZb7cHTPRm8SQ/+0nc+QGXQjtNx+tJ4UKBi62itVcU4=" /></div> <h3 class="search-form__title"><i class="icon-plane search-form__icon-plane"></i>Find Flights</h3> <div class="search-form__bar js-search-form-bar"> <div> <span class="search-form__bar__location"></span> <span class="search-form__bar__trip-type js-search-form__bar__trip-type" data-roundtrip="Round trip" data-oneway="One way"></span> </div> <div> <span class="search-form__bar__date"></span> (Modify Search) </div> </div> <fieldset class="search-form__container js-search-form-container is-hidden"> <span class="search-form__close js-search-form-close"><i>×</i></span> <div class="search-form__field search-form__trip-type form-triptype"> <label class="search-form__roundtrip form-roundtrip active"> <input checked="checked" class="search-form__input-roundtrip wego-roundtrip" id="flights_search_trip_type_roundtrip" name="flights_search[trip_type]" type="radio" value="roundtrip" /> Round trip<i class="search-form__icon-triptype icon-triptype"></i> </label> <label class="search-form__oneway form-oneway"> <input class="search-form__input-oneway wego-oneway" id="flights_search_trip_type_oneway" name="flights_search[trip_type]" type="radio" value="oneway" /> One way<i class="search-form__icon-triptype icon-triptype"></i> </label> </div> <div class="search-form__field search-form__from form-from"> <label for="flights_search_query" class="search-form__label form-label">From</label> <input class="search-form__input flight-from" id="flights_search_from_location_name" name="flights_search[from_location_name]" tabindex="1" type="text" autocorrect="off" autocomplete="off" value="" /> <input class="wego-from-code" id="flights_search_from_location" name="flights_search[from_location]" type="hidden" value="" /> </div> <div class="search-form__field search-form__to form-to"> <label for="flights_search_query" class="search-form__label form-label">To</label> <input class="search-form__input flight-to" id="flights_search_to_location_name" name="flights_search[to_location_name]" tabindex="2" type="text" autocorrect="off" autocomplete="off" value="" /> <input class="wego-to-code" id="flights_search_to_location" name="flights_search[to_location]" type="hidden" value="" /> </div> <div class="search-form__dates"> <div class="search-form__field search-form__outbound form-date"> <label for="search_outbound" class="search-form__label form-label">Outbound</label> <input class="search-form__input date" id="flights_search_outbound_date" name="flights_search[outbound_date]" tabindex="3" type="text" autocomplete="off" readonly="true"> <i class="search-form__icon icon-calendar"></i> </div> <div class="search-form__field search-form__inbound form-date"> <label for="search_inbound" class="search-form__label form-label">Inbound</label> <input class="search-form__input date" id="flights_search_inbound_date" name="flights_search[inbound_date]" tabindex="4" type="text"> <input type="text" style="display: none;" class="search-form__input wego-text wego-return-oneway" value="One way" title="One-way" disabled="disabled" autocomplete="off" readonly="true"> <i class="search-form__icon icon-calendar"></i> </div> <div class="js-datepickers-container search-form__datepickers-holder"></div> </div> <div class="search-form__field search-form__extrafields form-extrafields"> <div class="search-form__extrafields-button form-extrafields-label">  <i class="search-form__icon-chevron-down icon-chevron-down"></i> </div> <div class="search-form__extrafields-box js-extrafields"> <div class="search-form__field search-form__cabin-class form-cabin-class"> <label for="search_inbound" class="search-form__label form-label">Cabin class</label> <select class="search-form__select" id="flights_search_cabin_class" name="flights_search[cabin_class]" tabindex="5"><option value="economy" selected="selected">Economy</option> <option value="business">Business</option> <option value="first">First</option></select> </div> <div class="search-form__field form-adult"> <label for="flights_search_adult">Adult</label> <select class="search-form__select" id="flights_search_num_adults" name="flights_search[num_adults]" tabindex="6"><option value="1" selected="selected">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> <option value="8">8</option> <option value="9">9</option></select> </div> <div class="search-form__field form-children"> <label for="flights_search_children">Children</label> <select class="search-form__select" id="flights_search_num_children" name="flights_search[num_children]" tabindex="7"><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> <option value="8">8</option> <option value="9">9</option></select><br/> </div> </div> </div> <div class="search-form__submit form-button"> <i class="search-form__icon search-form__icon-submit icon-search"></i> <button class="search-form__submit-button" type="submit" tabindex="8">Search</button> <input type="hidden" name="update-filter" id="update-filter" class="update-filter" value="0"> </div> </fieldset> </form> </div> <div class="expand-container"></div> </div> <div id="wan-top-flights-destinations" class="top-destinations"> <div class="content-wrapper"> <h3 class="top-destinations__title"><i class="icon-map-marker"></i> Popular Destinations</h3> <div id="wan-flights-destinations" class="top-destinations-container"></div> <a href="" class="show-more top-destinations__show-more">Show more</a> </div> </div> <script type="text/html" id="template-flight-destination"> {{ #destinations }} <div class="top-destination wan-destination {{ hidden }}" data-code="{{ code }}" data-name="{{ location }}"> <img class="top-destination__image" src="http://www.mediawego.com/images/top_destinations/360x200/{{ code }}.jpg" width="310" alt="{{ location }}"> <div class="top-destination__info"> <h4 class="top-destination__info-name">{{ location }}</h4> </div> <span class="top-destination__price price"> {{#currencyFormat}} <sup>from</sup> <strong class="top-destination__price-amount amount">{{& amount }}</strong><em class="top-destination__price-currency currency"> {{ currency }}</em> {{/currencyFormat}} {{^currencyFormat}} <sup>from</sup> <em class="top-destination__price-currency currency"> {{ currency }}</em> <strong class="top-destination__price-amount amount">{{& amount }}</strong> {{/currencyFormat}} </span> <i class="icon-search top-destination__icon-search"></i> </div> {{ /destinations }} </script> <div id="wan-flights-results" class="search-results"> <div class="content-wrapper"> <p id="msg_empty_result" class="search-results__warning flash warning hide" data-errormsg="Sorry, an error occurred while processing your request. Please try again later.">No results found. Please try again later.</p> <p id="msg_empty" class="search-results__warning flash warning hide" >Oops, looks like your filter choices have hidden all flights. You can adjust the filters on the left or <a href="" id="clear_filters_all_hidden" class="clear_filters">Reset Filters</a> to show all of them</p> <h3 id="wan-flights-results-header" class="search-results__header" data-searching="Searching" data-airlines="Airlines" data-flights="Flights" data-for_airlines="Searching for Airlines" data-for_flights="Searching for flights"></h3> <div id="wan-results-flights" class="search-results__body"> <div class="search-results__filter js-filters-toggle">Filter</div> <div class="search-results__nav-listings" id="nav-listings"> <ul> <li><a class="active" id="nav-listings-summary" href="#">Airlines</a></li> <li><a id="nav-listings-list" href="#">Flights</a></li> </ul> </div> <div id="result-filters-flights" class="filters js-filters is-collapsed" data-selectall="Select all"> <span class="filters__close js-filters-toggle"><i>×</i></span> <h3 class="filters__title">Filters</h3> <div id="filter-price" class="filter"> <h4 class="filter__title">Price</h4> <div id="flights-price-slider"></div> <div id="slider-amount" class="filter__slider-amount" data-min="" data-max=""> </div> </div> <div id="filter-stop_type_filters" class="filter" data-direct="Direct" data-stop="1 stop" data-stops="2+ stops"> <h4 class="filter__title">Stops</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-airline_filters" class="filter"> <h4 class="filter__title">Airlines</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-arrival_airport_filters" class="filter"> <h4 class="filter__title">Arrival</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-departure_airport_filters" class="filter"> <h4 class="filter__title">Takeoff</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-stopover_airport_filters" class="filter"> <h4 class="filter__title">Stopover</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <div id="filter-provider_filters" class="filter filter__provider-filters"> <h4 class="filter__title">Websites Searched</h4> <ul class="checklist filter__checklist"></ul> <a href="#" class="toggle js-show-more" data-toggle="Show less" data-toggle-original="Show more">Show more</a> </div> <!-- <div id="filter-chains-brands" class="filter"> <h4>< %= t('common.chain_brands')%></h4> <ul class="checklist chains"></ul> <ul class="checklist brands"></ul> <a href="#" class="toggle-brands">< %= t('txt.show_more')%></a> </div> --> <a href="#" class="reset-filters filters__reset">Reset Filters</a> </div> <script type="text/mustache" id="template-flight-slider-amount"> <span class="min price"> <em class="currency">{{ currency }}</em><strong class="amount">{{{ minAmount }}}</strong> </span> - <span class="max price"> <em class="currency">{{ currency }}</em><strong class="amount">{{{ maxAmount }}}</strong> </span> </script> <script type="text/mustache" id="template-flight-slider-amount-rtl"> <span class="min price"> <strong class="amount">{{{ minAmount }}}</strong><em class="currency">{{ currency }}</em> </span> - <span class="max price"> <strong class="amount">{{{ maxAmount }}}</strong><em class="currency">{{ currency }}</em> </span> </script> <div id="sort-flights" class="sort"> <span class="sort__title">Sort by:</span> <a href="#" id="sort-outbound_departure_time" class="sort-flight sort__depart">Depart <i class="icon-long-arrow-up sort__icon-caret-up"></i> <i class="icon-long-arrow-down sort__icon-caret-down"></i> </a> <a href="#" id="sort-inbound_departure_time" class="sort-flight sort__arrive">Arrive <i class="icon-long-arrow-up sort__icon-caret-up"></i> <i class="icon-long-arrow-down sort__icon-caret-down"></i> </a> <a href="#" id="sort-duration" class="sort-flight sort__duration">Duration <i class="icon-long-arrow-up sort__icon-caret-up"></i> <i class="icon-long-arrow-down sort__icon-caret-down"></i> </a> <a href="#" id="sort-price" class="sort-flight sort__flight-price selected asc">Price <i class="icon-long-arrow-up sort__icon-caret-up"></i> <i class="icon-long-arrow-down sort__icon-caret-down"></i> </a> </div> <div id="results-airline" class="airline-cards"></div> <div id="results-list" class="cards" data-direct="Direct" data-via="Via"></div> <div id="pagination" class="pagination" data-prev="Prev" data-next="Next"></div> </div> </div> </div> <script type="text/mustache" id="template-out-of"> {{{ tplReturnArrow }}} <strong class="results-header"><span class="flight-count">{{ filtered_count }}</span> out of <span class="flight-count">{{ count }}</span> {{ type }}</strong> </script> <script type="text/mustache" id="template-found"> {{{ tplReturnArrow }}} <strong class="results-header">Found <span class="flight-count">{{ count }}</span> {{ type }}</strong> </script> <script type="text/mustache" id="template-flight-card"> <div class="card-body"> <div class="itinerary_left flight-card__itinerary-left"> <p class="itinerary_depart clearfix flight-card__itinerary-depart"> <span class="airline_codes flight-card__airline-code"> <img class="flight-card__airline-image" alt="{{ outbound_airline_code }}" src="http://0.omg.io/wego/image/upload/c_fit,w_27,h_23/flights/airlines_square/{{ outbound_airline_code }}.png"> </span> <span class="outbound_loc flight-card__location">{{ outbound_departure_code }}</span> <span class="outbound_time flight-card__time flight-card__outbound-time" data-datetime="{{ outbound_departure_date_time }}">{{ outbound_departure_time }}</span> <span class="inbound_loc flight-card__location">{{ outbound_arrival_code }}</span> <span class="inbound_time" data-datetime="{{ outbound_arrival_date_time }}">{{ outbound_arrival_time }}</span> <span class="outbound_designator_code" data-designator-code="{{ outbound_designator_code }}"> </span> <span class="duration flight-card__duration">{{ outbound_duration }}</span> <span class="via flight-card__via">{{ outbound_flight_type }}</span> </p> {{^one_way}} <p class="itinerary_arrive clearfix flight-card__itinerary-arrive"> <span class="airline_codes flight-card__airline-code"> <img class="flight-card__airline-image" alt="{{ inbound_airline_code }}" src="http://0.omg.io/wego/image/upload/c_fit,w_27,h_23/flights/airlines_square/{{ inbound_airline_code }}.png"> </span> <span class="outbound_loc flight-card__location">{{ inbound_departure_code }}</span> <span class="inbound_time flight-card__time flight-card__inbound-time">{{ inbound_departure_time }}</span> <span class="inbound_loc flight-card__location">{{ inbound_arrival_code }}</span> <span class="inbound_time">{{ inbound_arrival_time }}</span> <span class="inbound_designator_code" data-designator-code="{{ inbound_designator_code }}"> </span> <span class="duration flight-card__duration">{{ inbound_duration }}</span> <span class="via flight-card__via">{{ inbound_flight_type }}</span> </p> {{/one_way}} </div> <div class="itinerary_right flight-card__itinerary-right"> <a href="#" class="list_item_details flight-card__details" data-id="{{ route_id }}" data-close="close">Flight details</a> <a href="" class="list_item_price_link flight-card__price-link"> <p class="amount"> {{#currencyFormat}} <span class="price flight-card__price">{{{ price_str }}}</span> <span class="currency">{{ currency_symbol }}</span> {{/currencyFormat}} {{^currencyFormat}} <span class="currency">{{ currency_symbol }}</span> <span class="price flight-card__price">{{{ price_str }}}</span> {{/currencyFormat}} </p> </a> <a href="{{cheapestFareDeepLink}}" target="_blank" class="item_select item_button card-body__item-button">Select</a> </div> <div class="list_rates flight-card__rates {{#hasHiddenRates}}has-rates-hidden{{/hasHiddenRates}}"> <ul> {{ #providerFareList }} <li class="flight-card__rate {{#isHidden}}is-hidden{{/isHidden}}"> <a target="_blank" class="flight-card__deeplink" href="{{providerDeeplink}}"> <span class="list_rates_provider_code flight-card__rate__provider-code">{{providerCode}}</span> <span class="list_rates_price flight-card__rate__price"> {{#currencyFormat}} <span class="amount">{{{ providerPrice }}}</span><span class="currency">{{ currency_symbol }}</span> {{/currencyFormat}} {{^currencyFormat}} <span class="currency">{{ currency_symbol }}</span><span class="amount">{{{ providerPrice }}}</span> {{/currencyFormat}} </span> </a> </li> {{ /providerFareList }} </ul> <span class="rates-see-more flight-card__see-more">Show more</span> <span class="rates-see-less flight-card__see-less">Show less</span> </div> <div class="flights_outbound_details"> {{ #flightsRouteDetailsOutbound }} <div class="outbound_{{ outboundCount }}" data-designator-code="{{ outboundDesignatorCode }}" data-departure-name="{{ outboundDepartureName }}" data-departure-code="{{ outboundDepartureCode }}" data-departure-date-time="{{ outboundDepartureDateTime }}" data-arrival-name="{{ outboundArrivalName }}" data-arrival-code="{{ outboundArrivalCode }}" data-arrival-date-time="{{ outboundArrivalDateTime }}" data-airline-code="{{ outboundAirlineCode }}" data-operating-airline-name="{{ outboundOperatingAirlineName }}" data-duration="{{ outboundDuration }}"></div> {{ /flightsRouteDetailsOutbound }} </div> <div class="flights_inbound_details"> {{ #flightsRouteDetailsInbound }} <div class="inbound_{{ inboundCount }}" data-designator-code="{{ inboundDesignatorCode }}" data-departure-name="{{ inboundDepartureName }}" data-departure-code="{{ inboundDepartureCode }}" data-departure-date-time="{{ inboundDepartureDateTime }}" data-arrival-name="{{ inboundArrivalName }}" data-arrival-code="{{ inboundArrivalCode }}" data-arrival-date-time="{{ inboundArrivalDateTime }}" data-airline-code="{{ inboundAirlineCode }}" data-operating-airline-name="{{ inboundOperatingAirlineName }}" data-duration="{{ inboundDuration }}"></div> {{ /flightsRouteDetailsInbound }} </div> </div> </script> <script type="text/mustache" id="template-airline-card"> <div class="card-body"> <div class="airline_left airline-card__left"> <span class="airline_codes airline-card__code" data-code="{{ airline_code }}"> <img alt="{{ airline_code }}" src="http://0.omg.io/wego/image/upload/c_fit,w_80,h_27/flights/airlines_rectangular/{{ airline_code }}.png"> </span> <span class="airline_name airline-card__name">{{ airline_name }}</span> </div> <div class="airline_right airline-card__right"> <span class="airline_fares_count airline-card__fares-count">see all <a href="#">{{ airline_fares_count }} fares</a></span> <a href="" class="airline_best_price airline-card__best-price airline-card__link"> <p class="amount"> {{#currencyFormat}} <span class="price">{{{ airline_best_price }}}</span> <span class="currency">{{ currency_symbol }}</span> {{/currencyFormat}} {{^currencyFormat}} <span class="currency">{{ currency_symbol }}</span> <span class="price">{{{ airline_best_price }}}</span> {{/currencyFormat}} </p> </a> <a href="" target="_blank" class="item_select item_button card-body__item-button airline-card__link">Select</a> </div> </div> </script> <script type="text/mustache" id="template-route-sponsor"> </script> <script type="text/mustache" id="template-flight-details"> <div class="details-content"> <div dir="ltr" class="clearfix"> <a href="#" class="close-facebox js-close-facebox">X</a> <table class="wego-flight-detail-table"> <tbody> <tr> <td colspan="2" class="wego-flight-date"> <strong>Outbound Flight</strong> - <span class="wego-dataheader">{{ outbound_date }}</span> </td> <td colspan="2" class="wego-duration"><i class="icon-time"></i> Duration: <strong>{{ outbound__total_duration }}</strong></td> </tr> {{ #flightsRouteDetailsOutbound }} <tr> <td class="wego-airline-cell"> <img src="http://0.omg.io/wego/image/upload/c_fit,w_80,h_27/flights/airlines_rectangular/{{ outbound_airline_code }}.png"> <strong>{{ outbound_designator_code }}</strong> </td> <td><strong>{{ outbound_departure_date_time }}</strong><br>Departs from {{ outbound_departure_name }} ({{ outbound_departure_code }})</td> <td><strong>{{ outbound_arrival_date_time }}</strong><br>Arrives at {{ outbound_arrival_name }} ({{ outbound_arrival_code }})</td> <td><strong>{{ outbound_duration }}</strong></td> </tr> {{#outbound_operating_airline_name}} <tr> <td colspan="4" class="codeshare">* Operated by {{ outbound_operating_airline_name }}</td> </tr> {{/outbound_operating_airline_name}} {{ /flightsRouteDetailsOutbound }} {{^one_way}} <tr> <td colspan="2" class="wego-flight-date"><strong>Inbound Flight</strong> - <span class="wego-dataheader">{{ inbound_date }}</span></td> <td colspan="2" class="wego-duration"><i class="icon-time"></i> Duration: <strong>{{ inbound_total_duration }}</strong></td> </tr> {{ #flightsRouteDetailsInbound }} <tr> <td class="wego-airline-cell"><img src="http://0.omg.io/wego/image/upload/c_fit,w_80,h_27/flights/airlines_rectangular/{{ inbound_airline_code }}.png"> <strong>{{ inbound_designator_code }}</strong></td> <td><strong>{{ inbound_departure_date_time }}</strong><br>Departs from {{ inbound_departure_name }} ({{ inbound_departure_code }})</td> <td><strong>{{ inbound_arrival_date_time }}</strong><br>Arrives at {{ inbound_arrival_name }} ({{ inbound_arrival_code }})</td> <td><strong>{{ inbound_duration }}</strong></td> </tr> {{#inbound_operating_airline_name}} <tr> <td colspan="4" class="codeshare">* Operated by {{ inbound_operating_airline_name }}</td> </tr> {{/inbound_operating_airline_name}} {{ /flightsRouteDetailsInbound }} {{/one_way}} </tbody> </table> </div> </div> </script> </div> </div> </div> <!-- Footer theme customisation starts here! --> <!-- Bottom bar customisation starts here! --> <footer class="footer"> <div class="wan-wrap"> <p id="wan-copyright">Powered by Wego.com</p> </div> </footer> <!-- Footer theme customisation ends here! --> <!-- Bottom bar customisation ends here! --> <div class="flights-info-bar"> <div class="price-info"> <i class="icon-info-sign"></i>Price/person, in <span class="js-currency-placeholder">USD</span> <em>(taxes and fees incl.)</em> </div> <div class="airline-fees"> <span class="airline-fees-long">Additional baggage & credit card fee may <a href="http://www.wego.com/airlines/fees" target="_blank">apply</a></span> <span class="airline-fees-short">Additional fees may <a href="http://www.wego.com/airlines/fees" target="_blank">apply</a></span> </div> </div> <script src="/assets/responsive/javascripts/theme-89dd34e5ea82ff76609e5265b8714725.js" type="text/javascript"></script> <script src="/assets/generate/javascripts/customisations.js" type="text/javascript"></script> <!-- Start affiliate custom tracking --> <!-- End affiliate custom tracking --> </body> </html>