CINXE.COM
BookTravel Engines
<!--End Customer Reviews--> <html> <head> <meta charset="UTF-8"> <title>BookTravel Engines</title> <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap" rel="stylesheet"> <link rel="shortcut icon" href="https://www2.inteletravel.com/hubfs/InT-Favicon-228.png"> <link href="https://use.typekit.net/hxr6bij.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" /> <link href="assets/css/style-vue.css?version=C149A2F2-A1B8-84D4-7366085E7026F5C5" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.15/css/intlTelInput.css" integrity="sha512-gxWow8Mo6q6pLa1XH/CcH8JyiSDEtiwJV78E+D+QP0EVasFs8wKXq16G8CLD4CJ2SnonHr4Lm/yY2fSI2+cbmw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <style type="text/css"> #error-msg{ position: relative !important; top: -20px !important; color: red !important; } #valid-msg{ position: relative !important; top: -20px !important; color: #00C900 !important; } input .error{ border: 1px solid #FF7C7C !important; } .hide{ display: none !important; } div.dropdown { height: 56px !important; line-height: 52px !important; padding-left: 12px !important; width: 100% !important; margin: 5px 0 25px 0px !important; color: #403636 !important; border: 1px solid rgba(0,0,0,.87) !important; font-size: 14px !important; } #CruiseSearchForm .intelesearch { width: 96% !important; } .intelesearch tbody tr td { padding: 10px 10px; width: 50%; } .intelesearch label { float: left; width: 100%; margin-bottom: 10px !important; font-size: 14px; color: #000; font-weight: 600; text-transform: capitalize; } div.popup { width: 410px !important; margin-top: -1px; } .itineraryNumber { color: #000 !important; font-weight: bold !important; font-size: 38px !important; font-family: ivyjournal,sans-serif !important; } div.dropdown::after { font-size: 22px !important; } .search-button { background-color: #d50032 !important; border: none; padding: 12px 50px; height: 64px !important; color: #fff; text-transform: capitalize !important; font-size: 16px; transition: 0.2s; margin-top: 15px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); float: left; font-weight: 600; } .searchFilterCount { color: #000 !important; font-weight: bold !important; font-size: 38px !important; font-family: ivyjournal,sans-serif !important; text-align: left !important; margin-bottom: 0 !important; } @media screen and (min-width: 300px) and (max-width: 767px){ .intelesearch tbody tr td { width: 100% !important; float: left; } div.popup { width: 81% !important; } } </style> <style> .reset-btn{ color: #949494 !important; text-transform: capitalize; font-weight: 600; font-size: 13px !important; background: transparent !important; box-shadow: none !important; height: 64px !important; } .v-banner__wrapper{ display: none !important; } .dynamic-banner { height: 500px !important; background-size: 100%; background-repeat: no-repeat; background-position: center center; } [v-cloak]{ display: none!important; } </style> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K9F9FBX');</script> </head><body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K9F9FBX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="app" v-cloak> <v-app> <v-main> <div class="header"> <div class="header-container"> <v-menu> <template v-slot:activator="{ on: menu }"> <div class="logo"> <img src="assets/images/logo.png" /> </div> <div class="header-menu"> <div class="header-contact"> <h4><a href="login.cfm">Login</a></h4> <h4>Support: 0330 808 4419</h4> </div> <!-- <nav class="nav"> <input type="checkbox" id="nav__checkbox" class="nav__checkbox"> <label for="nav__checkbox" class="nav__toggle"> <img src="https://img.icons8.com/material-outlined/30/000000/menu--v1.png" class="hamburger" /> <img src="https://img.icons8.com/plumpy/30/000000/x.png" class="close" /> </label> <ul class="nav__menu"> <li> <a href="booktravel.cfm">Book Travel</a> </li> <li> <a href="https://www2.inteletravel.com/advisor-benefits">Learn More</a> </li> <li> <a href="hotdeals.cfm">Hot Deals</a> </li> <li> <a href="https://www.etravelprotection.com/inteletravel">Insurance</a> </li> <li> <a href="https://www2.inteletravel.com/contact">Contact Us</a> </li> <li> <a href="Registration.cfm">Register</a> </li> <li> <a href="login.cfm">Login</a> </li> </ul> </nav>--> </div> </template> </v-menu> </div> </div> </v-main> <!--<v-banner class="dynamic-banner"> </v-banner>--> <div class="banner-img"> <img src="https://www.inteletravel.com/images/coverphotos/InT_NewHeaderBG-5.jpg"> </div> <!--Template--> <div class="mobile-show-banner-text"> <div class="banner-heading"> <h4> Jet Adventures </h4> <p> Where dreams come true </p> </div> </div> <div class="booktravel-wrapper"> <div class="custom-container"> <v-row> <v-col cols="12" md="3" sm="3"> <div class="leftpanel-desktop-show"> <v-card class="mx-auto profile-box" outlined> <v-list-item three-line> <div class="v-avatar"> <img src="https://www.inteletravel.com/inteletraveler/agentimages/UK44480402.jpg" alt="Andreia Moreira"/> </div> <v-list-item-content> <div class=" mb-4" style="font-weight: 600;"> Andreia Moreira </div> <v-list-item-subtitle>Independent Travel Advisor</v-list-item-subtitle> </v-list-item-content> </v-list-item> <v-card-actions> <v-row> <div class="profile-info"> <ul> <li> <i class="fas fa-map-marker-alt"></i> London | UK </li> <li><i class="fas fa-envelope"></i><a href="/cdn-cgi/l/email-protection#4c062938130d283a292238393e293f0c242338212d2520622f2321"><span class="__cf_email__" data-cfemail="28624d5c77694c5e4d465c5d5a4d5b6840475c45494144064b4745">[email protected]</span></a> </li> <li><i class="fas fa-phone"></i> 07448008984 </li> </ul> </div> <div class="ask-btn"> <v-btn elevation="2" outlined plain tile large> <a style="color: #333; text-decoration: none;" href="/cdn-cgi/l/email-protection#9ad0ffeec5dbfeecfff4eeefe8ffe9daf2f5eef7fbf3f6b4f9f5f7">Ask Andreia a Question</a> </v-btn> </div> </v-card-actions> </v-card> <div class="profile-second-box"> <div class="profile-customer"> <h4 v-if="customer_reviews_overAll.length !== 0" > Andreia's customer rating</h4> </div> <div class="profile-reivew-box" v-if="customer_reviews_overAll.length !== 0"> <div class="profit-review"> <h4>{{ overAllReviews(customer_reviews_overAll[0]) }}</h4> <p>{{ customer_reviews_overAll.length}} reviews</p> </div> <div class="profile-rating"> <p>Customer Service <span> <i v-for="(cs, csIndex) in customer_reviews_overAll[0].customerservice" class="fas fa-star" style="" arial-hidden="true" :key="csIndex" ></i> </span> </p> <p>Follow-Up <span> <i v-for="(fu, fuIndex) in customer_reviews_overAll[0].followup" class="fas fa-star" style="" arial-hidden="true" :key="fuIndex" ></i> </span> </p> <p>Overall Expertise <span> <i v-for="(exp, expIndex) in customer_reviews_overAll[0].expertise" class="fas fa-star" style="" arial-hidden="true" :key="expIndex" ></i> </span> </p> </div> <div class="all-rating-box"> <a role="button" @click="browseRating()">Browse all Ratings</a> </div> </div> <div v-if="customer_reviews_overAll.length !== 0" class="line"></div> <div class="about-jon"> </div> </div> </div> <div class="leftpanel-mobile-show"> <v-expansion-panels> <v-expansion-panel v-for="(item,i) in 1" :key="i" > <v-expansion-panel-header> About Andreia </v-expansion-panel-header> <v-expansion-panel-content> <v-card class="mx-auto profile-box" outlined> <v-list-item three-line> <div class="v-avatar"> <img src="https://www.inteletravel.com/inteletraveler/agentimages/UK44480402.jpg" alt="Andreia Moreira"/> </div> <v-list-item-content> <div class=" mb-4" style="font-weight: 600;"> Andreia Moreira </div> <v-list-item-subtitle>Independent Travel Advisor</v-list-item-subtitle> </v-list-item-content> </v-list-item> <v-card-actions> <v-row> <div class="profile-info"> <ul> <li> <i class="fas fa-map-marker-alt"></i> London | UK </li> <li><i class="fas fa-envelope"></i><a href="/cdn-cgi/l/email-protection#531936270c123725363d2726213620133b3c273e323a3f7d303c3e"><span class="__cf_email__" data-cfemail="6e240b1a312f0a180b001a1b1c0b1d2e06011a030f0702400d0103">[email protected]</span></a> </li> <li><i class="fas fa-phone"></i> 07448008984 </li> </ul> </div> <div class="mobile-ask-btn"> <a href="/cdn-cgi/l/email-protection#28624d5c77694c5e4d465c5d5a4d5b6840475c45494144064b4745">Ask Andreia a Question</a> </div> </v-card-actions> </v-card> <div class="profile-second-box"> <div class="profile-customer"> <h4 v-if="customer_reviews_overAll.length !== 0" > Andreia's customer rating</h4> </div> <div class="profile-reivew-box" v-if="customer_reviews_overAll.length !== 0"> <div class="profit-review"> <h4>{{ overAllReviews(customer_reviews_overAll[0]) }}</h4> <p>{{ customer_reviews_overAll.length}} reviews</p> </div> <div class="profile-rating"> <p>Customer Service <span> <i v-for="(cs, csIndex) in customer_reviews_overAll[0].customerservice" class="fas fa-star" style="" arial-hidden="true" :key="csIndex" ></i> </span> </p> <p>Follow-Up <span> <i v-for="(fu, fuIndex) in customer_reviews_overAll[0].followup" class="fas fa-star" style="" arial-hidden="true" :key="fuIndex" ></i> </span> </p> <p>Overall Expertise <span> <i v-for="(exp, expIndex) in customer_reviews_overAll[0].expertise" class="fas fa-star" style="" arial-hidden="true" :key="expIndex" ></i> </span> </p> </div> <div class="all-rating-box"> <a role="button" @click="browseRating()">Browse all Ratings</a> </div> </div> <div v-if="customer_reviews_overAll.length !== 0" class="line"></div> <div class="about-jon"> </div> </div> </v-expansion-panel-content> </v-expansion-panel> </v-expansion-panels> </div> </v-col> <v-col cols="12" md="9" sm="9"> <div class="right-inner-wrapper"> <div class="banner-heading"> <h4> Jet Adventures </h4> <p> Where dreams come true </p> </div> <div class="book-tab-box"> <ul class="stiky-header"> <li><a class="active tabs-click" href="#tab1"> Book your trip</a></li> <li><a href="#tab2" class="tabs-click" v-if="customer_reviews.length !== 0"> Customer ratings</a></li> <li><a href="#tab3" class="tabs-click"> Travel tools & resources</a></li> </ul> <v-tabs-items v-model="loginTabs" id="tab1"> <v-tab-item :value="'bookTrip'"> <div class="book-trip-box"> <v-row class="book-rating-row"> <v-col cos="12"> <div class="book-customer-raing-box" style="margin: 0 !important;"> <h2>Book your trip now</h2> </div> </v-col> </v-row> </div> <v-tabs v-model="engineTabs" show-arrows> <v-tabs-slider></v-tabs-slider> <v-tab v-for="(engineTab, engineTabsIndex) in engineTabsArray" :key="engineTabsIndex" :href="engineTab.action" v-if="allowed_engines[engineTab.engine]"> <v-icon v-text="engineTab.icon" :class="engineTab.class"></v-icon> {{ engineTab.title }} </v-tab> </v-tabs> <v-tabs-items v-model="engineTabs"> <v-tab-item :value="'flights'"> <div class="flight-box-text"> <p>For security reasons, airline reservations may not be made within 48 hours of flight time.</p> <p> Additional Destinations may be available through your Travel Advisor. Please contact Andreia Moreira at <a href="/cdn-cgi/l/email-protection#2d674859726c495b484359585f485e6d454259404c4441034e4240"><span class="__cf_email__" data-cfemail="bef4dbcae1ffdac8dbd0cacbccdbcdfed6d1cad3dfd7d290ddd1d3">[email protected]</span></a> for these Destinations </p> </div> <v-card> <v-card-text> <round-trip :free-user-info="freeUserInfo" :is-session-defined="isSessionDefined"></round-trip> </v-card-text> </v-card> </v-tab-item> <v-tab-item :value="'cars'"> <div class="flight-box-text"> <p>IMPORTANT NOTICE: Due to current conditions, some car details may not be immediately available, and car availability at pick up may vary. InteleTravel recommends you carefully note the cancellation policy for your rental, and contact the car rental company to confirm details after your booking.</p> </div> <car-search :free-user-info="freeUserInfo" :is-session-defined="isSessionDefined"></car-search> </v-tab-item> <v-tab-item :value="'cruises'" :eager="true"> <v-row> <v-col cols="12" sm="12"> <div class="tab-box"> <v-card style="padding: 15px 15px;"> <p>User must be logged in to search cruises.</p> <v-btn href="https://www.inteletravel.uk/Registration.cfm" tile class="custom-red" x-large > Register Now </v-btn> </v-card> </div> </v-col> </v-row> </v-tab-item> <v-tab-item :value="'hotels'"> <hotel-search :is-session-defined="isSessionDefined" :free-user-info="freeUserInfo"></hotel-search> </v-tab-item> <v-tab-item :value="'villas'"> <villa-search :is-session-defined="isSessionDefined" :free-user-info="freeUserInfo"></villa-search> </v-tab-item> <v-tab-item :value="'activities'"> <activity-search :is-session-defined="isSessionDefined" :free-user-info="freeUserInfo" ></activity-search> </v-tab-item> </v-tabs-items> </v-card-text> </v-card> <div v-if="customer_reviews.length !== 0"> <v-row class="book-rating-row" id="tab2"> <v-col cos="12"> <div class="book-customer-raing-box" > <h2>Customer ratings</h2> </div> </v-col> </v-row> <v-row class="book-overall-row"> <v-col cols="12"> <div class="book-overall-box" > <h4><i class="fas fa-star"></i>{{ overAllReviews() }} overall</h4> </div> </v-col> </v-row> </div> <v-container class=" w-l-banner"> <v-row class="book-rating-row"> <v-col cos="12"> <div class="book-customer-raing-box" id="tab3"> <h2>Travel tools & resources</h2> </div> </v-col> </v-row> <v-row class="travel-tool-resources-row"> <v-col cols="12" sm="6"> <div class="deal-box" style="height: auto !important;"> <div class="left-box"> <p>InteleTravel Exclusive</p> <h2>Deal of the Week</h2> <p>You'll find gorgeous beaches, a thriving urban scene, thick jungles, and majestic temples.</p> <a style=" text-decoration: none; " href="https://www2.inteletravel.com/hubfs/_ftp/InteleBytes/emails/PotM_uk/2025_02_Classic_Collection/CCH_233%20-%20Intele%20Turkiye%20Web%20Banner%20-%20600%20x%20500%20UK.jpg" class="link-arrow" target="_blank"> <v-btn elevation="2" outlined plain tile large> Download Flyer </v-btn> </a> </div> <div class="right-box"> <v-img src="assets/images/deal-1.jpg"></v-img> </div> </div> </v-col> <v-col cos="12" sm="6"> <div class="protect-box" style="min-height: 359px !important;"> <div class="protect-right-box"> <h4>Protect Your Trip</h4> <p>Learn more about the importance of travel insurance and get started.</p> <a target="_blank" href="https://www2.inteletravel.com/hubfs/_ftp/InteleBytes/emails/UK_New_Partner_Journeys/indexb2c.html">Learn more and purchase <i class="fas fa-long-arrow-alt-right"></i></a> </div> <div class="trip-line"></div> <div class="protect-right-box"> <h4>Passports & Visas</h4> <p>Learn more about CIBT, the leading provider of passport and visa service in the world.</p> <a target="_blank" href="https://cibtvisas.co.uk/?login=inteletravel">Receive 40% off service fees <i class="fas fa-long-arrow-alt-right"></i></a> </div> </div> <div class="right-box"> <v-img src="assets/images/deal-2.jpg"></v-img> </div> </v-col> </v-row> </v-container> </v-tab-item> <v-tab-item :value="'customerRating'"> <v-row class="book-rating-row"> <v-col cos="12"> <div class="book-customer-raing-box" style="margin-top:30px; !important;"> <h2>Customer Ratings</h2> </div> </v-col> </v-row> </v-tab-item> <v-tab-item :value="'travelTools'"> <v-container class=" w-l-banner"> <v-row class="book-rating-row"> <v-col cos="12"> <div class="book-customer-raing-box" id="tab3"> <h2>Travel tools & resources</h2> </div> </v-col> </v-row> <v-row class="travel-tool-resources-row"> <v-col cols="12" sm="6"> <div class="deal-box" style="height: auto !important;"> <div class="left-box"> <p>InteleTravel Exclusive</p> <h2>Deal of the Week</h2> <p>You'll find gorgeous beaches, a thriving urban scene, thick jungles, and majestic temples.</p> <a style=" text-decoration: none; " href="https://www2.inteletravel.com/hubfs/_ftp/InteleBytes/emails/PotM_uk/2025_02_Classic_Collection/CCH_233%20-%20Intele%20Turkiye%20Web%20Banner%20-%20600%20x%20500%20UK.jpg" class="link-arrow" target="_blank"> <v-btn elevation="2" outlined plain tile large> Download Flyer </v-btn> </a> </div> <div class="right-box"> <v-img src="assets/images/deal-1.jpg"></v-img> </div> </div> </v-col> <v-col cos="12" sm="6"> <div class="protect-box" style="min-height: 359px !important;"> <div class="protect-right-box"> <h4>Protect Your Trip</h4> <p>Learn more about the importance of travel insurance and get started.</p> <a target="_blank" href="https://www2.inteletravel.com/hubfs/_ftp/InteleBytes/emails/UK_New_Partner_Journeys/indexb2c.html">Learn more and purchase <i class="fas fa-long-arrow-alt-right"></i></a> </div> <div class="trip-line"></div> <div class="protect-right-box"> <h4>Passports & Visas</h4> <p>Learn more about CIBT, the leading provider of passport and visa service in the world.</p> <a target="_blank" href="https://cibtvisas.co.uk/?login=inteletravel">Receive 40% off service fees <i class="fas fa-long-arrow-alt-right"></i></a> </div> </div> <div class="right-box"> <v-img src="assets/images/deal-2.jpg"></v-img> </div> </v-col> </v-row> </v-container> </v-tab-item> </v-tabs-items> </div> <v-container class=" w-l-banner"> <!-- <v-row class="book-rating-row"> <v-col cos="12"> <div class="book-customer-raing-box"> <h2>Travel tools & resources</h2> </div> </v-col> </v-row>--> <!--without login data show start--> <v-row class="travel-hot-deal mt-4"> <h4>Hot Deals: Today's top-trending exclusive offers</h4> <v-col class="rating-cols" cols="12" sm="3"> <v-card class="mx-auto"> <v-img src="https://lynnegibson.inteletravel.com/ao/HotDeals/images/8554.jpg" height="150px"></v-img> <v-card-title> </v-card-title> <v-card-subtitle> Solmar Villa - Aphrodite Hills Kids Club Offer </v-card-subtitle> <a href="hotdeals.cfm?id=8554#H8554" target="_blank"> Details <i class="fas fa-long-arrow-alt-right"></i> </a> </v-card> </v-col> <v-col class="rating-cols" cols="12" sm="3"> <v-card class="mx-auto"> <v-img src="https://lynnegibson.inteletravel.com/ao/HotDeals/images/8553.jpg" height="150px"></v-img> <v-card-title> </v-card-title> <v-card-subtitle> USAirtours - Mexico Cruise Offer </v-card-subtitle> <a href="hotdeals.cfm?id=8553#H8553" target="_blank"> Details <i class="fas fa-long-arrow-alt-right"></i> </a> </v-card> </v-col> <v-col class="rating-cols" cols="12" sm="3"> <v-card class="mx-auto"> <v-img src="https://lynnegibson.inteletravel.com/ao/HotDeals/images/8551.jpg" height="150px"></v-img> <v-card-title> </v-card-title> <v-card-subtitle> Newmarket - Solo Traveller Collection </v-card-subtitle> <a href="hotdeals.cfm?id=8551#H8551" target="_blank"> Details <i class="fas fa-long-arrow-alt-right"></i> </a> </v-card> </v-col> <v-col class="rating-cols" cols="12" sm="3"> <v-card class="mx-auto"> <v-img src="https://lynnegibson.inteletravel.com/ao/HotDeals/images/8550.jpg" height="150px"></v-img> <v-card-title> </v-card-title> <v-card-subtitle> JTA - Southampton to Spain Offer </v-card-subtitle> <a href="hotdeals.cfm?id=8550#H8550" target="_blank"> Details <i class="fas fa-long-arrow-alt-right"></i> </a> </v-card> </v-col> </v-row> <!--without login data show end--> <!-- <v-row class="travel-hot-deal mt-4"> <h4>Hot Deals: Today's top-trending exclusive offers</h4> <v-col cols="12" sm="4"> <v-card class="mx-auto"> <v-img src="https://cdn.vuetifyjs.com/images/cards/sunshine.jpg" height="150px"></v-img> <v-card-title> CARIBBEAN </v-card-title> <v-card-subtitle> Solmar Villa - Aphrodite Hills Kids Club Offer</v-card-subtitle> <a href="hotdeals.cfm?#8554" target="_blank"> Details <i class="fas fa-long-arrow-alt-right"></i> </a> </v-card> </v-col> <v-col cols="12" sm="4"> <v-card class="mx-auto"> <v-img src="https://cdn.vuetifyjs.com/images/cards/sunshine.jpg" height="150px"></v-img> <v-card-title> CARIBBEAN </v-card-title> <v-card-subtitle> USAirtours - Mexico Cruise Offer</v-card-subtitle> <a href="hotdeals.cfm?#8553" target="_blank"> Details <i class="fas fa-long-arrow-alt-right"></i> </a> </v-card> </v-col> <v-col cols="12" sm="4"> <v-card class="mx-auto"> <v-img src="https://cdn.vuetifyjs.com/images/cards/sunshine.jpg" height="150px"></v-img> <v-card-title> CARIBBEAN </v-card-title> <v-card-subtitle> Newmarket - Solo Traveller Collection</v-card-subtitle> <a href="hotdeals.cfm?#8551" target="_blank"> Details <i class="fas fa-long-arrow-alt-right"></i> </a> </v-card> </v-col> </v-row>--> </v-container> <v-container class=" w-l-banner"> <v-row class="travel-plane-row"> <h4>Planning your travel</h4> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.xe.com/currencyconverter" target="_blank">Currency Converter</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.worldtravelguide.net" target="_blank">Airports</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.heathrow.com" target="_blank">Heathrow</a></li> </ul> </div> </v-col> </v-row> <v-row class="travel-plane-row"> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.stanstedairport.com" target="_blank">Stansted</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.worldtimeserver.com/current_time_in_US-NY.aspx" target="_blank">World Clock</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.gov.uk/foreign-travel-advice" target="_blank">Foreign Travel Advice</a></li> </ul> </div> </v-col> </v-row> <v-row class="travel-plane-row"> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.flightview.com" target="_blank">Flight Tracker</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.inteletravel.com/PhoneNumbers.cfm" target="_blank">Important Phone Numbers</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.accuweather.com" target="_blank">AccuWeather.com</a></li> </ul> </div> </v-col> </v-row> <v-row class="travel-plane-row"> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.seatguru.com" target="_blank">Airline Seats</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.gatwickairport.com" target="_blank">Gatwick</a></li> </ul> </div> </v-col> <v-col cols="12" sm="4"> <div class="planner-box"> <ul> <li><a href="https://www.farecompare.com/baggage-fees/" target="_blank">Luggage Limits</a></li> </ul> </div> </v-col> </v-row> </v-container><v-container class=" w-l-banner"> <v-row class="video-section-row"> <h4>Video library</h4> </v-row> <v-row class="video-section"> <v-col cols="12" sm="8"> <iframe width="100%" height="315" src="https://www.youtube.com/embed/pzP7ecDlQKo?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </v-col> <v-col cols="12" sm="4"> <div class="video-right-section"> <h4>InteleTravel Media Coverage</h4> <p>The growing impact InteleTravel has had on the travel industry has not gone unnoticed. This newsreel highlights media coverage celebrating InteleTravel and their travel advisors. </p> <v-btn href="https://www.youtube.com/user/InteleTravelTV" elevation="2" outlined plain tile large> <i class="fab fa-youtube"></i> Subscribe </v-btn> </div> </v-col> </v-row> <v-row class="second-video-section-row"> <h4>Exclusive tips and deals</h4> </v-row> <v-row class="video-section"> <v-col cols="12" sm="4" class="pl-0"> <div class="second-video-right-section"> <h4>Follow on Instagram</h4> <p>Follow InteleTravel for ideal travel destinations, insider information, planning tips, and exclusive deals and offers. </p> <v-btn href="https://www.instagram.com/inteletravel/" elevation="2" outlined plain tile large> <i class="fab fa-instagram"></i> Follow </v-btn> </div> </v-col> <v-col class="gallery-col" cols="12" sm="8"> <div class="book-gallery-box" v-for="(instaPost, instaPostIndex) in instagramPosts" :key="instaPostIndex"> <a :href="instaPost.permalink" v-if="instaPostIndex < 8"> <video style="width: 100%; height:auto;" ref="videoPlayer" controls autoplay muted poster="./assets/images/insta-poster.png" :src="instaPost.media_url"></video> </a> </div> </v-col> </v-row> </v-container><v-container class=" w-l-banner"> <v-row class="article-section" style="margin-bottom: 70px;"> <v-col cols="12" md="7"> <h4>Articles and inspiration</h4> <v-card class="mx-auto"> <img src="https://www2.inteletravel.com/hs-fs/hubfs/images/InT_TravelTips-1.jpg?width=1600&height=900&name=InT_TravelTips-1.jpg" height="320px"> <v-card-title> Travel Tips: Get the Most Out of Your Next Trip! </v-card-title> <a href="https://info.inteletravel.com/travel-tips">Read Now</a> </v-card> </v-col> <v-col cols="12" md="5" class="agent-right-section"> <div class="travel-right-section"> <v-card class="mx-auto"> <img src="https://info.inteletravel.com/hs-fs/hubfs/InT_Pillar_TravelTips-7.jpg" height="110px"> <v-card-title> Finding a Travel Agent: A Resource Guide </v-card-title> <a href="https://www2.inteletravel.com/why-you-should-use-a-travel-agent" target="_blank">Read Now</a></v-card> </div> <div class="travel-right-section"> <v-card class="mx-auto"> <img src="https://blog.inteletravel.com/hubfs/Inteletravel-Blog-Need-Help-Planning-Your-Vacation-Youve-Come-to-the-Right-Article.jpg" height="110px"> <v-card-title> Need Help Planning Your Vacation? You've Come to the Right Article </v-card-title> <a href="https://blog.inteletravel.com/get-help-planning-your-vacation" target="_blank">Read Now</a></v-card> </div> <div class="travel-right-section"> <v-card class="mx-auto"> <img src="https://blog.inteletravel.com/hubfs/Inteletravel-How-Much-Does-a-Travel-Agent-Cost-Blog.jpg" height="110px"> <v-card-title> How Much Does a Travel Agent Cost ? </v-card-title> <a href="https://blog.inteletravel.com/how-much-does-a-travel-agent-cost">Read now </a> </v-card> </div> <div class="travel-right-section"> <v-card class="mx-auto"> <img src="https://blog.inteletravel.com/hubfs/Inteletravel-Blog-Best-Caribbean-Island-for-Every-Traveler-Type.jpg" height="110px"> <v-card-title> Best Caribbean Island for Every Traveler Type </v-card-title> <a href="https://blog.inteletravel.com/best-caribbean-island-for-every-traveler-type">Read now </a> </v-card> </div> </v-col> </v-row> <!-- <v-row class="update-signup-box"> <div class="signup-box"> <v-col cols="12" sm="5"> <h4>Get update to your inbox</h4> <p>Receive the latest travel news and articles, once a week. Unsubscribe anytime.</p> </v-col> <v-col cols="12" sm="4"> <label>Your email<span>*</span></label> <v-text-field label="Email address" single-line outlined></v-text-field> </v-col> <v-col cols="12" sm="3"> <v-btn large type="button" class="custom-red"> Subscribe</v-btn> </v-col> </div> </v-row>--> </v-container> </div> </v-col> </v-row> </div> </div> <v-footer class="footer-box"id="p-w-free-user"> <v-container> <v-row justify="center" no-gutters> <v-col cols="12" sm="3"> <div class="footer-logo"> <img src="assets/images/footer-logo.png"/> </div> </v-col> <v-col cols="12" sm="6"> <div class="p-w-free-user-button"> <a href="https://www2.inteletravel.uk/how-it-works" class="about-footer-btn">About InteleTravel</a> <a href="https://www2.inteletravel.uk/faq" class="about-footer-btn">Frequently Asked Questions</a> </div> </v-col> <v-col cols="12" sm="3"> <br> <div class="footer-social-box p-w-free-user-social-box"> <a href="https://facebook.com/inteletravel" target="_blank"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/InteleTravel" target="_blank"><i class="fab fa-twitter"></i></a> <a href="https://www.youtube.com/channel/UCxqjQ9QzGlrwkBEZq8DOWXA" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://instagram.com/inteletravel/" target="_blank"><i class="fab fa-instagram"></i></a> <!-- <p>© {{ copyRightYear }} InteleTravel</p>--> </div> </v-col> </v-row> <v-row> <v-col cols="12"> <div class="footer-nav p-w-free-user-footer"> <ul class=""> <li><a href="https://www2.inteletravel.uk/privacy">Privacy</a></li> <span>|</span> <li><a href="https://www2.inteletravel.uk/terms">Terms of Use</a></li> <span>|</span> <li><a href="https://www2.inteletravel.uk/how-it-works">Registered Seller of Travel</a></li> <span>|</span> <li><a href="https://www2.inteletravel.uk/agency-terms-of-business">Agency Terms of Business</a></li> <span>|</span> <li><a href="https://www2.inteletravel.uk/package-holiday-terms-and-conditions">Holiday Booking Conditions</a></li> </ul> </div> </v-col> </v-row> <v-row> <v-col cols="12"> <div class="protects-box"> <div class="white-alert"> <img src="https://www.inteletravel.uk/images/InteleTravel-FraudAlert-Badge1.png" style="" alt="Fraud Alert" align="left"> <strong><h3 style="">Your InteleTravel Agent protects you by never accepting cash or travel payments to PayPal or other personal accounts.</h3></strong> <p>Purchase travel through InteleTravel with peace of mind - your money and your dream trip are protected and secure. Your payments always go directly to the travel supplier (hotel, cruise line, airline, etc.) or InteleTravel. <strong>If you are asked for cash or personal payments, call 0330-808-4419.</strong></p> </div> </div> <h3>CONSUMER PROTECTION</h3><h4> ATOL – Air Travel Organisers Licence</h4> <img src="https://www.inteletravel.uk/images/atol-protected.jpg" class="atol-logo"> <p>All the flight-inclusive holidays on this website are financially protected by the ATOL scheme. When you pay you will be supplied with an ATOL Certificate. Please ask for it and check to ensure that everything you booked (flights, hotels and other services) is listed on it. If you do receive an ATOL Certificate but all the parts of your trip are not listed on it, those parts will not be ATOL protected. Some of the flights on this website are also financially protected by the ATOL scheme, but ATOL protection does not apply to all flights. This website will provide you with information on the protection that applies in the case of each flight before you make your booking. If you do not receive an ATOL Certificate then the booking will not be ATOL protected. Please see our booking conditions for information, or for more information about financial protection and the ATOL Certificate go to: <a href="https://www.caa.co.uk">www.caa.co.uk</a>. ATOL protection does not apply to the other holiday and travel services listed on this website </p> <br> <h4>ABTA – The Travel Association</h4> <p>Book with Confidence. We are a member of ABTA which means you have the benefit of ABTA’s assistance and Code of Conduct. All the package holidays we sell are covered by a scheme protecting your money if the supplier fails. Other services such as hotels or flights on their own may not be protected and you should ask us what protection is available. Find out more at <a href="https://abta.com/go-travel/before-you-travel/travel-tips/financial-protection-3">https://abta.com/go-travel/before-you-travel/travel-tips/financial-protection-3</a> </p> <br> <h4>Travel and Destination Advice</h3> <p>For the latest travel advice from the Foreign, Commonwealth and Development Office including security and local laws, plus passport and visa information, click here <a href="https://www.gov.uk/foreign-travel-advice" target="_blank">https://www.gov.uk/foreign-travel-advice</a></p> <br> <h3>COMPLAINT DISPUTE RESOLUTION</h3> <p> If you have a problem whilst on holiday, this must be reported to the relevant principal/supplier or their local supplier or agent immediately. If you fail to follow this procedure there will be less opportunity to investigate and rectify your complaint. The amount of compensation you may be entitled to may be reduced or you may not receive any at all depending upon the circumstances. If you wish to complain when you return home, write to the principal/supplier. You will see the name and address plus contact details in any confirmation documents we send you. We will of course assist you with this if you wish- please contact your InteleTravel agent and copy Customer Services at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6b5a3a5a2b9bbb3a4a5b3a4a0bfb5b396bfb8a2b3bab3a2a4b7a0b3baf8b5b9bb">[email protected]</a>. If the matter cannot be resolved and it involves us or another ABTA Member then you have the option to use ABTA's ADR scheme, approved by the Chartered Trading Standards Institute, see<a href="https://www.abta.com/"> www.abta.com</a></p> <br> <h4>ABTA MEMBERSHIP</h4> <img class="abta-logo" src="https://www.inteletravel.uk/images/ABTA_Black_TWC_RGB.jpeg"/> <p>Find out more HERE <a href="https://abta.com/find-a-member">https://abta.com/find-a-member</a></p> <p>InteleTravel.uk is a Member of ABTA. ABTA and ABTA Members help holidaymakers to get the most from their travel and assist them when things do not go according to plan. We are obliged to maintain a high standard of service to you by ABTA’s Code of Conduct. For further information about ABTA, the Code of Conduct and the arbitration scheme available to you if you have a complaint, contact ABTA, 30 Park Street, London SE1 9EQ. Tel: 020 3117 0500 or <a href="https://www.abta.com/">https://abta.com/find-a-member</a></p> <br> <h3>LINKS TO OTHER WEBSITES</h3> <p>On this site you will find links to other third party websites. These are for your convenience only and InteleTravel.uk is not responsible for the content of the third party site.</p> <br> <h3>DATA PROTECTION, COOKIE & PRIVACY POLICY</h3> <p>Please see link to our Privacy Policy stating what data we collect and what the personal information will be used for, who it will be passed to, etc. You have the right to see the personal data we hold about you, and to request modification or deletion.</p> <br> <h4>Cookies on the InteleTravel Website</h4> <p>This site uses cookies, as explained in our Privacy Policy. If you use this site without adjusting your cookies settings, you agree to our use of cookies.</p> <p>© Copyright {{ copyRightYear }} InteleTravel.uk. All rights reserved</p> </v-col> </v-row> </v-container> </v-footer> </v-app> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="includes-v2/env.js?version=C149A305-ECC9-F5D1-18CCF7759F7A72D5"></script> <script type="text/javascript" src="includes-v2/engine-tabs.js?version=C149A306-A111-ADB8-A71B4604758566B6"></script> <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.25.0/axios.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/js/intlTelInput.min.js" integrity="sha512-hpJ6J4jGqnovQ5g1J39VtNq1/UPsaFjjR6tuCVVkKtFIx8Uy4GeixgIxHPSG72lRUYx1xg/Em+dsqxvKNwyrSg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.18/js/utils.min.js" integrity="sha512-Uyf+0OJZ2DBNO2156wplv4+1FZuZVsguTkfrO//Kg+BjaaauYSQWGJZBXmQiFkIrKsYQeUdnFi3zYZxGTsc2Mg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!--Common Components --> <script src="common-v2/SearchLocations-vue.js?version=C149A307-C216-D604-2A128053D66DCA39"></script> <script src="common-v2/cars/CarLocation-vue.js?version=C149A308-0E5E-382B-2838919930597801"></script> <script src="common-v2/flights/FlightLocation-vue.js?version=C149A309-FE0D-130C-D2CCAFD6E5A316B2"></script> <script src="common-v2/activities/ActivityLocation-vue.js?version=C149A30A-D48D-A393-6F8E2AF3B24BD441"></script> <script src="common-v2/hotels/DestinationSearch-vue.js?version=C149A30B-0719-3E49-EEFE76688EA8D923"></script> <script src="common-v2/utils/index.js?version=C149A30C-CDB0-68DB-EC1682C51B12C812"></script> <script src="common-v2/DateCalendar-vue.js?version=C149A30D-ADB1-2DB0-233F499D451E7FC5"></script> <!--End Common Components --> <script src="includes-v2/components/RoundTrip-vue.js?version=C149A30E-CFA7-C69F-EC4E9FDE31692E80"></script> <script src="includes-v2/components/booktravel-cars-vue.js?version=C149A30F-0A22-279A-5C4D836F6260B622"></script> <script src="includes-v2/components/booktravel-hotels-vue.js?version=C149A310-B3F4-F78C-FF65D427DF8DD7B6"></script> <script src="includes-v2/components/booktravel-villas-vue.js?version=C149A311-C70C-C812-A2060D3C46CD6871"></script> <script src="includes-v2/components/booktravel-activities-vue.js?version=C149A312-0FE2-03C5-9B8A0B3B5A5C075A"></script> <script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script> <script type="text/javascript"> hbspt.cta.load(590046, '7497cc77-d296-43be-94ed-bda66dbc68e1', {"useNewLoader":"true","region":"na1"}); </script> <script> new Vue({ el: '#app', components:{ 'date-calendar': DateCalendar }, vuetify: new Vuetify(), data: function () { return { instagramPosts:[], isInstagramPostsFetched:false, instaPage:1, instaPageSize:4, booktravelPage: true, engineTabsArray: ENGINE_TABS, allowed_engines: ALLOWED_ENGINES, isScriptLoaded: false, page: 1, countryDF: DATE_FORMAT, DFormat: DATE_FORMAT_PLACEHOLDER, outerTab: 'hotels', engineTabs: 'hotels', loginTabs: 'bookTrip', withOutLoginTab: 'hotels', FlightsTab: 'roundTrip', customer_reviews: [], customer_reviews_overAll:[], totalPages: 0, list: [], pageSize:3, categories: [], defaultCategory: {vchotdealcategorydesc:"-----Category------",nhotdealcategorysort:"",ihotdealcategory:0}, defaultDestination: {ihotdealcategory: 0, nhotdealcategorysort: "", vchotdealcategorydesc: "-----Destination-----"}, deals: [], deal: '', destinations: [], destination: 0, selectedCategory: 0, selectedDestination:0, copyRightYear: new Date().getFullYear(), bool: false, freeUserInfo:{ getSiteUserName: null, getSitePassword: null, }, isSessionDefined: false, departPick: [], arrivalPick:[], isSessionRemoved: false, hasDealId: false, } }, mounted(){ this.isScriptLoaded = true; //fetch instagram basic display api data let that = this const accessToken = "IGQWRNQTVaS09aRUZAZALWJtV1ZANOTlqaTZAzd3ZATWXRGZAlVYQkVLOGx5SFdrSXQwUnZAGUHRsTWVFcXhqTHY4eEZAEUXpCZAUdpb0dsNFNxZATZAhLWVLS19ablFPbzhVT1Iwb2VzTGZAkaVJPZAGs3aEJGVDVZAWGFjSmZAuMk0ZD"; const apiEndpoint = 'https://graph.instagram.com/me/media?fields=id,caption,media_type,media_url,thumbnail_url,permalink&access_token=' + accessToken; axios.get(apiEndpoint) .then(function (response) { that.instagramPosts = response.data.data.filter(post => post.media_type !== 'IMAGE' && post.media_type !== 'CAROUSEL_ALBUM'); that.isInstagramPostsFetched = true }) .catch(function (error) { console.log(error); }); this.customer_reviews = [] this.customer_reviews_overAll = []; this.customer_reviews = this.makeTabAbles([]); this.doMakePaginations(this.customer_reviews); this.makeDisplayItems(); this.outerTab = 'bookTrip'; }, methods: { checkInSelected() { let nextDayValue = nextDay(this.departDate, this.arrivalDate); if (nextDayValue) { this.arrivalDate = nextDayValue; } }, checkSession(){ var time = 1200; var saved_countdown = localStorage.getItem('saved_countdown'); if(saved_countdown == null) { var new_countdown = new Date().getTime() + (time) * 1000; time = new_countdown; localStorage.setItem('saved_countdown', new_countdown); } else { time = saved_countdown; } var x = setInterval(() => { var now = new Date().getTime(); var distance = time - now; var counter = Math.floor((distance % (1000 * 60 * 60)) / 1000); if (counter <= 0) { clearInterval(x); localStorage.removeItem('saved_countdown'); localStorage.removeItem('flightSearchedData'); this.isSessionRemoved = true; } }, 1000); }, bindSessionData(){ if(localStorage.getItem('flightSearchedData') !== null){ let data = JSON.parse(localStorage.getItem('flightSearchedData')); this.departureLocationvalue = data.depature_location; this.arrival_location = data.arrivalLocationvalue; this.compPickDateFormatted = data.departure_date; this.compDropDateFormatted = data.arrival_date; this.adults = data.adults; this.cabinClass = data.cabinClass; this.childs = data.childs; this.infants = data.infants; this.nearbySource = data.near_by_source; this.nearbyDest = data.near_by_destionation; this.connection = data.connection; this.seniors = data.seniors; this.setResult(data.depart_pick); this.setArrivalLocation(data.arrival_pick); } }, redirectToRegistartion(){ if (!this.$refs.form.validate()) { let x = this.$el.querySelector('.v-text-field__details'); this.$vuetify.goTo(x.parentElement.parentElement.parentElement); return false; } else{ let flightSearchedData = { depart_pick: this.departPick, arrival_pick: this.arrivalPick, depature_location: this.departureLocationvalue, arrival_location: this.arrivalLocationvalue, departure_date: this.compPickDateFormatted, arrival_date: this.compDropDateFormatted, near_by_source: this.nearbySource, near_by_destionation: this.nearbyDest, adults: this.adults, seniors: this.seniors, childs: this.childs, infants: this.infants, cabinClass: this.cabinClass, connection: this.connection, }; window.localStorage.setItem('flightSearchedData',JSON.stringify(flightSearchedData)); this.checkSession(); window.location.href = 'Registration.cfm'; } }, overAllReviews(){ if(this.customer_reviews_overAll !== null){ let all_reviews = []; let over_all_reviews = 0; this.customer_reviews_overAll.map((el) =>{ let obj = (el.customerservice + el.expertise + el.followup + el.pricing + el.rebook )/5; all_reviews.push(Number(obj)); }); over_all_reviews = all_reviews.reduce((a,b) =>{ return a+b; },0); let review_length = this.customer_reviews_overAll.length; return Number(Math.round(over_all_reviews/review_length)); } }, doFileExist(id){ let that = this; let fileName = id.toString()+'.jpg'; $.ajax({ url: 'https://www.inteletravel.com/ao/HotDeals/images/'+fileName, method: 'HEAD', }) .done(function(data, status, xhr){ if(xhr.status !== 200){ that.bool = false } that.bool = true; }); return that.bool; }, getHotDealImage(id){ let filePath = "https://www.inteletravel.com/ao/HotDeals/images/"; let fileName = filePath + id.toString()+ '.jpg'; return fileName; }, showCategory(){ const categoryFound = this.categories.find(el => el.ihotdealcategory == this.defaultCategory); return categoryFound.vchotdealcategorydesc; }, showDestination(){ const categoryFound = this.destinations.find(el => el.ihotdealcategory == this.defaultDestination); return categoryFound.vchotdealcategorydesc; }, browseRating(){ /* this.$refs.customerRating.$el.click(); */ let customerRatingSectionOffsetTop = $('#tab2').offset().top; let calcOffsetTop = Math.round(customerRatingSectionOffsetTop)-70; $('html, body').animate({ scrollTop: calcOffsetTop }, 800); }, doMakePaginations: function(records) { this.list = records; let totalRecords = this.list.length; this.page = 1; this.totalPages = Math.ceil(totalRecords / this.pageSize); }, averageReviews(review){ let avReview = (review.pricing+review.customerservice+review.expertise+review.followup+review.rebook)/5; return avReview; }, getPageData() { let allItems = this.list; let startIndex = (this.page - 1) * this.pageSize; let endIndex = this.page * this.pageSize; return allItems.slice(startIndex, endIndex); }, makeDisplayItems() { let arrOfObj = this.getPageData(); arrOfObj.forEach(item => { item.tab = null; item.details = ''; item.expanded = false; }); this.customer_reviews = arrOfObj; }, makeTabAbles(arrOfObj) { let result = arrOfObj.map(function(el) { var o = Object.assign({}, el); o.tab = null; o.expanded = false; o.details = false; return o; }); return result; }, nextPage(value){ this.panel = null; this.page = value; this.makeDisplayItems(); }, clearForm() { this.departureLocationvalue = ''; this.departDate = ''; this.arrivalLocationvalue = ''; this.returnDate = ''; this.adults = 1; this.seniors = 0; this.childs = 0; this.infants = 0; this.cabinClass = 'Economy'; this.connection = 'All'; }, onFocus(type) { type == 'oneWay' ? this.dates = true : this.departDates = true; }, onBlur(type) { type == 'oneWay' ? this.dates = true : this.departDates = true; }, openDepartDate() { this.departDates = true; }, openReturnDate() { this.returnDates = true; }, formattedDate: function (date, format) { if (!date) return null; return moment(date).format(format); // eslint-disable-next-line no-unreachable const [year, month, day] = date.split('-'); if (format == 'DD-MM-YYYY') return `${day}-${month}-${year}`; return `${month}-${day}-${year}`; }, // Search Locations API searchLocations(event, type) { if (this.timer) { clearTimeout(this.timer); this.timer = null; } if (type == 'departure') { (this.picklist = false), (this.departureLocations = []); } if(type=='arrival'){ (this.ArrivalList = false), (this.arrivalLocations = []) } this.timer = setTimeout(() => { let val = type == 'departure' ? this.departureLocationvalue : this.arrivalLocationvalue; if (!val) { if (type == 'departure') { this.departureLocation = ''; } else { this.arrivalLocation = ''; } return; } if (val.length < this.min_search_autocomplete_length) return; // Items have already been requested if (type == 'departure') { if (this.isDepartureLoading) return; else this.isDepartureLoading = true; } else { if (this.isArrivalLoading) return; else this.isArrivalLoading = true; } axios .post(API_URL+SEARCH_LOCATIONS_ENDPOINTS['flights'], { query: val, limit: '30', engine: 'us', }) .then(response => { if (type == 'departure') { this.departureLocations = response.data.data; this.selectedItem = 0; this.departureMenu = true; this.picklist = true; } else { this.arrivalLocations = response.data.data; this.selectedarrivalfItem = 0; this.arrivalMenu = true; this.ArrivalList = true; } }) .catch(err => { console.log('ERROR', err); }) .finally(() => { this.isDepartureLoading = false; this.isArrivalLoading = false; }); }, 800); // debounce }, // End Search Locations API enter(type) { switch (type) { case 'p': this.departureLocations[this.selectedItem]; this.departureLocationvalue = this.departureLocations[ this.selectedItem ].name; this.departureLocation = this.departureLocations[ this.selectedItem ]; this.picklist = false; // this.dropOffLocation = this.departureLocations[this.selectedItem].name; // this.sdropoff = this.dCarLocations[this.selecteddropOffItem]; break; case 'd': this.arrivalLocations[selectedarrivalfItem]; this.arrivalLocationvalue = this.arrivalLocations[ this.selectedarrivalfItem ].name; this.arrivalLocation = this.arrivalLocations[ this.selectedarrivalfItem ]; this.ArrivalList = false; break; } }, up(type) { switch (type) { case 'p': if (this.selectedItem > 0) this.selectedItem--; break; case 'd': if (this.selectedarrivalfItem > 0) this.selectedarrivalfItem--; break; } }, down(type) { switch (type) { case 'p': if ( this.selectedItem < this.departureLocations.length - 1 ) { this.selectedItem++; } break; case 'd': if ( this.selectedarrivalfItem < this.arrivalLocations.length - 1 ) { this.selectedarrivalfItem++; } break; } }, setResult(result) { this.departPick = result; this.departureLocation = result; this.departureLocationvalue = result.name; this.picklist = false; }, setArrivalLocation(result) { this.arrivalPick = result; this.arrivalLocation = result; this.arrivalLocationvalue = result.name; this.ArrivalList = false; }, remakeDropDate() { if (!this.departDate) return false; let end = moment(this.returnDate); let start = moment(this.departDate); var duration = moment.duration(end.diff(start)); let nextDay = this.formattedDate( moment(this.departDate).add(1, 'days'), 'YYYY-MM-DD' ); var hours = duration; if (hours._milliseconds < 0) { this.returnDate = nextDay; } if (this.returnDate == null) { this.returnDate = nextDay; } }, submitForm(typeOfFlight) { let valid = this.$refs.form.validate(); let that = this; if (!valid) { let x = this.$el.querySelector('.v-text-field__details'); this.$vuetify.goTo(x.parentElement.parentElement.parentElement); return false; } if (!this.$refs.form.validate()) return false; let reqHeaders = { headers: { 'Content-Type': 'application/json' } }; var agentData = { "username": this.freeUserInfo.getSiteUserName, "password": this.freeUserInfo.getSitePassword, "domain": "uk" }; let reqPayLoad = { search: true, source: [this.departureLocation.iata], dest: [this.arrivalLocation.iata], sourceType: [this.departureLocation.type], destType: [this.arrivalLocation.type], airportArriveRound: Array.isArray(this.arrivalLocation.name) ? this.arrivalLocation.name : [this.arrivalLocation.name], airportDepartRound: Array.isArray(this.departureLocation.name) ? this.departureLocation.name : [this.departureLocation.name], cabinClass: this.cabinClass, connections: this.connection, adults: this.adults, seniors: this.seniors, child: this.childs, infants: this.infants, nearbyDest: [this.nearbyDest], nearbySource: [this.nearbySource], sortBy: 'asc', searchId: null, flightType: typeOfFlight, date: [this.departDate, this.returnDate] }; if (typeOfFlight == 'oneWay') { reqPayLoad.date = [this.date]; } else { reqPayLoad.date = [this.departDate, this.returnDate]; } var searchData = reqPayLoad; var searchEngine = { "engine": "flights" }; let self = this; var settings = { "async": true, "crossDomain": true, "url": API_URL+SEARCH_REQUESTS_ENDPOINTS['flights'], "type": "POST", "headers": { "Accept": "application/json", "Content-Type": "application/json", }, "data": JSON.stringify({ "data": [{ "agentData": agentData, "searchData": searchData, "searchEngine": searchEngine, "searchId": "" }] }), beforeSend: function () { self.loading = true; }, error: function (response) { self.loading = false; self.hasApiMessage = true; self.apiMessage = response.responseJSON.message; let elementOffset = $('#element').offset(); window.scrollTo({ top: elementOffset.top, behavior: 'smooth' }); } }; $.ajax(settings).done(function (response) { if (response.success) { self.loading = false; const redirecturl = REDIRECT_URL+"flights?searchId=" + response.data .searchId + "&token=" + response.data.token; window.location.href = redirecturl; return false; } else { } }); } }, computed: { minDepartureDate(){ return getVeryNextDate( new Date(new Date().setDate(new Date().getDate() + 1)) ); }, minDropOff() { return moment(this.departDate, 'YYYY-MM-DD') .add('days', 1) .format('YYYY-MM-DD'); }, totalPageIndexes() { return this.totalPages; }, compPickDateFormatted: { get: function () { return this.formattedDate(this.departDate, this.countryDF); }, set: function (newValue) { this.departDate = this.formattedDate(newValue, this.countryDF); } }, compDropDateFormatted: { get: function () { return this.formattedDate(this.returnDate, this.countryDF); }, set: function (newValue) { this.returnDate = this.formattedDate(newValue, this.countryDF); } }, minReturnDate() { let result = moment(this.departDate, 'YYYY-MM-DD') .add('days', 1) .format('YYYY-MM-DD'); return result; }, checkIcon() { return 'fas fa-plane'; } } }); // ANIMATE CODE $(document).ready(function(){ $(".tabs-click").on('click', function(event) { if (this.hash !== "") { event.preventDefault(); var elems = document.querySelectorAll(".active"); [].forEach.call(elems, function(el) { el.classList.remove("active"); }); event.currentTarget.classList.add('active'); var hash = this.hash; let off = $(hash).offset().top; let calcOffsetTop = Math.round(off)-70; $('html, body').animate({ scrollTop: calcOffsetTop }, 800); } }); $(window).scroll(function(){ if ($(this).scrollTop() > 550) { $('.stiky-header').addClass('fixed'); } else { $('.stiky-header').removeClass('fixed'); } }); /* */ }); /* function myFunction(e) { var elems = document.querySelectorAll(".active"); [].forEach.call(elems, function(el) { el.classList.remove("active"); }); e.target.className = "active"; } */ //END ANIMATE CODE </script> </body> </html> <!--End Template -->