en.arnoldtravel.com
Open in
urlscan Pro
107.20.62.128
Public Scan
Submitted URL: http://en.arnoldtravel.com/
Effective URL: https://en.arnoldtravel.com/
Submission: On May 23 via manual from ID — Scanned from DE
Effective URL: https://en.arnoldtravel.com/
Submission: On May 23 via manual from ID — Scanned from DE
Form analysis 1 forms found in the DOM
POST /
<form method="post" action="/" id="Form" enctype="multipart/form-data">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="v+tfRjCmfj9Yb+Bz7oW3QONRBQEdtdwcWiS/m6IFS0Ncj6G0wiNH/BwTqySs+S1dVdNNPJrYrsqq+KMfaOWHWTpRiJtPxmrSJMKqu8WxMx5uEuxB+kgGgB7Px0I/HGnD7V0DhEeJdONZxCcNty9RDmOxEu0ChXqBK2gS/nxL4MNTGlaMEGDtmDBsZJjC8CGFRr7fB5kPyj/u2NfNeeuqRtYhLhrildAREcIn/9W/ypxlM702TJpa5+sJS/SAQBfTvtKRS+YX1e1FqNRH">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['Form'];
if (!theForm) {
theForm = document.Form;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV1wCyPbQ4j0G46rczin14G3HsaSxAiXDajCa8HCmKZp48rmvMI1&t=638393249798026697" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=NJmAwtEo3IrB8ic2U6DDPIbfj7RzW5SO_sQVD5UFy5DrljgNCTo4rXHotMntMPQ8uQzbvx9YDAJFLWfE6yZzpum2yuT_FzSTM8bt3bHwUjKutAHZlLDpOUTtedFHG58l-u81Kg2&t=511fa37d" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoI_zJ4yzIl3f3M1uFXu7YgxyQnk-5F2My-Oiw0AlS3c_qnyDBGODq7bn-Chz7vxnn-of8k9tSIWwOqucKJAhJSJBMVc7legBf1_R7_9ipGn5vbTH0rB4Z7ISukc7HNVI-22XWbM0&t=511fa37d" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="6H7GMUzTkvN9WstzNk6bmaf43XtzzGriXrbWcn0B1wZDdE8IznncoesGOWrJEbkk5co7oTXqkuSAQhq+aM0FkjUoQoKMIswqEUimcz3LWdAZs+VP4bRwOSv8zgqLjeNbVnmmloS5g7QzP3wIs5Aj/cUQDGM=">
</div>
<script src="/js/dnn.modalpopup.js?cdv=1722" type="text/javascript"></script>
<script src="/Portals/1179/skins/net-base-skin/bootstrap/js/bootstrap.min.js?cdv=1722" type="text/javascript"></script>
<script src="/Portals/1179/skins/net-base-skin/js/scripts_flex.js?cdv=1722" type="text/javascript"></script>
<script src="/Portals/1179/skins/net-base-skin/js/slider.js?cdv=1722" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=1722" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
//]]>
</script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.user-menu-mobile .user-authenticated-icon-mobile {
display: none;
}
</style>
<script>
var browser = navigator.appName
var ver = navigator.appVersion
var thestart = parseFloat(ver.indexOf("MSIE")) + 1 //This finds the start of the MS version string.
var brow_ver = parseFloat(ver.substring(thestart + 4, thestart + 7)) //This cuts out the bit of string we need.
if ( /*@cc_on!@*/ false || !!document.documentMode) //By default the min. IE ver is set to 11. Change as desired.
{
window.location = "/ie"; //URL to redirect to.
}
</script>
<script id="mcjs">
! function(c, h, i, m, p) {
m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p)
}(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/66d4a65d0b518b146a9931062/c80e7791fe80a85757aa0e53b.js");
</script>
<div id="siteWrapper" class="cms-flex__main_container">
<div class="cms-flex__header-transparent main-banner-search-section mobile-bg">
<header role="banner" class="header-container header-fixed">
<div class="user-menu">
<div class="wrap cms-flex__container-fluid">
<div class="cms-flex__row end-xs">
<div class="cms-flex__col-lg-12 hidden-mobile-tablet" id="userdata-contact-container">
<ul>
<li><a href="tel:+12018686080 "><i class="fa fa-phone"></i>
<b>+1
201-868-6080</b>
</a>
<a href="tel:+19733617977"><i class="fa fa-phone"></i>
<b>+1-973-361-7977</b>
</a>
<a href="tel:+18772763537"><i class="fa fa-phone"></i>
<b>+1-877-276-3537</b>
</a>
</li>
<li><a href="https://wa.me/15513276845"><i class="fa fa-whatsapp"></i>
Whatsapp
:<b>+1 551-327-6845</b>
</a> </li>
<li><a href="https://agents.arnoldtravel.com/agents"><i class="fa fa-user"></i>
Agents</a>
</li>
<li>
<i class="fa fa-briefcase" aria-hidden="true"></i>
<a id="dnn_dnnMYBOOKINS_lbtMyBookings" class="misReservas" href="javascript:__doPostBack('dnn$dnnMYBOOKINS$lbtMyBookings','')">My Bookings</a>
</li>
<li class="cms-useroptions-dropdown">
<div class="cms-flex_dropdown">
<a href="#"><i class="fa fa-globe" aria-hidden="true"></i><span id="lang-selected-text">English</span><i class="fa fa-caret-down" aria-hidden="true"></i></a>
<div class="cms-flex_dropdown-content cms-useroptions-dropdown-menu">
<a data-lang="es-ES" href="https://cmses.arnoldtravel.com">Spanish</a>
<a data-lang="en-US" href="https://en.arnoldtravel.com/">English</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="wrap cms-flex__container-fluid">
<div id="mainHeader-inner-flex" class="cms-flex__row">
<div class="cms-flex__col-lg-3" id="logo-container">
<a id="dnn_dnnLOGO_hypLogo" title="Arnoldtravel English site" aria-label="Arnoldtravel English site" href="https://en.arnoldtravel.com/"><img id="dnn_dnnLOGO_imgLogo" src="/Portals/1179/logo-arnol-travel2.png?ver=aGU658UUufS3JoithKknIA%3d%3d" alt="Arnoldtravel English site"></a>
</div>
<div class="cms-flex__menu--hamburguer hidden-desktop">
<i class="fa fa-bars"></i>
<i class="fa fa-times"></i>
</div>
<div class="cms-flex__col-lg-9 cms-flex__menu" id="menu-container">
<div class="nav-navigation-container">
<a id="dnn_dnnMobileLOGO_hypLogo" title="Arnoldtravel English site" aria-label="Arnoldtravel English site" href="https://en.arnoldtravel.com/"><img id="dnn_dnnMobileLOGO_imgLogo" class="hidden-desktop" src="/Portals/1179/logo-arnol-travel2.png?ver=aGU658UUufS3JoithKknIA%3d%3d" alt="Arnoldtravel English site"></a>
<nav class="main-navigation">
<ul class="menu-items">
<li class="active">
<a href="https://en.arnoldtravel.com/"><span>Home</span> </a>
</li>
<li class="">
<a href="https://en.arnoldtravel.com/About-Us"><span>About Us</span> </a>
</li>
<li class="">
<a href="https://en.arnoldtravel.com/Contact"><span>Contact</span> </a>
</li>
<li class="">
<a href="https://en.arnoldtravel.com/Blog"><span>Blog</span> </a>
</li>
</ul>
</nav>
<div id="userdata-contact-container" class="hidden-desktop">
<ul class="generalNavbarUl">
<li>
<ul id="user-menu-mobile" class="user-menu-mobile">
<li>
<i class="fa fa-user user-no-authenticated-icon-mobile"></i>
<a class="mi-cuenta-mobile" href="/Agencias">Agents</a>
</li>
<li>
<i class="fa fa-list-ul"></i>
<a id="dnn_dnnMYBOOKINSMobile_lbtMyBookings" class="SkinObject" href="javascript:__doPostBack('dnn$dnnMYBOOKINSMobile$lbtMyBookings','')">My Bookings</a>
</li>
<li class="">
<div id="lang-mobile-seleted">
<a><i class="fa fa-globe" aria-hidden="true"></i> <select id="lang-mobile-options">
<option data-lang="en-US" value="https://en.arnoldtravel.com/">English</option>
<option data-lang="es-ES" value="https://cmses.arnoldtravel.com/">Spanish</option>
</select> <i class="fa fa-check" aria-hidden="true"></i></a>
</div>
</li>
<li> <a class="tel2" href="tel:+12018686080"> <i class="fa fa-phone"></i><label class="m-auto"> 24/7 For Exclusive Flights Deals!</label> <b> +1 201-868-6080</b> </a> </li>
<li><a class="tel2" href="https://wa.me/12018686080"><i class="fa fa-whatsapp"></i>
Whatsapp
:<b>+1 201-868-6080</b>
</a> </li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<input id="lang-selected" type="hidden" value="en-US">
</header>
<div id="dnn_MainBanner" class="main-banner-search-section__bannerPane ">
<div class="DnnModule DnnModule-NetSlider DnnModule-38014"><a name="38014"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr38014_ContentPane"><!-- Start_Module_38014 -->
<div id="dnn_ctr38014_ModuleContent" class="DNNModuleContent ModNetSliderC">
<div id="mvcContainer-38014">
<link href="/DesktopModules/MVC/NetSlider/Content/netSlider.styles.css" rel="stylesheet">
<div id="Items-38014">
<div class="bx-wrapper no-border" style="max-width: 100%;">
<div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative; height: 1068.8px;">
<div id="netSlider-38014" class="slider netSlider-container" style="width: auto; position: relative;">
<div class="netSliderItem" style="float: none; list-style: none; position: absolute; width: 1600px; z-index: 50; display: block;" aria-hidden="false">
<a href="#" target="_self" class="addSessionToken"><img src="/portals/1179/Images/2.jpg" alt="2"></a></div>
<div class="netSliderItem" style="float: none; list-style: none; position: absolute; width: 1600px; z-index: 0; display: none;" aria-hidden="true">
<a href="#" target="_self" class="addSessionToken"><img src="/portals/1179/Images/1.jpg" alt="1"></a></div>
<div class="netSliderItem" style="float: none; list-style: none; position: absolute; width: 1600px; z-index: 0; display: none;" aria-hidden="true">
<a href="#" target="_self" class="addSessionToken"><img src="/portals/1179/Images/3.jpg" alt="3"></a></div>
<div class="netSliderItem" style="float: none; list-style: none; position: absolute; width: 1600px; z-index: 0; display: none;" aria-hidden="true">
<a href="#" target="_self" class="addSessionToken"><img src="/portals/1179/Images/4.jpg" alt="4"></a></div>
</div>
</div>
</div>
</div>
<style>
#mvcContainer-38014 .bx-wrapper .bx-pager.bx-default-pager a {
background: #000000;
}
#mvcContainer-38014 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mvcContainer-38014 .bx-wrapper .bx-pager.bx-default-pager a.active,
#mvcContainer-38014 .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #808080;
}
</style>
<script>
$(document).ready(function() {
var screeenWidth = $(window).width();
var moduleId = '38014';
var arrows = 'False';
var arrowsColor = '808080';
var transitionSpeed = '500';
var slidePause = '5000';
var transitionEffect = 'fade';
var autoPlay = 'True';
var sliderBorder = 'False';
var caption = 'False';
var random = 'False';
var bullets = 'False';
var bulletsColor = '000000';
var bulletsActiveColor = '808080';
var loop = 'True';
var carrousel = 'False';
var columnsCarrousel = '2';
var columnsCarrouselMargin = '10';
var moduleSettings = {
moduleId: moduleId,
arrows: arrows == "True" ? true : false,
arrowsColor: arrowsColor,
transitionSpeed: parseInt(transitionSpeed),
slidePause: parseInt(slidePause),
transitionEffect: transitionEffect,
autoPlay: autoPlay == "True" ? true : false,
sliderBorder: sliderBorder == "True" ? true : false,
caption: caption == "True" ? true : false,
random: random == "True" ? true : false,
bullets: bullets == "True" ? true : false,
bulletsColor: bulletsColor,
bulletsActiveColor: bulletsActiveColor,
loop: loop == "True" ? true : false,
carrousel: carrousel == "True" ? true : false,
columnsCarrousel: parseInt(columnsCarrousel),
columnsCarrouselMargin: columnsCarrouselMargin
}
var slideWidth = 0;
var slideMargin = 0;
if (moduleSettings.carrousel && screeenWidth > 768) {
var containerWidth = $("#netSlider-" + moduleSettings.moduleId).width();
slideMargin = moduleSettings.columnsCarrouselMargin;
console.log(slideMargin);
slideWidth = containerWidth / moduleSettings.columnsCarrousel;
slideWidth = slideWidth - slideMargin;
}
var touchEnabled = true;
if (screeenWidth > 768) {
touchEnabled = false
}
$("#netSlider-" + moduleSettings.moduleId).bxSlider({
controls: moduleSettings.arrows,
speed: moduleSettings.transitionSpeed,
pause: moduleSettings.slidePause,
mode: moduleSettings.transitionEffect,
auto: moduleSettings.autoPlay,
captions: moduleSettings.caption,
randomStart: moduleSettings.random,
infiniteLoop: moduleSettings.loop,
pager: moduleSettings.bullets,
minSlides: 1,
maxSlides: moduleSettings.columnsCarrousel,
slideWidth: slideWidth,
slideMargin: parseInt(moduleSettings.columnsCarrouselMargin),
adaptiveHeight: false,
nextText: '<i class="fa fa-chevron-right"></i>',
prevText: '<i class="fa fa-chevron-left"></i>',
touchEnabled: touchEnabled
});
if (!moduleSettings.sliderBorder) {
$("#mvcContainer-" + moduleSettings.moduleId + " .bx-wrapper").addClass("no-border");
}
$("#mvcContainer-" + moduleSettings.moduleId + " .bx-wrapper .bx-prev").css("background-color", "#" + moduleSettings.arrowsColor);
$("#mvcContainer-" + moduleSettings.moduleId + " .bx-wrapper .bx-next").css("background-color", "#" + moduleSettings.arrowsColor);
});
</script>
</div>
</div><!-- End_Module_38014 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main-banner-search-section__search-widget HomenavB2C">
<div class="container">
<div id="dnn_SearchWidget_80" class="main-banner-search-section__searchWidget col-xs-12 col-sm-12 col-md-10 col-md-offset-1">
<div class="DnnModule DnnModule-SearchForm2 DnnModule-38015"><a name="38015"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr38015_ContentPane"><!-- Start_Module_38015 -->
<div id="dnn_ctr38015_ModuleContent" class="DNNModuleContent ModSearchForm2C">
<div id="mvcContainer-38015">
<script src="/DesktopModules/MVC/SearchForm2/Scripts/igrowl.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/jquery.bvalidator.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/linq.min.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/jquery.netautocomplete.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/searchForm2.helper.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/jquery.popupoverlay.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/static-content.autocomplete.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/searchForm2.widget.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/select2.full.min.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/bootstrap-select/bootstrap-select.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/arnoldtravel/cities-en.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/arnoldtravel/airlines-en.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/arnoldtravel/airports-en.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/arnoldtravel/airportscities-en.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/arnoldtravel/buscompanies-en.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/arnoldtravel/neighborhood-en.js"></script>
<script type="text/javascript" src="/DesktopModules/MVC/SearchForm2/Scripts/jquery.ui.datepicker-en.js"></script>
<script type="text/javascript">
var Resources = {
'DateDeparture': 'Date departure',
'DateArrival': 'Date arrival',
'DateCheckin': 'Check in',
'DateCheckout': 'Check out',
'DateDropoff': 'Return date',
'DatePickup': 'Pick up date',
'EnterCity': 'Enter a city',
'EnterAirport': 'Enter an airport',
'EnterNeighborhood': 'Enter a city, airport or area',
'CircuitDuration': '{0} to {1} days',
'CircuitDurationMore': 'More than 20 days',
'AirportText': 'Airport',
'CityText': 'City',
'ZoneText': 'Zone'
};
</script>
<link href="/DesktopModules/MVC/SearchForm2/Content/igrowl.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/igrowl.vicons.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/animate.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/searchForm2.datepicker.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/jquery.autocomplete.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/jquery.bvalidator.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/searchForm2.bootstrap.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/bootstrap-select.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/select2.css" rel="stylesheet">
<link href="/DesktopModules/MVC/SearchForm2/Content/netautocompletestyle.css" rel="stylesheet">
<link rel="stylesheet" href="/Portals/1179/Netactica/SearchForm/css/widget-net2/style.css">
<script type="text/javascript">
$(document).ready(function() {
if (loadPortalConfig()) {
// se carga las reglas para restriccion de fechas
loadSalesRestRules($PortalId);
$AirFlexDateEnabled = ('True' == 'True' ? true : false);
$HotelsMaxAgeChild = 11;
$TravelExtraMaxDaysAllowedSearch = 21;
$MaxPassengerSearch = 9;
$PromoCodeAllowed = ('True' == 'True' ? true : false);
$AirAdvancedPurchaseDays = 2;
$HotelAdvancedPurchaseDays = 2;
$TravelExtraAdvancedPurchaseDays = 2;
$VehicleAdvancedPurchaseDays = 0;
$GoogleMapsApiKey = "AIzaSyB8lcSSPTcujrlHIRUAsgNZnsPSB-lpWbE";
$StaticContentEnable = ('True' == 'True' ? true : false);
$EnableHotelNewFrontEnd = ('False' == 'True' ? true : false);
// se inicializa el widget
setTimeout(function() {
initWidget("#widget-38015");
}, 300);
} else {
$("#widget-38015").show();
}
});
</script>
<div id="widget-38015" class="widget-net2" style="">
<div class="widget-tabs-container">
<!-- Tabs -->
<ul id="widget-tabs" class="nav nav-tabs widget-tabs hidden-xs desktop-tabs" role="tablist">
<li role="presentation" data-sort="1" class="active">
<a href="#air" aria-controls="air" role="tab" data-toggle="tab">
<i class="fa fa-plane" aria-hidden="true"></i>
<span>Flights</span>
</a>
</li>
<li role="presentation" data-sort="2" class="">
<a href="#hotel" aria-controls="hotel" role="tab" data-toggle="tab">
<i class="fa fa-h-square" aria-hidden="true"></i>
<span>Hotel</span>
</a>
</li>
<li role="presentation" data-sort="3" class="">
<a href="#airhotel" aria-controls="airhotel" role="tab" data-toggle="tab">
<i class="fa fa-suitcase" aria-hidden="true"></i>
<span>Flights + Hotel</span>
</a>
</li>
<li role="presentation" data-sort="4" class="">
<a href="#extra" aria-controls="extra" role="tab" data-toggle="tab">
<i class="fa fa-ticket" aria-hidden="true"></i>
<span>Activities</span>
</a>
</li>
</ul>
<div id="divMobileTabs" class="mobile-tabs">
<div id="divMobileTabsContent" class="mobile-tabs-content hidden-sm hidden-md hidden-lg" style="">
<ul id="widget-tabs" class="nav navbar-nav widget-tabs ul-mobile-tabs" role="tablist" style="width: 278px;">
<li role="presentation" data-sort="1" class="active">
<a href="#air" aria-controls="air" role="tab" data-toggle="tab">
<i class="fa fa-plane" aria-hidden="true"></i>
</a>
</li>
<li role="presentation" data-sort="2" class="">
<a href="#hotel" aria-controls="hotel" role="tab" data-toggle="tab">
<i class="fa fa-h-square" aria-hidden="true"></i>
</a>
</li>
<li role="presentation" data-sort="3" class="">
<a href="#airhotel" aria-controls="airhotel" role="tab" data-toggle="tab">
<i class="fa fa-suitcase" aria-hidden="true"></i>
</a>
</li>
<li role="presentation" data-sort="4" class="">
<a href="#extra" aria-controls="extra" role="tab" data-toggle="tab">
<i class="fa fa-ticket" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
<a id="aMobileTabsNav" class="mobile-tabs-nav mobile-tabs-next"><span>></span></a>
</div>
<!-- Tab panes -->
<div class="tab-content widget-tab-container">
<div role="tabpanel" class="tab-pane active" id="air">
<div id="NetacticaAir" class="air-container container-fluid">
<!-- Air tab -->
<div id="AirTitle" class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="product-title-container">
<h3 class="hidden-sm hidden-md hidden-lg product-title air-title">Flights</h3>
</div>
</div>
</div>
<div id="divAirUpTripType" class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-5">
<div class="row">
<fieldset class="fdsAirTripType upTripType upTripType-control">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 divAirTripTypeRT">
<input type="radio" id="rdAirTripTypeRT" name="AirTripType" value="RT">
<label for="rdAirTripTypeRT">Round trip</label>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 col-lg-3 divAirTripTypeOW">
<input type="radio" id="rdAirTripTypeOW" name="AirTripType" value="OW">
<label for="rdAirTripTypeOW">One way</label>
</div>
<div class="col-xs-4 col-sm-5 col-md-5 col-lg-5 divAirTripTypeMD">
<input type="radio" id="rdAirTripTypeMD" name="AirTripType" value="MD">
<label for="rdAirTripTypeMD">Multiple destination</label>
</div>
</fieldset>
</div>
</div>
</div>
<div id="divAirCities" class="col-md-50">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityFrom">Origin:</label>
<div class="icon-input-group">
<div id="divAirCityFromControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityFrom" data-input-type="AirportsCities" data-input-label="Ciudad de Origin"></div>
<input type="text" id="txtAirCityFrom" name="txtAirCityFrom" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" style="" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<select id="ddlAirCityFrom" class="ddlAirCityFrom ac_input form-control air-dest-input dest-input" style="display:none;"></select>
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityTo">Destination:</label>
<div class="icon-input-group">
<div id="divAirCityToControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityTo" data-input-type="AirportsCities" data-input-label="Ciudad de Destination"></div>
<input type="text" id="txtAirCityTo" name="txtAirCityTo" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" style="" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<select id="ddlAirCityTo" class="ddlAirCityTo ac_input form-control air-dest-input dest-input" style="display:none;"></select>
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div id="AireDatesPassengers" class="col-md-50">
<div id="divAirDates" class="col-xs-12 col-sm-8 col-md-9 col-lg-9">
<span class="lblDates">Dates:</span>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group air-checkindate checkindate-group">
<div class="icon-input-group">
<input type="text" id="txtAirDateFrom" name="txtAirDateFrom" class="txtAirDateFrom form-control air-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group air-checkindate checkindate-group">
<div class="icon-input-group">
<input type="text" id="txtAirDateTo" name="txtAirDateTo" class="txtAirDateTo form-control air-checkoutdate-input checkoutdate-input hasDatepicker" readonly="readonly" placeholder="To"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
<div id="divAirMultiDestination" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="display: none;">
<div class="divMDFlight1">
<span class="multidest-flight">Segment 1</span>
<div class="row">
<div class="divAirCityFrom1 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityFrom1">Origin:</label>
<div class="icon-input-group">
<div id="divAirCityFrom1ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityFrom1" data-input-label="Ciudad de Origin" data-input-type="AirportsCities"
data-label="Origin Segment 1:"></div>
<input type="text" id="txtAirCityFrom1" name="txtAirCityFrom1" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirCityTo1 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityTo1">Destination:</label>
<div class="icon-input-group">
<div id="divAirCityTo1ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityTo1" data-input-label="Ciudad de Destination" data-input-type="AirportsCities"
data-label="Destination Segment 1:"></div>
<input type="text" id="txtAirCityTo1" name="txtAirCityTo1" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirDateFrom1 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-checkindate destination-group">
<label class="lblDates" for="txtAirDateFrom1">Date:</label>
<div class="icon-input-group">
<input type="text" id="txtAirDateFrom1" name="txtAirDateFrom1" class="txtAirDateFrom form-control air-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirDepartureTime1 col-xs-12 col-sm-6 col-md-6 col-lg-6" style="display:none;">
<div class="form-group air-checkindate destination-group">
<label class="lblAirDepartureTime1">Departure time:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime1" class="ddlAirDepartureTime1 form-control dest-input special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
<i class="fa fa-clock-o input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
<div class="divMDFlight2">
<span class="multidest-flight">Segment 2</span>
<div class="row">
<div class="divAirCityFrom2 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityFrom2">Origin:</label>
<div class="icon-input-group">
<div id="divAirCityFrom2ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityFrom2" data-input-label="Ciudad de Origin" data-input-type="AirportsCities"
data-label="Origin Segment 2:"></div>
<input type="text" id="txtAirCityFrom2" name="txtAirCityFrom2" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirCityTo2 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityTo2">Destination:</label>
<div class="icon-input-group">
<div id="divAirCityTo2ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityTo2" data-input-label="Ciudad de Destination" data-input-type="AirportsCities"
data-label="Destination Segment 2:"></div>
<input type="text" id="txtAirCityTo2" name="txtAirCityTo2" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirDateFrom2 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-checkindate destination-group">
<label class="lblDates" for="txtAirDateFrom2">Date:</label>
<div class="icon-input-group">
<input type="text" id="txtAirDateFrom2" name="txtAirDateFrom2" class="txtAirDateFrom form-control air-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirDepartureTime2" class="divAirDepartureTime2 col-xs-12 col-sm-6 col-md-6 col-lg-6" style="display:none;">
<div class="form-group air-checkindate destination-group">
<label class="lblAirDepartureTime2">Departure time:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime2" class="ddlAirDepartureTime2 form-control dest-input special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
<i class="fa fa-clock-o input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirFlight2Opt" class="divAirFlight2Opt col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="air-multiple-opt">
<a id="addAirFlight2" class="air-add-flight" href="javascript:void(0);">+ Add segment</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight3" class="divMDFlight3" style="display: none;">
<span class="multidest-flight">Segment 3</span>
<div class="row">
<div class="divAirCityFrom3 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityFrom3">Origin:</label>
<div class="icon-input-group">
<div id="divAirCityFrom3ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityFrom3" data-input-label="Ciudad de Origin" data-input-type="AirportsCities"
data-label="Origin Segment 3:"></div>
<input type="text" id="txtAirCityFrom3" name="txtAirCityFrom3" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirCityTo3 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityTo3">Destination:</label>
<div class="icon-input-group">
<div id="divAirCityTo3ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityTo3" data-input-label="Ciudad de Destination" data-input-type="AirportsCities"
data-label="Destination Segment 3:"></div>
<input type="text" id="txtAirCityTo3" name="txtAirCityTo3" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirDateFrom3 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-checkindate destination-group">
<label class="lblDates" for="txtAirDateFrom3">Date:</label>
<div class="icon-input-group">
<input type="text" id="txtAirDateFrom3" name="txtAirDateFrom3" class="txtAirDateFrom form-control air-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirDepartureTime3" class="divAirDepartureTime3 col-xs-12 col-sm-6 col-md-6 col-lg-6" style="display:none;">
<div class="form-group air-checkindate destination-group">
<label class="lblAirDepartureTime3">Departure time:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime3" class="ddlAirDepartureTime3 form-control dest-input special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
<i class="fa fa-clock-o input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirFlight3Opt" class="divAirFlight3Opt col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="air-multiple-opt">
<a id="delAirFlight3" class="air-remove-flight" href="javascript:void(0);">- Delete segment</a><br>
<a id="addAirFlight3" class="air-add-flight" href="javascript:void(0);">+ Add segment</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight4" class="divMDFlight4" style="display: none;">
<span class="multidest-flight">Segment 4</span>
<div class="row">
<div class="divAirCityFrom4 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityFrom4">Origin:</label>
<div class="icon-input-group">
<div id="divAirCityFrom4ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityFrom4" data-input-label="Ciudad de Origin" data-input-type="AirportsCities"
data-label="Origin Segment 4:"></div>
<input type="text" id="txtAirCityFrom4" name="txtAirCityFrom4" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirCityTo4 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityTo4">Destination:</label>
<div class="icon-input-group">
<div id="divAirCityTo4ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityTo4" data-input-label="Ciudad de Destination" data-input-type="AirportsCities"
data-label="Destination Segment 4:"></div>
<input type="text" id="txtAirCityTo4" name="txtAirCityTo4" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirDateFrom4 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-checkindate destination-group">
<label class="lblDates" for="txtAirDateFrom4">Date:</label>
<div class="icon-input-group">
<input type="text" id="txtAirDateFrom4" name="txtAirDateFrom4" class="txtAirDateFrom form-control air-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirDepartureTime4" class="divAirDepartureTime4 col-xs-12 col-sm-6 col-md-6 col-lg-6" style="display:none;">
<div class="form-group air-checkindate destination-group">
<label class="lblAirDepartureTime4">Departure time:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime4" class="ddlAirDepartureTime4 form-control dest-input special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
<i class="fa fa-clock-o input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirFlight4Opt" class="divAirFlight4Opt col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="air-multiple-opt">
<a id="delAirFlight4" class="air-remove-flight" href="javascript:void(0);">- Delete segment</a><br>
<a id="addAirFlight4" class="air-add-flight" href="javascript:void(0);">+ Add segment</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight5" class="divMDFlight5" style="display: none;">
<span class="multidest-flight">Segment 5</span>
<div class="row">
<div class="divAirCityFrom5 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityFrom5">Origin:</label>
<div class="icon-input-group">
<div id="divAirCityFrom5ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityFrom5" data-input-label="Ciudad de Origin" data-input-type="AirportsCities"
data-label="Origin Segment 5:"></div>
<input type="text" id="txtAirCityFrom5" name="txtAirCityFrom5" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirCityTo5 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityTo5">Destination:</label>
<div class="icon-input-group">
<div id="divAirCityTo5ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityTo5" data-input-label="Ciudad de Destination" data-input-type="AirportsCities"
data-label="Destination Segment 5:"></div>
<input type="text" id="txtAirCityTo5" name="txtAirCityTo5" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirDateFrom5 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-checkindate destination-group">
<label class="lblDates" for="txtAirDateFrom5">Date:</label>
<div class="icon-input-group">
<input type="text" id="txtAirDateFrom5" name="txtAirDateFrom5" class="txtAirDateFrom form-control air-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirDepartureTime5" class="divAirDepartureTime5 col-xs-12 col-sm-6 col-md-6 col-lg-6" style="display:none;">
<div class="form-group air-checkindate destination-group">
<label class="lblAirDepartureTime5">Departure time:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime5" class="ddlAirDepartureTime5 form-control dest-input special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
<i class="fa fa-clock-o input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirFlight5Opt" class="divAirFlight5Opt col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="air-multiple-opt">
<a id="delAirFlight5" class="air-remove-flight" href="javascript:void(0);">- Delete segment</a><br>
<a id="addAirFlight5" class="air-add-flight" href="javascript:void(0);">+ Add segment</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight6" class="divMDFlight6" style="display: none;">
<span class="multidest-flight">Segment 6</span>
<div class="row">
<div class="divAirCityFrom6 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityFrom6">Origin:</label>
<div class="icon-input-group">
<div id="divAirCityFrom6ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityFrom6" data-input-label="Ciudad de Origin" data-input-type="AirportsCities"
data-label="Origin Segment 6:"></div>
<input type="text" id="txtAirCityFrom6" name="txtAirCityFrom6" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirCityTo6 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-destination destination-group">
<label class="air-dest-label dest-label" for="txtAirCityTo6">Destination:</label>
<div class="icon-input-group">
<div id="divAirCityTo6ControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirCityTo6" data-input-label="Ciudad de Destination" data-input-type="AirportsCities"
data-label="Destination Segment 6:"></div>
<input type="text" id="txtAirCityTo6" name="txtAirCityTo6" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="divAirDateFrom6 col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-30">
<div class="form-group air-checkindate destination-group">
<label class="lblDates" for="txtAirDateFrom6">Date:</label>
<div class="icon-input-group">
<input type="text" id="txtAirDateFrom6" name="txtAirDateFrom6" class="txtAirDateFrom form-control air-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirDepartureTime6" class="divAirDepartureTime6 col-xs-12 col-sm-6 col-md-6 col-lg-6" style="display:none;">
<div class="form-group air-checkindate destination-group">
<label class="lblAirDepartureTime6">Departure time:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime6" class="ddlAirDepartureTime6 form-control dest-input special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
<i class="fa fa-clock-o input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divAirFlight6Opt" class="divAirFlight6Opt col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="air-multiple-opt">
<a id="delAirFlight6" class="air-remove-flight" href="javascript:void(0);">- Delete segment</a>
</div>
</div>
</div>
</div>
</div>
<div id="divAirPassengers" class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
<div class="fdsAirDetails form-group">
<span class="lblPassengers">Passengers:</span>
<div class="passengers-control">
<div id="divAirPopUpControl" class="popup-control">
<a id="airPopUpBtn" class="airPopUpBtn popup-control-btn" data-tooltipanchor="AirPaxPopUp"></a>
</div>
<div id="divAirPassengersGuests" class="input-passengers-container guests-info">
<div class="icon-input-group">
<input id="txtAirNumberPassenger" type="text" class="form-control air-passengers-input air-mumber-passenger" data-bvalidator-msg-validatemaxpassenger="Passenger numbers can not be greater than 9"
data-bvalidator-msg-validatequantityinfants="The number of passengers infants can not<br />exceed the number of adult passengers"
data-bvalidator="validateMaxPassenger[#widget-38015:Air:9], validateQuantityInfants[#widget-38015:Air]" autocomplete="offAutoComplete">
<input type="hidden" id="hdnAirPassengers" value="{"Adults":"1","Childs":"0","Infants":"0"}">
<i class="fa fa-user input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div id="divAirFlexDates" class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-md-100">
<div class="divAirBaggageIncluded form-group">
<input type="checkbox" id="chkAirDirectFlight" class="check-box-baggage">
<label class="baggageIncluded-label">Only direct flights</label>
</div>
<div class="divAirBaggageIncluded form-group">
<input type="checkbox" id="chkAirBaggageIncluded" class="check-box-baggage">
<label class="baggageIncluded-label">Only flights that include baggage</label>
</div>
<div class="divAirFlexDates form-group">
<input type="checkbox" id="chkdivAirFlexDates" class="check-box-flexDates">
<label class="airFlexDates-label">I am flexible with my travel dates</label>
</div>
</div>
<div id="divAirBaggageIncluded" class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
</div>
</div>
<div id="divAirTogglePromoCode" class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="divAirTogglePromoCodePanel form-group promo-code-group">
<a class="promocode-btn" role="button" data-toggle="collapse" href="#divCollapseAirPromoCode" aria-expanded="false" aria-controls="divCollapseAirPromoCode">
<span>Promotional Code</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div class="collapse" id="divCollapseAirPromoCode">
<div id="divAirPromoCode" class="divAirPromoCode promo-code-container">
<div class="icon-input-group">
<input type="text" id="txtAirPromoCode" class="form-control txtAirPromoCode promocode-input" placeholder="Promotional Code" autocomplete="offAutoComplete">
<i class="fa fa-tag input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="divAirSpecialOptionsControl" class="col-md-80">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group special-options">
<a class="promocode-btn" role="button" data-toggle="collapse" href="#divAirSpecialOpt" aria-expanded="false" aria-controls="divAirSpecialOpt">
<span>Special options</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div id="divAirSpecialOpt" class="divAirSpecialOpt collapse">
<div id="divAirSpecialOptions" class="divAirSpecialOptions promo-code-container">
<fieldset id="special_options_netactica_air" class="fdsAirSpecialOpt">
<div class="divAirSpecialOptContent">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="divAirTypeCabin special-options-select">
<label class="lblAirTypeCabin">Type of cabin:</label>
<select id="ddlAirTypeCabin" class="ddlAirTypeCabin form-control special-options-input">
<option value="">Any</option>
<option value="Economy">Economy</option>
<option value="Business">Business</option>
<option value="First">First</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="divAirline special-options-select">
<label class="lblAirline">Airline:</label>
<select id="ddlAirline" class="ddlAirlineCode form-control special-options-input" data-live-search="true" data-header="Select airline">
<option value="">Any</option>
<option value="I2"> iberia express (I2)</option>
<option value="3I">aerolineas del sur (3I)</option>
<option value="OT">aeropelican (OT)</option>
<option value="KC">air astana (KC)</option>
<option value="GP">apg airlines (GP)</option>
<option value="9B">accesrail (9B)</option>
<option value="JP">adria airways (JP)</option>
<option value="A3">aegean air (A3)</option>
<option value="RE">aer arann express (RE)</option>
<option value="EI">aer lingus (EI)</option>
<option value="2K">aerogal (2K)</option>
<option value="CV">aerocaribe (CV)</option>
<option value="A4">aerocomercial oriente norte (A4)</option>
<option value="SU">aeroflot (SU)</option>
<option value="AR">aerolineas argentinas (AR)</option>
<option value="VW">aeromar (VW)</option>
<option value="AM">aeromexico (AM)</option>
<option value="CW">aeropostal (CW)</option>
<option value="AH">air algerie (AH)</option>
<option value="UU">air austral (UU)</option>
<option value="BT">air baltic (BT)</option>
<option value="AB">air berlin (AB)</option>
<option value="KF">air botnia (KF)</option>
<option value="BP">air botswana (BP)</option>
<option value="BX">air busan (BX)</option>
<option value="AC">air canada (AC)</option>
<option value="TX">air caraibes (TX)</option>
<option value="Y2">air century (Y2)</option>
<option value="CA">air china (CA)</option>
<option value="A7">air comet (A7)</option>
<option value="EN">air dolomiti (EN)</option>
<option value="UX">air europa (UX)</option>
<option value="AF">air france (AF)</option>
<option value="AI">air india (AI)</option>
<option value="JM">air jamaica (JM)</option>
<option value="DR">air link (DR)</option>
<option value="NX">air macau (NX)</option>
<option value="MD">air magadascar (MD)</option>
<option value="KM">air malta (KM)</option>
<option value="MK">air mauritius (MK)</option>
<option value="9U">air moldova (9U)</option>
<option value="SW">air namibia (SW)</option>
<option value="NZ">air new zealand (NZ)</option>
<option value="EL">air nippon (EL)</option>
<option value="PX">air niugini (PX)</option>
<option value="TL">air north region (TL)</option>
<option value="YW">air nostrum (YW)</option>
<option value="AP">air one (AP)</option>
<option value="FJ">air pacific (FJ)</option>
<option value="7P">air panamá (7P)</option>
<option value="V7">air senegal (V7)</option>
<option value="HM">air seychelles (HM)</option>
<option value="VT">air tahiti (VT)</option>
<option value="TN">air tahiti nui (TN)</option>
<option value="TS">air transat (TS)</option>
<option value="NF">air vanuatu (NF)</option>
<option value="UM">air zimbabwe (UM)</option>
<option value="FL">airtran airways (FL)</option>
<option value="AS">alaska airlines (AS)</option>
<option value="G0">alianza glancelot (G0)</option>
<option value="CT">alitalia cityliner (CT)</option>
<option value="NH">all nippon (NH)</option>
<option value="AQ">aloha airlinesx (AQ)</option>
<option value="Z8">amaszonas s.a (Z8)</option>
<option value="Z7">amaszonas uruguay (Z7)</option>
<option value="HP">america west (HP)</option>
<option value="AA">american (AA)</option>
<option value="AJ">american jet (AJ)</option>
<option value="TZ">american trans (TZ)</option>
<option value="OY">andes lineas aereas (OY)</option>
<option value="DM">arajet (DM)</option>
<option value="AG">aruba airlines (AG)</option>
<option value="R7">aserca airlines (R7)</option>
<option value="OZ">asiana airlines (OZ)</option>
<option value="AU">austral lineas aéreas (AU)</option>
<option value="OS">austrian air (OS)</option>
<option value="A0">avianca argentina (A0)</option>
<option value="O6">avianca brasil (O6)</option>
<option value="GU">aviateca (GU)</option>
<option value="9V">avior airlines (9V)</option>
<option value="J2">azerbaijan air (J2)</option>
<option value="AD">azul brazilian airlines (AD)</option>
<option value="FQ">brindabella airlines (FQ)</option>
<option value="BW">bwa caribbean air (BW)</option>
<option value="UP">bahamasair (UP)</option>
<option value="PG">bangkok airways (PG)</option>
<option value="JV">bearskin airline (JV)</option>
<option value="BG">biman bangladesh (BG)</option>
<option value="AX">binter mediterras (AX)</option>
<option value="BV">blue panorama airlines (BV)</option>
<option value="OB">boliviana de aviación (OB)</option>
<option value="BA">british airways (BA)</option>
<option value="BE">british european (BE)</option>
<option value="SB">cdi air caledoni (SB)</option>
<option value="CC">cm airlines (CC)</option>
<option value="5T">canadian north (5T)</option>
<option value="9K">cape air (9K)</option>
<option value="V3">carpatair (V3)</option>
<option value="CX">cathay pacific (CX)</option>
<option value="KX">cayman airways (KX)</option>
<option value="9M">central mtn air (9M)</option>
<option value="CI">china airlines (CI)</option>
<option value="MU">china eastern (MU)</option>
<option value="CZ">china southern (CZ)</option>
<option value="C9">cirrus airlines (C9)</option>
<option value="WX">cityjet (WX)</option>
<option value="VE">clic (VE)</option>
<option value="XK">compaigne corse (XK)</option>
<option value="DE">condor (DE)</option>
<option value="0C">conocemos navegando (0C)</option>
<option value="OC">continental (OC)</option>
<option value="V0">conviassa (V0)</option>
<option value="CM">copa airlines (CM)</option>
<option value="OU">croatia airlines (OU)</option>
<option value="CU">cubana de aviacion (CU)</option>
<option value="CY">cyprus airways (CY)</option>
<option value="OK">czech airlines (OK)</option>
<option value="DL">delta (DL)</option>
<option value="KA">dragonair hong (KA)</option>
<option value="9H">dutch antilles express (9H)</option>
<option value="7H">era aviation (7H)</option>
<option value="BR">eva airways (BR)</option>
<option value="2D">eastern airlines (2D)</option>
<option value="EF">easyfly (EF)</option>
<option value="8J">ecojet (8J)</option>
<option value="WK">edelweiss air (WK)</option>
<option value="MS">egyptair (MS)</option>
<option value="LY">el al israel (LY)</option>
<option value="EK">emirates airlines (EK)</option>
<option value="HN">equair (HN)</option>
<option value="ES">estelar (ES)</option>
<option value="ET">ethiopian air (ET)</option>
<option value="EY">etihad airway (EY)</option>
<option value="UH">eurasia airlines (UH)</option>
<option value="Q4">euroairlines (Q4)</option>
<option value="EW">eurowings (EW)</option>
<option value="OW">executive air (OW)</option>
<option value="VC">finnish commuter air (VC)</option>
<option value="AY">finnair (AY)</option>
<option value="7F">first air (7F)</option>
<option value="FF">flapper (FF)</option>
<option value="W2">flexflight (W2)</option>
<option value="GI">fly the world (GI)</option>
<option value="8S">fly to los roques (8S)</option>
<option value="FO">flybondi (FO)</option>
<option value="F9">frontier (F9)</option>
<option value="GA">garuda indonesia (GA)</option>
<option value="4U">germanwings (4U)</option>
<option value="G3">gol (G3)</option>
<option value="9A">gran colombiana de aviacion (9A)</option>
<option value="ZK">great lakes (ZK)</option>
<option value="GF">gulf air (GF)</option>
<option value="3M">gulfstream intl (3M)</option>
<option value="HR">hahn air (HR)</option>
<option value="H1">hahnair (H1)</option>
<option value="X1">hahnair (X1)</option>
<option value="HU">hainan airlines (HU)</option>
<option value="HA">hawaiian (HA)</option>
<option value="ZL">hazelton (ZL)</option>
<option value="YO">heli air monaco (YO)</option>
<option value="JY">intercaribbean airways (JY)</option>
<option value="IB">iberia (IB)</option>
<option value="E9">iberojet (E9)</option>
<option value="FI">icelandair (FI)</option>
<option value="IC">indian airlines (IC)</option>
<option value="7I">insel air (7I)</option>
<option value="4O">interjet (4O)</option>
<option value="IR">iran air (IR)</option>
<option value="WP">island air hawai (WP)</option>
<option value="IS">island air nantk (IS)</option>
<option value="AZ">ita airways (AZ)</option>
<option value="XM">j-air (XM)</option>
<option value="JC">jal express (JC)</option>
<option value="JO">jalways (JO)</option>
<option value="JU">jat (JU)</option>
<option value="JL">japan airlines (JL)</option>
<option value="EG">japan asia (EG)</option>
<option value="NU">japan transocean (NU)</option>
<option value="9W">jet airways (9W)</option>
<option value="JQ">jet star (JQ)</option>
<option value="JZ">jetsmart airlines (JZ)</option>
<option value="WJ">jetsmart airlines (WJ)</option>
<option value="J6">jetsmart colombia (J6)</option>
<option value="B6">jetblue airways (B6)</option>
<option value="JA">jetsmart (JA)</option>
<option value="GK">jetstar japan (GK)</option>
<option value="IT">kfr kingfisher ai (IT)</option>
<option value="KL">klm (KL)</option>
<option value="KQ">kenya airways (KQ)</option>
<option value="KE">korean air (KE)</option>
<option value="KU">kuwait airways (KU)</option>
<option value="TM">lam (TM)</option>
<option value="LA">latam airlines (LA)</option>
<option value="LP">latam airlines peru (LP)</option>
<option value="W4">lc peru (W4)</option>
<option value="LO">lot polis (LO)</option>
<option value="LT">ltu intl (LT)</option>
<option value="FB">lzb bulgaria air (FB)</option>
<option value="LR">lacsa (LR)</option>
<option value="4M">lan argentina (4M)</option>
<option value="4C">lan colombia airlines (4C)</option>
<option value="XL">lanecuador (XL)</option>
<option value="QL">laser (QL)</option>
<option value="JJ">latam airlines brazil (JJ)</option>
<option value="TE">lithuanian (TE)</option>
<option value="LH">lufthansa (LH)</option>
<option value="CL">lufthansa cityline (CL)</option>
<option value="LG">luxair (LG)</option>
<option value="7M">map linhas aereas (7M)</option>
<option value="YM">montenegro airlines (YM)</option>
<option value="MH">malaysia (MH)</option>
<option value="MA">malev hungarian (MA)</option>
<option value="AE">mandarin (AE)</option>
<option value="MP">martinair hollan (MP)</option>
<option value="IG">meridiana (IG)</option>
<option value="YV">mesa airlines (YV)</option>
<option value="MX">mexicana (MX)</option>
<option value="ME">middle east (ME)</option>
<option value="YX">midwest express (YX)</option>
<option value="8I">myway airlines (8I)</option>
<option value="D8">norwegian air international (D8)</option>
<option value="DY">norwegian air shuttle (DY)</option>
<option value="CE">nationwide air (CE)</option>
<option value="HG">niki (HG)</option>
<option value="NW">northwest (NW)</option>
<option value="DI">norwegian air (DI)</option>
<option value="DN">norwegian argentina (DN)</option>
<option value="UQ">o connor air (UQ)</option>
<option value="KK">oge atiasjet intl (KK)</option>
<option value="OA">olympic airways (OA)</option>
<option value="WY">oman aviation (WY)</option>
<option value="ZP">paran air (ZP)</option>
<option value="P9">peruvian airlines (P9)</option>
<option value="PR">philippine (PR)</option>
<option value="PU">plus ultra líneas aéreas (PU)</option>
<option value="Z0">plus ultra premium (Z0)</option>
<option value="PD">porter airlines (PD)</option>
<option value="NI">portugalia (NI)</option>
<option value="PW">precisionair (PW)</option>
<option value="QF">qantas airways (QF)</option>
<option value="QR">qatar airways (QR)</option>
<option value="WZ">red wings airlines (WZ)</option>
<option value="FV">rossiya (FV)</option>
<option value="AT">royal air maroc (AT)</option>
<option value="RJ">royal jordanian (RJ)</option>
<option value="5R">rutaca (5R)</option>
<option value="SK">sas (SK)</option>
<option value="SP">sata - air acores (SP)</option>
<option value="S4">sata international (S4)</option>
<option value="H2">sky airline (H2)</option>
<option value="H8">sky airline peru (H8)</option>
<option value="SN">sn brussels airl (SN)</option>
<option value="LX">swiss (LX)</option>
<option value="S3">santa barbara (S3)</option>
<option value="CO">sarpa (CO)</option>
<option value="O3">sasca airlines (O3)</option>
<option value="9R">satena (9R)</option>
<option value="SV">saudi arabian (SV)</option>
<option value="TR">scoot (TR)</option>
<option value="CB">scotairways (CB)</option>
<option value="FM">shangai (FM)</option>
<option value="ZH">shenzhen airlines (ZH)</option>
<option value="S5">shuttle america (S5)</option>
<option value="S7">siberia airlines (S7)</option>
<option value="FT">siem reap (FT)</option>
<option value="MI">silkair (MI)</option>
<option value="SQ">singapore airl (SQ)</option>
<option value="QS">smartwings airlines (QS)</option>
<option value="IE">solomon (IE)</option>
<option value="SA">south african (SA)</option>
<option value="9X">southern airways express (9X)</option>
<option value="WN">southwest (WN)</option>
<option value="JK">spanair (JK)</option>
<option value="5W">speed alliance westbahn (5W)</option>
<option value="NK|E">spirit airlines (NK|E)</option>
<option value="UL">srilankan (UL)</option>
<option value="2I">star peru (2I)</option>
<option value="SY">sun country airlines (SY)</option>
<option value="CQ">sunshine express (CQ)</option>
<option value="WG">sunwing airlines (WG)</option>
<option value="PY">surinam airways (PY)</option>
<option value="DT">taag (DT)</option>
<option value="VR">tacv cabo verde (VR)</option>
<option value="5U">tag airlines (5U)</option>
<option value="PZ">tam del mercosur (PZ)</option>
<option value="OR">tui airlines nederland (OR)</option>
<option value="TA">taca intl (TA)</option>
<option value="T0">taca peru (T0)</option>
<option value="EQ">tame (EQ)</option>
<option value="TP">tap portugal (TP)</option>
<option value="YQ">tar airlines (YQ)</option>
<option value="RO">tarom-romanian (RO)</option>
<option value="ZZ">test (ZZ)</option>
<option value="TG">thai intl (TG)</option>
<option value="3P">tiara air (3P)</option>
<option value="HV">transavia airlines (HV)</option>
<option value="TO">transavia france (TO)</option>
<option value="TU">tunis air (TU)</option>
<option value="TK">turkish airlines (TK)</option>
<option value="T9">turpial (T9)</option>
<option value="T7">twin jet (T7)</option>
<option value="US">us airways (US)</option>
<option value="PS">ukraine intl (PS)</option>
<option value="OL">ultra air (OL)</option>
<option value="U0">ultra air (U0)</option>
<option value="UA">united (UA)</option>
<option value="U6">ural airlines (U6)</option>
<option value="UT">utair aviation (UT)</option>
<option value="VG">vlm airlines (VG)</option>
<option value="RG">varig (RG)</option>
<option value="AW">venezolana (AW)</option>
<option value="VZ">venezolana (VZ)</option>
<option value="VN">vietnam air (VN)</option>
<option value="VX">virgin america (VX)</option>
<option value="VS">virgin atlantic (VS)</option>
<option value="VK">virgin exp irela (VK)</option>
<option value="VB">viva aerobus (VB)</option>
<option value="FC">viva air (FC)</option>
<option value="VH">viva air (VH)</option>
<option value="VV">viva air perú (VV)</option>
<option value="XF">vladivostok air (XF)</option>
<option value="Q6">volaris (Q6)</option>
<option value="VO">volaris (VO)</option>
<option value="Y4">volaris (Y4)</option>
<option value="VY">vueling airlines (VY)</option>
<option value="WS">westjet (WS)</option>
<option value="WF">wideroes flyvese (WF)</option>
<option value="P5">wingo (P5)</option>
<option value="WM">winward island (WM)</option>
<option value="SE">xl airways france (SE)</option>
<option value="MF">xiamen airlines (MF)</option>
<option value="YC">yamal airlines (YC)</option>
<option value="IY">yemenia yemen (IY)</option>
<option value="ZA">zuza (ZA)</option>
<option value="AV">avianca (AV)</option>
<option value="BD">bmi british (BD)</option>
<option value="23">veintitres (23)</option>
</select>
<input type="hidden" id="hdPreferredAirlines">
</div>
</div>
<div id="divAirDepartureTime" class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="divAirDepartureTime special-options-select">
<label class="lblAirDepartureTime">Departure time:</label>
<select id="ddlAirDepartureTime" class="ddlAirDepartureTime form-control special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
</div>
</div>
<div id="divAirReturnTime" class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="special-options-select">
<label class="lblAirReturnTime">Return time:</label>
<select id="ddlAirReturnTime" class="ddlAirReturnTime form-control special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
<div id="BtnAir" class="col-md-20">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="air-btn-control btn-search-container">
<input type="button" id="btnSearchAir" name="btnSearchAir" class="btn btn-default btnSearch btnSearchAir" value="Search">
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane " id="hotel">
<div id="NetacticaHotel" class="hotel-container container-fluid">
<!-- Hotel tab -->
<div id="HotelTitle" class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="product-title-container">
<h3 class="hidden-sm hidden-md hidden-lg product-title hotel-title">Hotel</h3>
</div>
</div>
</div>
<div id="HotelDestination" class="col-md-30">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group hotel-destination destination-group">
<label class="hotel-dest-label dest-label" for="txtHotelCity">Destination:</label>
<div class="icon-input-group">
<div id="divHotelCityControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-label="Ciudad de Destination" data-input-id="txtHotelCity" data-input-type="Cities"></div>
<input type="text" id="txtHotelCity" name="txtHotelCity" class="txtHotelCity ac_input form-control hotel-dest-input dest-input ui-autocomplete-input" placeholder="Enter a city" style=""
data-bvalidator="required,validatesc" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
data-bvalidator-msg-validatesc="You must select a city from the autocomplete" autocomplete="offAutoComplete">
<select id="ddlHotelCity" class="ddlHotelCity ac_input form-control hotel-dest-input dest-input" style="display:none;"></select>
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div id="HotelDatesRooms" class="col-md-70">
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 col-md-60">
<span class="lblDates">Dates:</span>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group hotel-checkindate checkindate-group">
<div class="icon-input-group">
<input type="text" id="txtHotelDateFrom" name="txtHotelDateFrom" class="txtHotelDateFrom form-control hotel-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="Check in"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group hotel-checkindate checkindate-group">
<div class="icon-input-group">
<input type="text" id="txtHotelDateTo" name="txtHotelDateTo" class="txtHotelDateTo form-control hotel-checkoutdate-input checkoutdate-input hasDatepicker" readonly="readonly" placeholder="Check out"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 col-md-40">
<div class="fdsHotelDetails">
<span class="lblRooms">Rooms:</span>
<div class="rooms-control row" id="divHotelRoomsGuests">
<div id="divHotelPopUpControl" class="popup-control">
<a id="hotelPopUpBtn" class="hotelPopUpBtn popup-control-btn" data-tooltipanchor="HotelPaxPopUp"></a>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-room-container room-info">
<div class="icon-input-group">
<i class="fa fa-bed input-icon input-icon-left" aria-hidden="true"></i>
<input id="txtHotelNumberRooms" type="text" class="form-control hotel-number-rooms hotel-rooms-input custom-room-input"
data-bvalidator-msg-validatemaxpassenger="Passenger numbers can not be greater than 9" data-bvalidator="validateMaxPassenger[#widget-38015:Hotel:9]" autocomplete="offAutoComplete">
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-room-container guests-info">
<div class="icon-input-group">
<i class="fa fa-user input-icon input-icon-left" aria-hidden="true"></i>
<input id="txtHotelNumberPassenger" type="text" class="form-control hotel-rooms-input hotel-number-passenger custom-guests-input" autocomplete="offAutoComplete">
</div>
</div>
</div>
</div>
<input type="hidden" id="hdnHotelPassengers" value="[{"Room":"1","Adults":"1","Childs":"0","AgeChilds":""}]">
</div>
</div>
</div>
<div id="divHotelTogglePromoCode" class="col-md-50">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3 col-md-100">
<div class="divHotelTogglePromoCodePanel form-group promo-code-group">
<a class="promocode-btn" role="button" data-toggle="collapse" href="#divCollapseHotelPromoCode" aria-expanded="false" aria-controls="divCollapseHotelPromoCode">
<span>Promotional Code</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div class="collapse" id="divCollapseHotelPromoCode">
<div id="divHotelPromoCode" class="divHotelPromoCode promo-code-container">
<div class="icon-input-group">
<input type="text" id="txtHotelPromoCode" class="form-control txtHotelPromoCode promocode-input" placeholder="Promotional Code" autocomplete="offAutoComplete">
<i class="fa fa-tag input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="BtnHotel" class="col-md-100">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="hotel-btn-control btn-search-container">
<input type="button" id="btnSearchHotel" name="btnSearchHotel" class="btn btn-default btnSearch btnSearchHotel" value="Search">
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane " id="extra">
<div id="NetacticaExtra" class="extra-container container-fluid">
<!-- Extra tab -->
<div id="ExtraTitle" class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="product-title-container">
<h3 class="hidden-sm hidden-md hidden-lg product-title extra-title">Extra</h3>
</div>
</div>
</div>
<div id="divExtraDestination" class="col-md-30">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group dest-control destination-group">
<label class="extra-dest-label dest-label" for="txtExtraCity"> Destination: </label>
<div class="icon-input-group">
<div id="divExtraCityControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-label="Ciudad de Destination" data-input-id="txtExtraCity" data-input-type="Cities"></div>
<input type="text" id="txtExtraCity" name="txtExtraCity" class="txtExtraCity ac_input form-control extra-dest-input dest-input ui-autocomplete-input" style="" placeholder="Enter a city"
data-bvalidator="required, autocomplete[city]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete" autocomplete="offAutoComplete">
<select id="ddlExtraCity" class="ddlExtraCity ac_input form-control extra-dest-input dest-input" style="display:none;"></select>
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div id="divExtraDates" class="col-md-70">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<span class="lblDates">Dates:</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group extra-calendar-control calendar-control">
<div class="icon-input-group">
<input type="text" id="txtExtraDateFrom" name="txtExtraDateFrom" class="txtExtraDateFrom form-control extra-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="From"
autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group extra-calendar-control calendar-control">
<div class="icon-input-group">
<input type="text" id="txtExtraDateTo" name="txtExtraDateTo" class="txtExtraDateTo form-control extra-checkoutdate-input checkoutdate-input hasDatepicker" readonly="readonly" placeholder="To"
autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div id="divExtraTogglePromoCode" class="col-md-50">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 col-md-100">
<div class="divExtraTogglePromoCodePanel form-group promo-code-group">
<a class="promocode-btn" role="button" data-toggle="collapse" href="#divCollapseExtraPromoCode" aria-expanded="false" aria-controls="divCollapseExtraPromoCode">
<span>Promotional Code</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div class="collapse" id="divCollapseExtraPromoCode">
<div id="divExtraPromoCode" class="divExtraPromoCode promo-code-container">
<div class="icon-input-group">
<input type="text" id="txtExtraPromoCode" class="form-control txtExtraPromoCode promocode-input" placeholder="Promotional Code" autocomplete="offAutoComplete">
<i class="fa fa-tag input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="BtnExtras" class="col-md-100">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="extra-btn-control btn-search-container">
<input type="button" id="btnSearchExtra" name="btnSearchExtra" class="btn btn-default btnSearch btnSearchExtra" value="Search">
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane " id="airhotel">
<div id="NetacticaAirhotel" class="airhotel-container container-fluid">
<!-- AirHotel tab -->
<div id="AirHotelTitle" class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="product-title-container">
<h3 class="hidden-sm hidden-md hidden-lg product-title airhotel-title">Flights + Hotel</h3>
</div>
</div>
</div>
<div id="divAirHotelCities" class="col-md-40">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group airhotel-destination destination-group">
<label class="airhotel-dest-label dest-label" for="txtAirHotelCityFrom">Origin:</label>
<div class="icon-input-group">
<div id="divAirHotelCityFromControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirHotelCityFrom" data-input-type="AirportsCities" data-input-label="Ciudad de Origin">
</div>
<input type="text" id="txtAirHotelCityFrom" name="txtAirHotelCityFrom" class="txtAirCity ac_input form-control airhotel-dest-input dest-input ui-autocomplete-input" style="" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<select id="ddlAirHotelCityFrom" class="ddlAirHotelCityFrom ac_input form-control airhotel-dest-input dest-input" style="display:none;"></select>
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="form-group airhotel-destination destination-group">
<label class="airhotel-dest-label dest-label" for="txtAirHotelCityTo">Destination:</label>
<div class="icon-input-group">
<div id="divAirHotelCityToControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-id="txtAirHotelCityTo" data-input-type="AirportsCities" data-input-label="Ciudad de Destination">
</div>
<input type="text" id="txtAirHotelCityTo" name="txtAirHotelCityTo" class="txtAirHotelCity ac_input form-control airhotel-dest-input dest-input ui-autocomplete-input" style="" placeholder="Enter a city"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="City is required" data-bvalidator-msg-autocomplete="You must select a city from the autocomplete"
autocomplete="offAutoComplete">
<select id="ddlAirHotelCityTo" class="ddlAirHotelCityTo ac_input form-control airhotel-dest-input dest-input" style="display:none;"></select>
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div id="AirHotelDatesRooms" class="col-md-60">
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 col-md-60">
<span class="lblDates">Dates:</span>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group airhotel-checkindate checkindate-group date-control-container">
<div class="icon-input-group">
<input type="text" id="txtAirHotelDateFrom" name="txtAirHotelDateFrom" class="txtAirHotelDateFrom form-control airhotel-checkindate-input checkindate-input hasDatepicker" readonly="readonly"
placeholder="From" data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="form-group airhotel-checkindate checkindate-group date-control-container">
<div class="icon-input-group">
<input type="text" id="txtAirHotelDateTo" name="txtAirHotelDateTo" class="txtAirHotelDateTo form-control airhotel-checkoutdate-input checkoutdate-input hasDatepicker" readonly="readonly" placeholder="To"
data-bvalidator="required" data-bvalidator-msg-required="Select a date" autocomplete="offAutoComplete">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 col-md-40">
<div class="fdsairhotelDetails">
<span class="lblRooms">Rooms:</span>
<div class="rooms-control row" id="divAirHotelRoomsGuests">
<div id="divAirHotelPopUpControl" class="popup-control">
<a id="airHotelPopUpBtn" class="airHotelPopUpBtn popup-control-btn" data-tooltipanchor="AirHotelPaxPopUp"></a>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-room-container room-info">
<div class="icon-input-group">
<i class="fa fa-bed input-icon input-icon-left" aria-hidden="true"></i>
<input id="txtAirHotelNumberRooms" type="text" class="form-control airhotelNumberRooms airhotel-rooms-input custom-room-input"
data-bvalidator-msg-validatemaxpassenger="Passenger numbers can not be greater than 9"
data-bvalidator-msg-validatequantityinfants="The number of passengers infants can not<br />exceed the number of adult passengers"
data-bvalidator="validateMaxPassenger[#widget-38015:AirHotel:9], validateQuantityInfants[#widget-38015:AirHotel]" autocomplete="offAutoComplete">
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-room-container guests-info">
<div class="icon-input-group">
<i class="fa fa-user input-icon input-icon-left" aria-hidden="true"></i>
<input id="txtAirHotelNumberPassenger" type="text" class="form-control airhotel-rooms-input airhotel-number-passenger custom-guests-input" autocomplete="offAutoComplete">
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="hdnAirHotelPassengers" value="[{"Room":"1","Adults":"1","Childs":"0","AgeChilds":""}]">
</div>
</div>
<div class="row" id="divAirHotelBaggageIncluded">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="divAirHotelBaggageIncluded form-group ">
<input type="checkbox" id="chkAirHotelBaggageIncluded" class="check-box-baggage">
<label class="baggageIncluded-label">Only flights that include baggage</label>
</div>
<div class="divAirHotelBaggageIncluded form-group ">
<input type="checkbox" id="chkAirHotelDirectFlight" class="check-box-baggage">
<label class="baggageIncluded-label">Only direct flights</label>
</div>
</div>
</div>
<div class="col-md-50" id="divAirHotelTogglePromoCode">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 input-control-container promo-code-group col-md-100">
<div class="divAirHotelTogglePromoCodePanel form-group">
<a class="promocode-btn" role="button" data-toggle="collapse" href="#divCollapseAirHotelPromoCode" aria-expanded="false" aria-controls="divCollapseAirHotelPromoCode">
<span>Promotional Code</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div class="collapse" id="divCollapseAirHotelPromoCode">
<div id="divAirHotelPromoCode" class="divAirHotelPromoCode promo-code-container">
<div class="icon-input-group">
<input type="text" id="txtAirHotelPromoCode" class="form-control txtAirHotelPromoCode promocode-input" placeholder="Promotional Code" autocomplete="offAutoComplete">
<i class="fa fa-tag input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
<div id="divAirHotelSpecialOptionsControl" class="">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group special-options">
<a class="promocode-btn" role="button" data-toggle="collapse" href="#divAirHotelSpecialOpt" aria-expanded="false" aria-controls="divAirHotelSpecialOpt">
<span>Special options</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div id="divAirHotelSpecialOpt" class="divAirHotelSpecialOpt collapse">
<div id="divAirHotelSpecialOptions" class="divAirHotelSpecialOptions promo-code-container">
<fieldset id="special_options_netactica_air" class="fdsAirHotelSpecialOpt">
<div class="divAirHotelSpecialOptContent">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="divAirHotelTypeCabin special-options-select">
<label class="lblAirHotelTypeCabin">Type of cabin:</label>
<select id="ddlAirHotelTypeCabin" class="ddlAirHotelTypeCabin form-control special-options-input">
<option value="">Any</option>
<option value="Economy">Economy</option>
<option value="Business">Business</option>
<option value="First">First</option>
</select>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="divAirHotelAirline special-options-select">
<label class="lblAirHotelAirline">Airline:</label>
<select id="ddlAirHotelAirline" class="ddlAirHotelAirlineCode form-control special-options-input" data-live-search="true" data-header="Select airline">
<option value="">Any</option>
<option value="I2"> iberia express (I2)</option>
<option value="3I">aerolineas del sur (3I)</option>
<option value="OT">aeropelican (OT)</option>
<option value="KC">air astana (KC)</option>
<option value="GP">apg airlines (GP)</option>
<option value="9B">accesrail (9B)</option>
<option value="JP">adria airways (JP)</option>
<option value="A3">aegean air (A3)</option>
<option value="RE">aer arann express (RE)</option>
<option value="EI">aer lingus (EI)</option>
<option value="2K">aerogal (2K)</option>
<option value="CV">aerocaribe (CV)</option>
<option value="A4">aerocomercial oriente norte (A4)</option>
<option value="SU">aeroflot (SU)</option>
<option value="AR">aerolineas argentinas (AR)</option>
<option value="VW">aeromar (VW)</option>
<option value="AM">aeromexico (AM)</option>
<option value="CW">aeropostal (CW)</option>
<option value="AH">air algerie (AH)</option>
<option value="UU">air austral (UU)</option>
<option value="BT">air baltic (BT)</option>
<option value="AB">air berlin (AB)</option>
<option value="KF">air botnia (KF)</option>
<option value="BP">air botswana (BP)</option>
<option value="BX">air busan (BX)</option>
<option value="AC">air canada (AC)</option>
<option value="TX">air caraibes (TX)</option>
<option value="Y2">air century (Y2)</option>
<option value="CA">air china (CA)</option>
<option value="A7">air comet (A7)</option>
<option value="EN">air dolomiti (EN)</option>
<option value="UX">air europa (UX)</option>
<option value="AF">air france (AF)</option>
<option value="AI">air india (AI)</option>
<option value="JM">air jamaica (JM)</option>
<option value="DR">air link (DR)</option>
<option value="NX">air macau (NX)</option>
<option value="MD">air magadascar (MD)</option>
<option value="KM">air malta (KM)</option>
<option value="MK">air mauritius (MK)</option>
<option value="9U">air moldova (9U)</option>
<option value="SW">air namibia (SW)</option>
<option value="NZ">air new zealand (NZ)</option>
<option value="EL">air nippon (EL)</option>
<option value="PX">air niugini (PX)</option>
<option value="TL">air north region (TL)</option>
<option value="YW">air nostrum (YW)</option>
<option value="AP">air one (AP)</option>
<option value="FJ">air pacific (FJ)</option>
<option value="7P">air panamá (7P)</option>
<option value="V7">air senegal (V7)</option>
<option value="HM">air seychelles (HM)</option>
<option value="VT">air tahiti (VT)</option>
<option value="TN">air tahiti nui (TN)</option>
<option value="TS">air transat (TS)</option>
<option value="NF">air vanuatu (NF)</option>
<option value="UM">air zimbabwe (UM)</option>
<option value="FL">airtran airways (FL)</option>
<option value="AS">alaska airlines (AS)</option>
<option value="G0">alianza glancelot (G0)</option>
<option value="CT">alitalia cityliner (CT)</option>
<option value="NH">all nippon (NH)</option>
<option value="AQ">aloha airlinesx (AQ)</option>
<option value="Z8">amaszonas s.a (Z8)</option>
<option value="Z7">amaszonas uruguay (Z7)</option>
<option value="HP">america west (HP)</option>
<option value="AA">american (AA)</option>
<option value="AJ">american jet (AJ)</option>
<option value="TZ">american trans (TZ)</option>
<option value="OY">andes lineas aereas (OY)</option>
<option value="DM">arajet (DM)</option>
<option value="AG">aruba airlines (AG)</option>
<option value="R7">aserca airlines (R7)</option>
<option value="OZ">asiana airlines (OZ)</option>
<option value="AU">austral lineas aéreas (AU)</option>
<option value="OS">austrian air (OS)</option>
<option value="A0">avianca argentina (A0)</option>
<option value="O6">avianca brasil (O6)</option>
<option value="GU">aviateca (GU)</option>
<option value="9V">avior airlines (9V)</option>
<option value="J2">azerbaijan air (J2)</option>
<option value="AD">azul brazilian airlines (AD)</option>
<option value="FQ">brindabella airlines (FQ)</option>
<option value="BW">bwa caribbean air (BW)</option>
<option value="UP">bahamasair (UP)</option>
<option value="PG">bangkok airways (PG)</option>
<option value="JV">bearskin airline (JV)</option>
<option value="BG">biman bangladesh (BG)</option>
<option value="AX">binter mediterras (AX)</option>
<option value="BV">blue panorama airlines (BV)</option>
<option value="OB">boliviana de aviación (OB)</option>
<option value="BA">british airways (BA)</option>
<option value="BE">british european (BE)</option>
<option value="SB">cdi air caledoni (SB)</option>
<option value="CC">cm airlines (CC)</option>
<option value="5T">canadian north (5T)</option>
<option value="9K">cape air (9K)</option>
<option value="V3">carpatair (V3)</option>
<option value="CX">cathay pacific (CX)</option>
<option value="KX">cayman airways (KX)</option>
<option value="9M">central mtn air (9M)</option>
<option value="CI">china airlines (CI)</option>
<option value="MU">china eastern (MU)</option>
<option value="CZ">china southern (CZ)</option>
<option value="C9">cirrus airlines (C9)</option>
<option value="WX">cityjet (WX)</option>
<option value="VE">clic (VE)</option>
<option value="XK">compaigne corse (XK)</option>
<option value="DE">condor (DE)</option>
<option value="0C">conocemos navegando (0C)</option>
<option value="OC">continental (OC)</option>
<option value="V0">conviassa (V0)</option>
<option value="CM">copa airlines (CM)</option>
<option value="OU">croatia airlines (OU)</option>
<option value="CU">cubana de aviacion (CU)</option>
<option value="CY">cyprus airways (CY)</option>
<option value="OK">czech airlines (OK)</option>
<option value="DL">delta (DL)</option>
<option value="KA">dragonair hong (KA)</option>
<option value="9H">dutch antilles express (9H)</option>
<option value="7H">era aviation (7H)</option>
<option value="BR">eva airways (BR)</option>
<option value="2D">eastern airlines (2D)</option>
<option value="EF">easyfly (EF)</option>
<option value="8J">ecojet (8J)</option>
<option value="WK">edelweiss air (WK)</option>
<option value="MS">egyptair (MS)</option>
<option value="LY">el al israel (LY)</option>
<option value="EK">emirates airlines (EK)</option>
<option value="HN">equair (HN)</option>
<option value="ES">estelar (ES)</option>
<option value="ET">ethiopian air (ET)</option>
<option value="EY">etihad airway (EY)</option>
<option value="UH">eurasia airlines (UH)</option>
<option value="Q4">euroairlines (Q4)</option>
<option value="EW">eurowings (EW)</option>
<option value="OW">executive air (OW)</option>
<option value="VC">finnish commuter air (VC)</option>
<option value="AY">finnair (AY)</option>
<option value="7F">first air (7F)</option>
<option value="FF">flapper (FF)</option>
<option value="W2">flexflight (W2)</option>
<option value="GI">fly the world (GI)</option>
<option value="8S">fly to los roques (8S)</option>
<option value="FO">flybondi (FO)</option>
<option value="F9">frontier (F9)</option>
<option value="GA">garuda indonesia (GA)</option>
<option value="4U">germanwings (4U)</option>
<option value="G3">gol (G3)</option>
<option value="9A">gran colombiana de aviacion (9A)</option>
<option value="ZK">great lakes (ZK)</option>
<option value="GF">gulf air (GF)</option>
<option value="3M">gulfstream intl (3M)</option>
<option value="HR">hahn air (HR)</option>
<option value="H1">hahnair (H1)</option>
<option value="X1">hahnair (X1)</option>
<option value="HU">hainan airlines (HU)</option>
<option value="HA">hawaiian (HA)</option>
<option value="ZL">hazelton (ZL)</option>
<option value="YO">heli air monaco (YO)</option>
<option value="JY">intercaribbean airways (JY)</option>
<option value="IB">iberia (IB)</option>
<option value="E9">iberojet (E9)</option>
<option value="FI">icelandair (FI)</option>
<option value="IC">indian airlines (IC)</option>
<option value="7I">insel air (7I)</option>
<option value="4O">interjet (4O)</option>
<option value="IR">iran air (IR)</option>
<option value="WP">island air hawai (WP)</option>
<option value="IS">island air nantk (IS)</option>
<option value="AZ">ita airways (AZ)</option>
<option value="XM">j-air (XM)</option>
<option value="JC">jal express (JC)</option>
<option value="JO">jalways (JO)</option>
<option value="JU">jat (JU)</option>
<option value="JL">japan airlines (JL)</option>
<option value="EG">japan asia (EG)</option>
<option value="NU">japan transocean (NU)</option>
<option value="9W">jet airways (9W)</option>
<option value="JQ">jet star (JQ)</option>
<option value="JZ">jetsmart airlines (JZ)</option>
<option value="WJ">jetsmart airlines (WJ)</option>
<option value="J6">jetsmart colombia (J6)</option>
<option value="B6">jetblue airways (B6)</option>
<option value="JA">jetsmart (JA)</option>
<option value="GK">jetstar japan (GK)</option>
<option value="IT">kfr kingfisher ai (IT)</option>
<option value="KL">klm (KL)</option>
<option value="KQ">kenya airways (KQ)</option>
<option value="KE">korean air (KE)</option>
<option value="KU">kuwait airways (KU)</option>
<option value="TM">lam (TM)</option>
<option value="LA">latam airlines (LA)</option>
<option value="LP">latam airlines peru (LP)</option>
<option value="W4">lc peru (W4)</option>
<option value="LO">lot polis (LO)</option>
<option value="LT">ltu intl (LT)</option>
<option value="FB">lzb bulgaria air (FB)</option>
<option value="LR">lacsa (LR)</option>
<option value="4M">lan argentina (4M)</option>
<option value="4C">lan colombia airlines (4C)</option>
<option value="XL">lanecuador (XL)</option>
<option value="QL">laser (QL)</option>
<option value="JJ">latam airlines brazil (JJ)</option>
<option value="TE">lithuanian (TE)</option>
<option value="LH">lufthansa (LH)</option>
<option value="CL">lufthansa cityline (CL)</option>
<option value="LG">luxair (LG)</option>
<option value="7M">map linhas aereas (7M)</option>
<option value="YM">montenegro airlines (YM)</option>
<option value="MH">malaysia (MH)</option>
<option value="MA">malev hungarian (MA)</option>
<option value="AE">mandarin (AE)</option>
<option value="MP">martinair hollan (MP)</option>
<option value="IG">meridiana (IG)</option>
<option value="YV">mesa airlines (YV)</option>
<option value="MX">mexicana (MX)</option>
<option value="ME">middle east (ME)</option>
<option value="YX">midwest express (YX)</option>
<option value="8I">myway airlines (8I)</option>
<option value="D8">norwegian air international (D8)</option>
<option value="DY">norwegian air shuttle (DY)</option>
<option value="CE">nationwide air (CE)</option>
<option value="HG">niki (HG)</option>
<option value="NW">northwest (NW)</option>
<option value="DI">norwegian air (DI)</option>
<option value="DN">norwegian argentina (DN)</option>
<option value="UQ">o connor air (UQ)</option>
<option value="KK">oge atiasjet intl (KK)</option>
<option value="OA">olympic airways (OA)</option>
<option value="WY">oman aviation (WY)</option>
<option value="ZP">paran air (ZP)</option>
<option value="P9">peruvian airlines (P9)</option>
<option value="PR">philippine (PR)</option>
<option value="PU">plus ultra líneas aéreas (PU)</option>
<option value="Z0">plus ultra premium (Z0)</option>
<option value="PD">porter airlines (PD)</option>
<option value="NI">portugalia (NI)</option>
<option value="PW">precisionair (PW)</option>
<option value="QF">qantas airways (QF)</option>
<option value="QR">qatar airways (QR)</option>
<option value="WZ">red wings airlines (WZ)</option>
<option value="FV">rossiya (FV)</option>
<option value="AT">royal air maroc (AT)</option>
<option value="RJ">royal jordanian (RJ)</option>
<option value="5R">rutaca (5R)</option>
<option value="SK">sas (SK)</option>
<option value="SP">sata - air acores (SP)</option>
<option value="S4">sata international (S4)</option>
<option value="H2">sky airline (H2)</option>
<option value="H8">sky airline peru (H8)</option>
<option value="SN">sn brussels airl (SN)</option>
<option value="LX">swiss (LX)</option>
<option value="S3">santa barbara (S3)</option>
<option value="CO">sarpa (CO)</option>
<option value="O3">sasca airlines (O3)</option>
<option value="9R">satena (9R)</option>
<option value="SV">saudi arabian (SV)</option>
<option value="TR">scoot (TR)</option>
<option value="CB">scotairways (CB)</option>
<option value="FM">shangai (FM)</option>
<option value="ZH">shenzhen airlines (ZH)</option>
<option value="S5">shuttle america (S5)</option>
<option value="S7">siberia airlines (S7)</option>
<option value="FT">siem reap (FT)</option>
<option value="MI">silkair (MI)</option>
<option value="SQ">singapore airl (SQ)</option>
<option value="QS">smartwings airlines (QS)</option>
<option value="IE">solomon (IE)</option>
<option value="SA">south african (SA)</option>
<option value="9X">southern airways express (9X)</option>
<option value="WN">southwest (WN)</option>
<option value="JK">spanair (JK)</option>
<option value="5W">speed alliance westbahn (5W)</option>
<option value="NK|E">spirit airlines (NK|E)</option>
<option value="UL">srilankan (UL)</option>
<option value="2I">star peru (2I)</option>
<option value="SY">sun country airlines (SY)</option>
<option value="CQ">sunshine express (CQ)</option>
<option value="WG">sunwing airlines (WG)</option>
<option value="PY">surinam airways (PY)</option>
<option value="DT">taag (DT)</option>
<option value="VR">tacv cabo verde (VR)</option>
<option value="5U">tag airlines (5U)</option>
<option value="PZ">tam del mercosur (PZ)</option>
<option value="OR">tui airlines nederland (OR)</option>
<option value="TA">taca intl (TA)</option>
<option value="T0">taca peru (T0)</option>
<option value="EQ">tame (EQ)</option>
<option value="TP">tap portugal (TP)</option>
<option value="YQ">tar airlines (YQ)</option>
<option value="RO">tarom-romanian (RO)</option>
<option value="ZZ">test (ZZ)</option>
<option value="TG">thai intl (TG)</option>
<option value="3P">tiara air (3P)</option>
<option value="HV">transavia airlines (HV)</option>
<option value="TO">transavia france (TO)</option>
<option value="TU">tunis air (TU)</option>
<option value="TK">turkish airlines (TK)</option>
<option value="T9">turpial (T9)</option>
<option value="T7">twin jet (T7)</option>
<option value="US">us airways (US)</option>
<option value="PS">ukraine intl (PS)</option>
<option value="OL">ultra air (OL)</option>
<option value="U0">ultra air (U0)</option>
<option value="UA">united (UA)</option>
<option value="U6">ural airlines (U6)</option>
<option value="UT">utair aviation (UT)</option>
<option value="VG">vlm airlines (VG)</option>
<option value="RG">varig (RG)</option>
<option value="AW">venezolana (AW)</option>
<option value="VZ">venezolana (VZ)</option>
<option value="VN">vietnam air (VN)</option>
<option value="VX">virgin america (VX)</option>
<option value="VS">virgin atlantic (VS)</option>
<option value="VK">virgin exp irela (VK)</option>
<option value="VB">viva aerobus (VB)</option>
<option value="FC">viva air (FC)</option>
<option value="VH">viva air (VH)</option>
<option value="VV">viva air perú (VV)</option>
<option value="XF">vladivostok air (XF)</option>
<option value="Q6">volaris (Q6)</option>
<option value="VO">volaris (VO)</option>
<option value="Y4">volaris (Y4)</option>
<option value="VY">vueling airlines (VY)</option>
<option value="WS">westjet (WS)</option>
<option value="WF">wideroes flyvese (WF)</option>
<option value="P5">wingo (P5)</option>
<option value="WM">winward island (WM)</option>
<option value="SE">xl airways france (SE)</option>
<option value="MF">xiamen airlines (MF)</option>
<option value="YC">yamal airlines (YC)</option>
<option value="IY">yemenia yemen (IY)</option>
<option value="ZA">zuza (ZA)</option>
<option value="AV">avianca (AV)</option>
<option value="BD">bmi british (BD)</option>
<option value="23">veintitres (23)</option>
</select>
<input type="hidden" id="hdAirHotelPreferredAirlines">
</div>
</div>
<div id="divAirHotelDepartureTime" class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="divAirHotelDepartureTime special-options-select">
<label class="lblAirHotelDepartureTime">Departure time:</label>
<select id="ddlAirHotelDepartureTime" class="ddlAirHotelDepartureTime form-control special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
</div>
</div>
<div id="divAirHotelReturnTime" class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="special-options-select">
<label class="lblAirHotelReturnTime">Return time:</label>
<select id="ddlAirHotelReturnTime" class="ddlAirHotelReturnTime form-control special-options-input">
<option value="">Any</option>
<option value="6">At Morning</option>
<option value="13">At Afternoon</option>
<option value="19">At Night</option>
<option value="1">1:00 AM</option>
<option value="2">2:00 AM</option>
<option value="3">3:00 AM</option>
<option value="4">4:00 AM</option>
<option value="5">5:00 AM</option>
<option value="6">6:00 AM</option>
<option value="7">7:00 AM</option>
<option value="8">8:00 AM</option>
<option value="9">9:00 AM</option>
<option value="10">10:00 AM</option>
<option value="11">11:00 AM</option>
<option value="12">12:00 PM</option>
<option value="13">1:00 PM</option>
<option value="14">2:00 PM</option>
<option value="15">3:00 PM</option>
<option value="16">4:00 PM</option>
<option value="17">5:00 PM</option>
<option value="18">6:00 PM</option>
<option value="19">7:00 PM</option>
<option value="20">8:00 PM</option>
<option value="21">9:00 PM</option>
<option value="22">10:00 PM</option>
<option value="23">11:00 PM</option>
<option value="0">12 AM</option>
</select>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="BtnAirHotel" class="col-md-100">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="airhotel-btn-control btn-search-container">
<input type="button" id="btnSearchAirHotel" name="btnSearchAirHotel" class="btn btn-default btnSearch btnSearchAirHotel" value="Search">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Pax Popups -->
<div id="divPaxPopup" class="pop-up-control-container" data-prod="">
<div class="pop-up-main">
<div class="top-arrow"><i class="fa fa-caret-up fa-2x"></i></div>
<div class="hidden-lg pop-up-title">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h2 class="center">Passengers</h2>
<a id="aClosePaxPopup" class="pop-up-close">
<i class="fa fa-times fa-x"></i>
</a>
</div>
</div>
</div>
<div class="pop-up-content">
<div class="row pax-number-control">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Adults</p>
<span>12 or + years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button id="btnAdtPaxMinus" type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxAdtQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxAdtQuantity" name="paxAdtQuantity" class="form-control input-number" min="1" max="7" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button id="btnAdtPaxPlus" type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxAdtQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
<div class="row pax-number-control">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Childs</p>
<span>2 to 11 years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button id="btnChdPaxMinus" type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxChdQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxChdQuantity" name="paxChdQuantity" class="form-control input-number" min="0" max="5" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button id="btnChdPaxPlus" type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxChdQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
<div class="row pax-number-control">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Infants</p>
<span>0 to 23 months</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button id="btnInfPaxMinus" type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxInfQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxInfQuantity" name="paxInfQuantity" class="form-control input-number" min="0" max="2" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button id="btnInfPaxPlus" type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxInfQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
</div>
<div class="pop-up-action pop-up-action-flex">
<button id="btbClosePaxPopup" class="btn btn-default">Apply</button>
</div>
</div>
</div>
<div id="divPaxRoomPopup" class="pop-up-control-container" data-prod="" data-qty-rooms="">
<div class="pop-up-main">
<div class="top-arrow"><i class="fa fa-caret-up fa-2x"></i></div>
<div class="hidden-lg">
<div class="hidden-lg pop-up-title">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h2 class="center">Rooms</h2>
<a id="aClosePaxRoomPopup" class="pop-up-close">
<i class="fa fa-times fa-x"></i>
</a>
</div>
</div>
</div>
</div>
<div class="pop-up-content">
<div id="divPaxRoomControl" class="row room-pax-control">
<div id="room1" data-roomid="1">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 room-number-title">
<h4 class="pull-left">Room 1</h4>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Adults</p>
<span data-type="adt">12 or + years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom1AdtQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom1AdtQuantity" name="paxRoomAdtQuantity" class="form-control input-number" min="1" max="7" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom1AdtQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Childs</p>
<span data-type="chd">0 to 11 years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom1ChdQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom1ChdQuantity" name="paxRoomChdQuantity" class="form-control input-number" min="0" max="4" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom1ChdQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<div id="divRoom1ChildrensAge" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 childrens-age-control" style="display: none;">
<div class="row">
<div id="divRoom1ChildAge1" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 1</label>
<select id="ddlRoom1ChildAge1" data-index="0" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom1ChildAge2" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 2</label>
<select id="ddlRoom1ChildAge2" data-index="1" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom1ChildAge3" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 3</label>
<select id="ddlRoom1ChildAge3" data-index="2" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom1ChildAge4" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 4</label>
<select id="ddlRoom1ChildAge4" data-index="3" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="room2" data-roomid="2" style="display: none;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 room-number-title-alt">
<h4 class="pull-left">Room 2</h4>
<a id="delRoom2PaxRoomPopup" href="javascript:void(0);" class="pull-right btn-rooms-pax-links">Delete</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Adults</p>
<span data-type="adt">12 or + years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom2AdtQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom2AdtQuantity" name="paxRoomAdtQuantity" class="form-control input-number" min="1" max="7" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom2AdtQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Childs</p>
<span data-type="chd">0 to 11 years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom2ChdQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom2ChdQuantity" name="paxRoomChdQuantity" class="form-control input-number" min="0" max="4" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom2ChdQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<div id="divRoom2ChildrensAge" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 childrens-age-control" style="display: none;">
<div class="row">
<div id="divRoom2ChildAge1" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 1</label>
<select id="ddlRoom2ChildAge1" data-index="0" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom2ChildAge2" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 2</label>
<select id="ddlRoom2ChildAge2" data-index="1" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom2ChildAge3" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 3</label>
<select id="ddlRoom2ChildAge3" data-index="2" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom2ChildAge4" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 4</label>
<select id="ddlRoom2ChildAge4" data-index="3" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="room3" data-roomid="3" style="display: none;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 room-number-title-alt">
<h4 class="pull-left">Room 3</h4>
<a id="delRoom3PaxRoomPopup" href="javascript:void(0);" class="pull-right btn-rooms-pax-links">Delete</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Adults</p>
<span data-type="adt">12 or + years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom3AdtQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom3AdtQuantity" name="paxRoomAdtQuantity" class="form-control input-number" min="1" max="7" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom3AdtQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Childs</p>
<span data-type="chd">0 to 11 years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom3ChdQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom3ChdQuantity" name="paxRoomChdQuantity" class="form-control input-number" min="0" max="4" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom3ChdQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<div id="divRoom3ChildrensAge" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 childrens-age-control" style="display: none;">
<div class="row">
<div id="divRoom3ChildAge1" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 1</label>
<select id="ddlRoom3ChildAge1" data-index="0" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom3ChildAge2" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 2</label>
<select id="ddlRoom3ChildAge2" data-index="1" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom3ChildAge3" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 3</label>
<select id="ddlRoom3ChildAge3" data-index="2" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom3ChildAge4" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 4</label>
<select id="ddlRoom3ChildAge4" data-index="3" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="room4" data-roomid="4" style="display: none;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 room-number-title-alt">
<h4 class="pull-left">Room 4</h4>
<a id="delRoom4PaxRoomPopup" href="javascript:void(0);" class="pull-right btn-rooms-pax-links">Delete</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Adults</p>
<span data-type="adt">12 or + years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom4AdtQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom4AdtQuantity" name="paxRoomAdtQuantity" class="form-control input-number" min="1" max="7" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom4AdtQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
</div>
<div class="row pax-number-block">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 ">
<p>Childs</p>
<span data-type="chd">0 to 11 years</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<div class="input-group">
<span class="input-group-btn">
<button type="button" class="quantity-left-minus btn btn-default btn-number" data-type="minus" data-field="paxRoom4ChdQuantity">
<span class="glyphicon glyphicon-minus"></span>
</button>
</span>
<input type="text" id="paxRoom4ChdQuantity" name="paxRoomChdQuantity" class="form-control input-number" min="0" max="4" readonly="" autocomplete="offAutoComplete">
<span class="input-group-btn">
<button type="button" class="quantity-right-plus btn btn-default btn-number" data-type="plus" data-field="paxRoom4ChdQuantity">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<div id="divRoom3ChildrensAge" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 childrens-age-control" style="display: none;">
<div class="row">
<div id="divRoom4ChildAge1" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 1</label>
<select id="ddlRoom4ChildAge1" data-index="0" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom4ChildAge2" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 2</label>
<select id="ddlRoom4ChildAge2" data-index="1" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom4ChildAge3" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 3</label>
<select id="ddlRoom4ChildAge3" data-index="2" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div id="divRoom4ChildAge4" class="divRoomChildAge col-xs-6 col-sm-6 col-md-6 col-lg-6" style="display: none;">
<label class="childrens-age-label">Age child 4</label>
<select id="ddlRoom4ChildAge4" data-index="3" class="childrens-age form-control">
<option value="0">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>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pop-up-action">
<div class="room-pax-controllers">
<div class="room-add-control">
<a id="addRoomPaxRoomPopup" href="javascript:void(0);" class="pull-left btn-rooms-pax-links">Add a room</a>
</div>
<div class="btn-container">
<button id="btnClosePaxRoomPopup" class="btn btn-default pull-right">Apply</button>
</div>
</div>
</div>
</div>
</div>
<!-- Autocomplete mobile popup-->
<div id="divAutoCompleteMobileContainer">
<div class="container">
<div class="row title-mobile-container">
<div class="col-xs-12">
<div class="title-mobile-autocomplete">
<h2><span id="labelTitle"></span></h2>
<a class="aMobileAutocompleteCancel"><i class="fa fa-times fa-x"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group form-inline">
<div class="destination-mobile-group">
<label id="lblMobileAutocomplete" class="mobile-dest-label dest-label" for="txtMobileAutocomplete"></label>
<div class="icon-input-group">
<input type="text" id="txtMobileAutocomplete" class="input_mobile_autocomplete ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="" autocomplete="offAutoComplete">
<input type="text" id="txtMobileAutocompleteSc" class="input_mobile_autocomplete ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="" style="display:none"
autocomplete="offAutoComplete">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Input para guerdar posicion de datepicker en mobile -->
<input id="yPos" type="hidden">
<!-- Preload Search -->
<div id="divPreload" class="divPreload">
<div class="sk-fading-circle">
<div class="sk-circle1 sk-circle"></div>
<div class="sk-circle2 sk-circle"></div>
<div class="sk-circle3 sk-circle"></div>
<div class="sk-circle4 sk-circle"></div>
<div class="sk-circle5 sk-circle"></div>
<div class="sk-circle6 sk-circle"></div>
<div class="sk-circle7 sk-circle"></div>
<div class="sk-circle8 sk-circle"></div>
<div class="sk-circle9 sk-circle"></div>
<div class="sk-circle10 sk-circle"></div>
<div class="sk-circle11 sk-circle"></div>
<div class="sk-circle12 sk-circle"></div>
</div>
</div>
<input id="PortalConfig" name="PortalConfig" type="hidden"
value="[{"PortalId":1179,"UserService":"arnoldtravel","BranchCode":"CMS_EN","UrlDomainNS":"https://reservas.arnoldtravel.com","CurrentCulture":"en-US","SalesChannel":"","BusinessUnit":"","ClientId":"","SessionTokenSSO":"","IsLinkGenerator":false,"StaticContentEnable":false}]">
<input id="ListCodes" name="ListCodes" type="hidden" value="[]">
<input id="GeoLocationProducts" name="GeoLocationProducts" type="hidden"
value="[{"Product":"AirProduct","Enabled":false},{"Product":"HotelProduct","Enabled":false},{"Product":"ExtraProduct","Enabled":false},{"Product":"AirHotelProduct","Enabled":false}]">
<input id="ExtraProduct_Types" name="ExtraProduct.Types" type="hidden" value="">
</div>
</div>
</div>
</div><!-- End_Module_38015 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="dnn_SearchWidget_100" class="main-banner-search-section__searchWidget col-xs-12 col-sm-12 col-md-12 DNNEmptyPane">
</div>
</div>
</div>
</div>
<div class="cms-flex__main">
<!-- Page Content -->
<div class="container cms-flex__page-content cms-flex__page-contentHome">
<div class="row dnnpane">
<div id="dnn_mobileContainer" class="col-md-12 contentPane DNNEmptyPane"></div>
</div>
<div id="dnn_HeaderPane" class="col-md-12 headerPane">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-41541"><a name="41541"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr41541_ContentPane"><!-- Start_Module_41541 -->
<div id="dnn_ctr41541_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr41541_HtmlModule_lblContent" class="Normal">
<p><iframe id="myFrame" scrolling="no" style="width: 100%;border: none;height:210px;" srcdoc="
<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7_dtp.css" rel="stylesheet" type="text/css">
<style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of yo
ur HTML file. */ </style>
<div id="mc_embed_signup">
<form action="https://arnoldtravel.us5.list-manage.com/subscribe/post?u=66d4a65d0b518b146a9931062&amp;id=7bdb8e7761" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Subscribe</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_66d4a65d0b518b146a9931062_7bdb8e7761" tabindex="-1" value="">
</div>
<div class="optionalParent"> <div class="clear foot">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
<p class="brandingLogo"><a href="http://eepurl.com/hL91Wf" title="Mailchimp - email marketing made easy and fun">
<img src="https://eep.io/mc-cdn-images/template_images/branding_logo_text_dark_dtp.svg"></a></p>
</div> </div> </div> </form> </div> <!--End mc_embed_signup-->
"></iframe>
<script>
$(document).ready(function() {
setTimeout(() => {
document.querySelector("iframe#myFrame").srcdoc = `
<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7_dtp.css" rel="stylesheet" type="text/css">
<style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of yo
ur HTML file. */ </style>
<div id="mc_embed_signup">
<form action="https://arnoldtravel.us5.list-manage.com/subscribe/post?u=66d4a65d0b518b146a9931062&id=7bdb8e7761" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Subscribe</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_66d4a65d0b518b146a9931062_7bdb8e7761" tabindex="-1" value="">
</div>
<div class="optionalParent"> <div class="clear foot">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
<p class="brandingLogo"><a href="http://eepurl.com/hL91Wf" title="Mailchimp - email marketing made easy and fun">
<img src="https://eep.io/mc-cdn-images/template_images/branding_logo_text_dark_dtp.svg"></a></p>
</div> </div> </div> </form> </div> <!--End mc_embed_signup-->
`;
}, 2000);
});
</script>
</p>
</div>
</div><!-- End_Module_41541 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-38026"><a name="38026"></a>
<div class="cms-flex__title_h2_center">
<h2><span id="dnn_ctr38026_dnnTITLE_titleLabel" class="titulo">Destination of the month</span>
</h2>
<div id="dnn_ctr38026_ContentPane"><!-- Start_Module_38026 -->
<div id="dnn_ctr38026_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr38026_HtmlModule_lblContent" class="Normal">
<p style="text-align: center;"><img alt="" src="/portals/1179/banner%202023%20United.png" style="width: 729px; height: 91px;" title=""></p>
<p style="text-align: center;">Discounts of up to 35% on flights to Latin America Check it out!</p>
</div>
</div><!-- End_Module_38026 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-ViewDesign DnnModule-38023"><a name="38023"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr38023_ContentPane"><!-- Start_Module_38023 -->
<div id="dnn_ctr38023_ModuleContent" class="DNNModuleContent ModViewDesignC">
<div id="mvcContainer-38023">
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-sortable.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-ui.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/popper.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/table2csv.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/items.Script.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/dropzone.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.bvalidator.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.tagsinput.js"></script>
<link href="/DesktopModules/MVC/ViewDesign/Content/font-awesome.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/itemsSettings.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/dropzone.min.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/jquery.bvalidator.css" rel="stylesheet">
<link rel="stylesheet" href="/DesktopModules/MVC/ViewDesign/Content/itemsDefault.css">
<style>
.DnnModule-ViewDesign .heading_wrapper h2 {
display: block;
}
</style>
<div id="menuitems-wrap-38023" class="content-wrap content-wrap-viewdesign">
<div class="row">
<div class="options-data-cards">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
</div>
</div>
</div>
<div class="row">
<div class="listandpack-id">
<div class="listandpack-container">
<div id="cardtype">
<div class="row">
<div class="list-slider-38023">
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1749</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/El%20triangulo%20m%C3%A1gico%20ingl%C3%A9s.pdf?ver=Z6j78pAkFgTd3UgHIjtacA%3d%3d&timestamp=1656451148151" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/HUNGARY.jpg">
<div class="text-destination-card">Prague, Budapest & Vienna</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Prague, Budapest & Vienna</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">9 days - 7 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$742.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">1</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1750</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Israel%20-%20Arnold%20Travel%20ingl%C3%A9s.pdf?ver=Z6j78pAkFgTd3UgHIjtacA%3d%3d&timestamp=1656451160281" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/JORDANIA.jpg">
<div class="text-destination-card">Egypt, Israel, Jordan & Emirates</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Egypt, Israel, Jordan & Emirates</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">8 days - 7 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$1450.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">2</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1751</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Dubai%20-%20ingl%C3%A9s.pdf?ver=YPJBdAn9lqoDmvaw2TlBXg%3d%3d&timestamp=1656451138542" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/DUBAI.jpg">
<div class="text-destination-card">Dubai</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Dubai</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md"> days - 4 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$410.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">3</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1752</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Tesoros%20lejano%20oriente%20Ingl%C3%A9s.pdf?ver=jnMPN4i42MDiAJ5snxBQ5w%3d%3d&timestamp=1656451222460" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/fuji-hakone-2.jpeg">
<div class="text-destination-card">Treasures of the far east</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Treasures of the far east</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">14 days - 13 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$4030.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">4</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tabletodownContenty">
<table id="tabletodownload" style="border: 1px solid #000;"></table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal-38023" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-center">
<div class="modal-dialog .modal-align-center">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Importar información</h4>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Cerrar</span>
</button>
</div>
<div class="modal-body">
<label for="name">Seleccione un archivo con extensión .csv</label>
<input type="file" name="filename-38023" id="filename-38023">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<!--<button type="button" class="btn btn-primary" id="saveImportData">Guardar</button>-->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".btn-delete-38023", function(e) {
e.preventDefault();
if (confirm("Desea eliminar el elemento seleccionado?")) {
var dataCard = {
CardId: $(this).attr('data-delidcard'),
ModuleId: 38023
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitItemList",
data: JSON.stringify(dataCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
}
});
$(document).ready(function() {
var isString = 'false';
var windowWidth = $(window).width();
var maxSlides = 12 / parseInt('3');
if (maxSlides == '4') {
var slideWidth = 293;
} else if (maxSlides == '3') {
var slideWidth = 392;
} else if (maxSlides == '2') {
var slideWidth = 580;
}
if (windowWidth > 768 && windowWidth <= 1024) {
slideWidth = 310;
maxSlides = 3;
} else if (windowWidth > 480 && windowWidth <= 768) {
slideWidth = 355;
maxSlides = 2;
} else if (windowWidth <= 480) {
slideWidth = 760;
maxSlides = 1;
}
$("#btn-save-cards-38023").css("display", "none");
if (isString == "True") {
var touchEnabled = true;
if (windowWidth > 768) {
touchEnabled = false
}
$(".list-slider-38023").bxSlider({
pager: true,
controls: true,
minSlides: 1,
maxSlides: maxSlides,
slideWidth: slideWidth,
slideMargin: 0,
touchEnabled: touchEnabled,
auto: true,
autoHover: true,
pause: 9000
});
$(".list-slider-38023").parent().parent().find(".bx-controls-direction a").text("");
$(".list-slider-38023").parent().parent().find(".bx-controls-direction a:eq(1)").append('<i class="fa fa-chevron-right" aria-hidden="true"></i>');
$(".list-slider-38023").parent().parent().find(".bx-controls-direction a:eq(0)").append('<i class="fa fa-chevron-left" aria-hidden="true"></i>');
$("#btn-sort-cards-38023").css("display", "none");
} else {
$("#btn-sort-cards-38023").css("display", "inline");
}
setTimeout(function() {
$(".DnnModule-ViewDesign").each(function() {
var thismoduleid = $(this).find("a").eq(0).attr("name");
var moduleadditem = $("#moduleActions-" + thismoduleid + " .dnn_mact .actionMenuEdit ul li:eq(0) a").attr("href");
$("#btn-option-additem-" + thismoduleid).attr("href", moduleadditem);
});
}, 1000);
//leer archivo csv
$("#filename-38023").change(function(e) {
var ext = $("input#filename-38023").val().split(".").pop().toLowerCase();
if ($.inArray(ext, ["csv"]) == -1) {
alert("El archivo debe ser csv");
return false;
}
if (e.target.files != undefined) {
var reader = new FileReader();
reader.onload = function(e) {
var lines = e.target.result.split('\r\n');
var objItemsCard = new Array();
var objItemsDestinations = new Array();
var listCards = new Array();
var typecard = '4';
for (i = 0; i < lines.length; i++) {
if (i > 0) {
var infoitemread = lines[i].replace(/,/g, ";");
var infoItem = infoitemread.split(";");
if (typecard == '3') {
listCards.push(infoItem[0]);
objItemsDestinations.push(infoItem);
} else {
if (infoItem[2] != "") {
var arrItem = detailsItemsTypeCard(infoItem);
objItemsCard.push(arrItem);
}
}
}
}
if (typecard == '1') {
if ($(".list-slider-38023 .cardtype01-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38023 .cardtype01-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-38023 .cardtype02-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38023 .cardtype02-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-38023 .cardtype03-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38023 .cardtype03-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-38023 .cardtype04-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-destinations-38023 .cardtype04-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
//solo para card de destinos
listCards = listCards.filter(function(item, index, self) {
return self.indexOf(item) == index;
});
for (var i = 0; i < listCards.length; i++) {
var imageCard = "";
var nameCard = "";
var arrItems = [];
var itemnum = 1;
$.each(objItemsDestinations, function(index, item) {
if (item[0] == listCards[i]) {
var dataItemunit = {};
imageCard = item[1];
nameCard = item[2];
dataItemunit['itemnum'] = itemnum++;
dataItemunit['link'] = item[3];
dataItemunit['destination'] = item[4];
dataItemunit['price'] = item[5];
arrItems.push(dataItemunit);
}
});
if (typeof nameCard !== 'undefined') {
order = i + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = imageCard;
dataItemArr.Link = "#";
dataItemArr.DestinationName = nameCard;
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = JSON.stringify(arrItems);
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
}
}
}
if (typecard == '5') {
if ($(".list-slider-38023 .cardtype05-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38023 .cardtype05-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-38023 .cardtype06-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38023 .cardtype06-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-38023 .cardtype07-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38023 .cardtype07-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
//eliminar todos los items del módulo
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitListCards",
data: JSON.stringify(objItemsModuleId),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
//guardar información del archivo importado
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/ImportCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
};
reader.readAsBinaryString(e.target.files.item(0));
setTimeout(function() {
location.reload();
}, 500);
}
return false;
});
$("#btn-option-export-38023").click(function(e) {
e.preventDefault();
$("#formats-export-csv-38023").toggle(500);
$("#formats-export-csv-38023").slideDown.delay(10000).fadein(10000);
$("#formats-export-csv-38023").animate
});
$(".expcsvformat-38023").click(function(e) {
e.preventDefault();
var typecard = '4';
var htmltable = '';
var formatselected = $(this).attr('data-format');
var format = ";";
if (formatselected == "coma") {
format = ",";
}
$("#tabletodownload tr").remove();
if (typecard == '1') {
if ($(".list-slider-38023 .cardtype01-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38023 .cardtype01-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype01-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-content .cardtype01-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-data h2").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(1).text() + "</td>"; //disponibilidad
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(3).text() + "</td>"; //texto confirmacion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '2') {
if ($(".list-slider-38023 .cardtype02-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38023 .cardtype02-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype02-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-content .cardtype02-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(1).text().trim() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(2).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(3).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(4).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-promotion-rect").text() + "</td>"; //texto promocion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(5).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '4') {
if ($(".list-slider-38023 .cardtype03-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38023 .cardtype03-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype03-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-content .cardtype03-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype03-data .text-star span").text() + "</td>"; //estrellas
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(1).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(3).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-destination-card").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-obal").text() + "</td>"; //descuento
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '3') {
if ($(".list-destinations-38023 .cardtype04-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$(".list-destinations-38023 .cardtype04-panel").each(function(index) {
order = index + 1;
var srcimage = $(this).find(".cardtype04-head img").attr("src");
var nomgeneral = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
$(this).find(".cardtype04-data .item-destination").each(function(index) {
htmltable += "<tr>";
htmltable += "<td>Card" + order + "</td>";
htmltable += "<td>" + srcimage + "</td>";
htmltable += "<td>" + nomgeneral + "</td>";
htmltable += "<td>" + $(this).find("a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find("a .item-destino").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find("a .item-price").text() + "</td>"; //precio
htmltable += "</tr>";
});
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '5') {
if ($(".list-slider-38023 .cardtype05-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38023 .cardtype05-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".text-destination-sc").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-sc").text() + "</td>"; //texto
htmltable += "<td>" + $(this).find(".cardtype05-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".text-card-sc").text() + "</td>"; //texto plan
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-xs").text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-lg").text() + "</td>"; //precio
htmltable += "<td>" + order + "</td>"; //precio
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '6') {
if ($(".list-slider-38023 .cardtype06-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-38023 .cardtype06-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .logo-image-bottom img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-md:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-lg:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(1)").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '7') {
if ($(".list-slider-38023 .cardtype07-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-38023 .cardtype07-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-image-bottom p").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-star .text-disabled").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-card-md:eq(0)").text() + "</td>";
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + "-";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
htmltable += "<td>" + lstoptions + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-text img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-title").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-lg").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
setTimeout(function() {
var csv = $("#tabletodownload").table2csv({
separator: format,
newline: '\n',
quoteFields: true,
excludeColumns: '',
excludeRows: '',
trimContent: true
});
}, 500);
});
$("#btn-option-import-38023").on("click", function(e) {
e.preventDefault();
$("#myModal-38023").modal();
});
$("#btn-sort-cards-38023").on("click", function(e) {
e.preventDefault();
var typecard = '4';
$(this).css("display", "none");
$("#btn-save-cards-38023").css("display", "inline");
$(".list-slider-38023").attr("id", "sortable-38023");
if (typecard == '1') {
$(".list-slider-38023 .cardtype01-panel").addClass("ui-state-default");
}
if (typecard == '2') {
$(".list-slider-38023 .cardtype02-panel").addClass("ui-state-default");
}
if (typecard == '4') {
$(".list-slider-38023 .cardtype03-panel").addClass("ui-state-default");
}
if (typecard == '3') {
$(".list-destinations-38023").attr("id", "sortable-38023");
$(".list-destinations-38023 .cardtype04-panel").addClass("ui-state-default");
}
if (typecard == '5') {
$(".list-slider-38023 .cardtype05-panel").addClass("ui-state-default");
}
if (typecard == '6') {
$(".list-slider-38023 .cardtype06-panel").addClass("ui-state-default");
}
if (typecard == '7') {
$(".list-slider-38023 .cardtype07-panel").addClass("ui-state-default");
}
setTimeout(function() {
$("#sortable-38023").sortable();
$("#sortable-38023").disableSelection();
}, 500);
});
$("#btn-save-cards-38023").on("click", function(e) {
e.preventDefault();
var objItemsCard = new Array();
var typecard = '4';
if (typecard == '1') {
if ($(".list-slider-38023 .cardtype01-content").length > 0) {
$(".list-slider-38023 .cardtype01-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype01-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype01-data h2").text();
dataItemArr.Description = $(this).find(".cardtype01-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype01-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype01-data p").eq(2).text();
dataItemArr.ConfirmationText = $(this).find(".cardtype01-data p").eq(3).text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-38023 .cardtype02-content").length > 0) {
$(".list-slider-38023 .cardtype02-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype02-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype02-data p").eq(1).text().trim();
dataItemArr.Description = $(this).find(".cardtype02-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype02-data p").eq(2).text();
dataItemArr.Price = $(this).find(".cardtype02-data p").eq(3).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype02-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-rect").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype02-data p").eq(4).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-38023 .cardtype03-content").length > 0) {
$(".list-slider-38023 .cardtype03-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype03-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-card").text();
dataItemArr.Description = $(this).find(".cardtype03-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype03-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype03-data p").eq(2).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype03-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-obal").text();
dataItemArr.NumberStars = $(this).find(".cardtype03-data .text-star span").text();
dataItemArr.Accommodation = $(this).find(".cardtype03-data p").eq(3).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '5') {
if ($(".list-slider-38023 .cardtype05-content").length > 0) {
$(".list-slider-38023 .cardtype05-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype05-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-sc").text();
dataItemArr.Description = $(this).find(".text-card-sc").text();
dataItemArr.Availability = $(this).find(".price-card-sc .text-card-xs").text();
dataItemArr.Price = $(this).find(".price-card-sc .text-card-lg").text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".text-promotion-sc").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-38023 .cardtype06-content").length > 0) {
$(".list-slider-38023 .cardtype06-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype06-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype06-data h2").text();
dataItemArr.Description = $(this).find(".cardtype06-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype06-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype06-data .text-card-lg:eq(0)").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype06-data .text-card-sm:eq(0)").text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".cardtype06-data .logo-image-bottom img").attr("src");
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype06-data .text-card-sm:eq(1)").text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-38023 .cardtype07-content").length > 0) {
$(".list-slider-38023 .cardtype07-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + ",";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
var infoairline = "";
if ($(this).find(".cardtype07-data .card-icon-text img").attr("src") != "" || $(this).find(".cardtype07-data .card-icon-title").text() != "") {
infoairline = $(this).find(".cardtype07-data .card-icon-title").text() + "^" + $(this).find(".cardtype07-data .card-icon-text img").attr("src");
}
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype07-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype07-data h2").text();
dataItemArr.Description = $(this).find(".cardtype07-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype07-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype07-price .text-card-lg").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype07-price .text-card-md").text();
dataItemArr.HotelName = infoairline;
dataItemArr.PromotionMessage = $(this).find(".cardtype07-data .text-image-bottom p").text();
dataItemArr.NumberStars = $(this).find(".cardtype07-data .text-star .text-disabled").text();
dataItemArr.Accommodation = lstoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-38023 .cardtype04-content").length > 0) {
$(".list-destinations-38023 .cardtype04-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype04-head img").attr("src");
dataItemArr.Link = "#";
dataItemArr.DestinationName = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = $(this).find(".listdestinationid").text();
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/OrderCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
});
function detailsItemsTypeCard(dataItem) {
var typecard = '4';
if (typecard == '1') {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[2];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[4];
dataItemArr.Price = dataItem[5];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '2') {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[8];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '4') {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[8];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[9];
dataItemArr.NumberStars = dataItem[3];
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[10];
}
if (typecard == '5') {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[3];
dataItemArr.DestinationName = dataItem[0];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '6') {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[5];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[7];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[2];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[8];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '7') {
var dataItemArr = {};
dataItemArr.ModuleId = '38023';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[6];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[11];
dataItemArr.ConfirmationText = dataItem[10];
dataItemArr.HotelName = dataItem[9] + "^" + dataItem[8];
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = dataItem[5];
var listoptions = "";
if (dataItem[7] != "" && typeof dataItem[7] != 'undefined') {
listoptions = dataItem[7].replace(/-/g, ",");
}
dataItemArr.Accommodation = listoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[12];
}
return dataItemArr;
}
});
</script>
</div>
</div><!-- End_Module_38023 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-ViewDesign DnnModule-38024"><a name="38024"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr38024_ContentPane"><!-- Start_Module_38024 -->
<div id="dnn_ctr38024_ModuleContent" class="DNNModuleContent ModViewDesignC">
<div id="mvcContainer-38024">
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-sortable.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-ui.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/popper.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/table2csv.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/items.Script.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/dropzone.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.bvalidator.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.tagsinput.js"></script>
<link href="/DesktopModules/MVC/ViewDesign/Content/font-awesome.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/itemsSettings.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/dropzone.min.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/jquery.bvalidator.css" rel="stylesheet">
<link rel="stylesheet" href="/DesktopModules/MVC/ViewDesign/Content/itemsDefault.css">
<style>
.DnnModule-ViewDesign .heading_wrapper h2 {
display: block;
}
</style>
<div id="menuitems-wrap-38024" class="content-wrap content-wrap-viewdesign">
<div class="row">
<div class="options-data-cards">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
</div>
</div>
</div>
<div class="row">
<div class="listandpack-id">
<div class="listandpack-container">
<div id="cardtype">
<div class="row">
<div class="list-slider-38024">
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1753</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Armenia%20ingl%C3%A9s.pdf?ver=CCGehktOY3-w4rdcBp5YhQ%3d%3d&timestamp=1656451129007" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/PEREIRA .jpg">
<div class="text-destination-card">Armenia</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Armenia</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">4 days - 3 nights. Breakfast</p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$238.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">1</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1754</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Medell%C3%ADn%20Ingl%C3%A9s.pdf?ver=YPJBdAn9lqoDmvaw2TlBXg%3d%3d&timestamp=1656451207648" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/MEDELLIN .jpg">
<div class="text-destination-card">Medellin</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Medellin</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">4 days - 3 nights. Breakfast</p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$262.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">2</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1755</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Cartagena%20Ingl%C3%A9s.pdf?ver=Tn_W10Xgu7qFcrPXXi04KQ%3d%3d&timestamp=1656451135362" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/CARTAGENA (1).jpg">
<div class="text-destination-card">Cartagena</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Cartagena</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">4 days - 3 nights. Breakfast</p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$292.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">3</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">1756</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/San%20Andres%20Ingl%C3%A9s.pdf?ver=Z6j78pAkFgTd3UgHIjtacA%3d%3d&timestamp=1656451220451" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/San_Andres_Colombia_03.jpg">
<div class="text-destination-card">San Andres</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>San Andres</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">4 days - 3 nights. Breakfast</p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$437.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">4</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tabletodownContenty">
<table id="tabletodownload" style="border: 1px solid #000;"></table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal-38024" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-center">
<div class="modal-dialog .modal-align-center">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Importar información</h4>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Cerrar</span>
</button>
</div>
<div class="modal-body">
<label for="name">Seleccione un archivo con extensión .csv</label>
<input type="file" name="filename-38024" id="filename-38024">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<!--<button type="button" class="btn btn-primary" id="saveImportData">Guardar</button>-->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".btn-delete-38024", function(e) {
e.preventDefault();
if (confirm("Desea eliminar el elemento seleccionado?")) {
var dataCard = {
CardId: $(this).attr('data-delidcard'),
ModuleId: 38024
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitItemList",
data: JSON.stringify(dataCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
}
});
$(document).ready(function() {
var isString = '';
var windowWidth = $(window).width();
var maxSlides = 12 / parseInt('3');
if (maxSlides == '4') {
var slideWidth = 293;
} else if (maxSlides == '3') {
var slideWidth = 392;
} else if (maxSlides == '2') {
var slideWidth = 580;
}
if (windowWidth > 768 && windowWidth <= 1024) {
slideWidth = 310;
maxSlides = 3;
} else if (windowWidth > 480 && windowWidth <= 768) {
slideWidth = 355;
maxSlides = 2;
} else if (windowWidth <= 480) {
slideWidth = 760;
maxSlides = 1;
}
$("#btn-save-cards-38024").css("display", "none");
if (isString == "True") {
var touchEnabled = true;
if (windowWidth > 768) {
touchEnabled = false
}
$(".list-slider-38024").bxSlider({
pager: true,
controls: true,
minSlides: 1,
maxSlides: maxSlides,
slideWidth: slideWidth,
slideMargin: 0,
touchEnabled: touchEnabled,
auto: true,
autoHover: true,
pause: 9000
});
$(".list-slider-38024").parent().parent().find(".bx-controls-direction a").text("");
$(".list-slider-38024").parent().parent().find(".bx-controls-direction a:eq(1)").append('<i class="fa fa-chevron-right" aria-hidden="true"></i>');
$(".list-slider-38024").parent().parent().find(".bx-controls-direction a:eq(0)").append('<i class="fa fa-chevron-left" aria-hidden="true"></i>');
$("#btn-sort-cards-38024").css("display", "none");
} else {
$("#btn-sort-cards-38024").css("display", "inline");
}
setTimeout(function() {
$(".DnnModule-ViewDesign").each(function() {
var thismoduleid = $(this).find("a").eq(0).attr("name");
var moduleadditem = $("#moduleActions-" + thismoduleid + " .dnn_mact .actionMenuEdit ul li:eq(0) a").attr("href");
$("#btn-option-additem-" + thismoduleid).attr("href", moduleadditem);
});
}, 1000);
//leer archivo csv
$("#filename-38024").change(function(e) {
var ext = $("input#filename-38024").val().split(".").pop().toLowerCase();
if ($.inArray(ext, ["csv"]) == -1) {
alert("El archivo debe ser csv");
return false;
}
if (e.target.files != undefined) {
var reader = new FileReader();
reader.onload = function(e) {
var lines = e.target.result.split('\r\n');
var objItemsCard = new Array();
var objItemsDestinations = new Array();
var listCards = new Array();
var typecard = '4';
for (i = 0; i < lines.length; i++) {
if (i > 0) {
var infoitemread = lines[i].replace(/,/g, ";");
var infoItem = infoitemread.split(";");
if (typecard == '3') {
listCards.push(infoItem[0]);
objItemsDestinations.push(infoItem);
} else {
if (infoItem[2] != "") {
var arrItem = detailsItemsTypeCard(infoItem);
objItemsCard.push(arrItem);
}
}
}
}
if (typecard == '1') {
if ($(".list-slider-38024 .cardtype01-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38024 .cardtype01-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-38024 .cardtype02-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38024 .cardtype02-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-38024 .cardtype03-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38024 .cardtype03-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-38024 .cardtype04-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-destinations-38024 .cardtype04-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
//solo para card de destinos
listCards = listCards.filter(function(item, index, self) {
return self.indexOf(item) == index;
});
for (var i = 0; i < listCards.length; i++) {
var imageCard = "";
var nameCard = "";
var arrItems = [];
var itemnum = 1;
$.each(objItemsDestinations, function(index, item) {
if (item[0] == listCards[i]) {
var dataItemunit = {};
imageCard = item[1];
nameCard = item[2];
dataItemunit['itemnum'] = itemnum++;
dataItemunit['link'] = item[3];
dataItemunit['destination'] = item[4];
dataItemunit['price'] = item[5];
arrItems.push(dataItemunit);
}
});
if (typeof nameCard !== 'undefined') {
order = i + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = imageCard;
dataItemArr.Link = "#";
dataItemArr.DestinationName = nameCard;
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = JSON.stringify(arrItems);
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
}
}
}
if (typecard == '5') {
if ($(".list-slider-38024 .cardtype05-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38024 .cardtype05-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-38024 .cardtype06-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38024 .cardtype06-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-38024 .cardtype07-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-38024 .cardtype07-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
//eliminar todos los items del módulo
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitListCards",
data: JSON.stringify(objItemsModuleId),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
//guardar información del archivo importado
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/ImportCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
};
reader.readAsBinaryString(e.target.files.item(0));
setTimeout(function() {
location.reload();
}, 500);
}
return false;
});
$("#btn-option-export-38024").click(function(e) {
e.preventDefault();
$("#formats-export-csv-38024").toggle(500);
$("#formats-export-csv-38024").slideDown.delay(10000).fadein(10000);
$("#formats-export-csv-38024").animate
});
$(".expcsvformat-38024").click(function(e) {
e.preventDefault();
var typecard = '4';
var htmltable = '';
var formatselected = $(this).attr('data-format');
var format = ";";
if (formatselected == "coma") {
format = ",";
}
$("#tabletodownload tr").remove();
if (typecard == '1') {
if ($(".list-slider-38024 .cardtype01-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38024 .cardtype01-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype01-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-content .cardtype01-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-data h2").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(1).text() + "</td>"; //disponibilidad
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(3).text() + "</td>"; //texto confirmacion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '2') {
if ($(".list-slider-38024 .cardtype02-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38024 .cardtype02-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype02-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-content .cardtype02-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(1).text().trim() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(2).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(3).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(4).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-promotion-rect").text() + "</td>"; //texto promocion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(5).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '4') {
if ($(".list-slider-38024 .cardtype03-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38024 .cardtype03-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype03-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-content .cardtype03-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype03-data .text-star span").text() + "</td>"; //estrellas
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(1).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(3).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-destination-card").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-obal").text() + "</td>"; //descuento
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '3') {
if ($(".list-destinations-38024 .cardtype04-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$(".list-destinations-38024 .cardtype04-panel").each(function(index) {
order = index + 1;
var srcimage = $(this).find(".cardtype04-head img").attr("src");
var nomgeneral = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
$(this).find(".cardtype04-data .item-destination").each(function(index) {
htmltable += "<tr>";
htmltable += "<td>Card" + order + "</td>";
htmltable += "<td>" + srcimage + "</td>";
htmltable += "<td>" + nomgeneral + "</td>";
htmltable += "<td>" + $(this).find("a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find("a .item-destino").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find("a .item-price").text() + "</td>"; //precio
htmltable += "</tr>";
});
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '5') {
if ($(".list-slider-38024 .cardtype05-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-38024 .cardtype05-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".text-destination-sc").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-sc").text() + "</td>"; //texto
htmltable += "<td>" + $(this).find(".cardtype05-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".text-card-sc").text() + "</td>"; //texto plan
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-xs").text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-lg").text() + "</td>"; //precio
htmltable += "<td>" + order + "</td>"; //precio
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '6') {
if ($(".list-slider-38024 .cardtype06-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-38024 .cardtype06-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .logo-image-bottom img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-md:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-lg:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(1)").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '7') {
if ($(".list-slider-38024 .cardtype07-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-38024 .cardtype07-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-image-bottom p").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-star .text-disabled").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-card-md:eq(0)").text() + "</td>";
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + "-";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
htmltable += "<td>" + lstoptions + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-text img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-title").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-lg").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
setTimeout(function() {
var csv = $("#tabletodownload").table2csv({
separator: format,
newline: '\n',
quoteFields: true,
excludeColumns: '',
excludeRows: '',
trimContent: true
});
}, 500);
});
$("#btn-option-import-38024").on("click", function(e) {
e.preventDefault();
$("#myModal-38024").modal();
});
$("#btn-sort-cards-38024").on("click", function(e) {
e.preventDefault();
var typecard = '4';
$(this).css("display", "none");
$("#btn-save-cards-38024").css("display", "inline");
$(".list-slider-38024").attr("id", "sortable-38024");
if (typecard == '1') {
$(".list-slider-38024 .cardtype01-panel").addClass("ui-state-default");
}
if (typecard == '2') {
$(".list-slider-38024 .cardtype02-panel").addClass("ui-state-default");
}
if (typecard == '4') {
$(".list-slider-38024 .cardtype03-panel").addClass("ui-state-default");
}
if (typecard == '3') {
$(".list-destinations-38024").attr("id", "sortable-38024");
$(".list-destinations-38024 .cardtype04-panel").addClass("ui-state-default");
}
if (typecard == '5') {
$(".list-slider-38024 .cardtype05-panel").addClass("ui-state-default");
}
if (typecard == '6') {
$(".list-slider-38024 .cardtype06-panel").addClass("ui-state-default");
}
if (typecard == '7') {
$(".list-slider-38024 .cardtype07-panel").addClass("ui-state-default");
}
setTimeout(function() {
$("#sortable-38024").sortable();
$("#sortable-38024").disableSelection();
}, 500);
});
$("#btn-save-cards-38024").on("click", function(e) {
e.preventDefault();
var objItemsCard = new Array();
var typecard = '4';
if (typecard == '1') {
if ($(".list-slider-38024 .cardtype01-content").length > 0) {
$(".list-slider-38024 .cardtype01-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype01-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype01-data h2").text();
dataItemArr.Description = $(this).find(".cardtype01-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype01-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype01-data p").eq(2).text();
dataItemArr.ConfirmationText = $(this).find(".cardtype01-data p").eq(3).text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-38024 .cardtype02-content").length > 0) {
$(".list-slider-38024 .cardtype02-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype02-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype02-data p").eq(1).text().trim();
dataItemArr.Description = $(this).find(".cardtype02-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype02-data p").eq(2).text();
dataItemArr.Price = $(this).find(".cardtype02-data p").eq(3).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype02-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-rect").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype02-data p").eq(4).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-38024 .cardtype03-content").length > 0) {
$(".list-slider-38024 .cardtype03-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype03-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-card").text();
dataItemArr.Description = $(this).find(".cardtype03-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype03-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype03-data p").eq(2).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype03-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-obal").text();
dataItemArr.NumberStars = $(this).find(".cardtype03-data .text-star span").text();
dataItemArr.Accommodation = $(this).find(".cardtype03-data p").eq(3).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '5') {
if ($(".list-slider-38024 .cardtype05-content").length > 0) {
$(".list-slider-38024 .cardtype05-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype05-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-sc").text();
dataItemArr.Description = $(this).find(".text-card-sc").text();
dataItemArr.Availability = $(this).find(".price-card-sc .text-card-xs").text();
dataItemArr.Price = $(this).find(".price-card-sc .text-card-lg").text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".text-promotion-sc").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-38024 .cardtype06-content").length > 0) {
$(".list-slider-38024 .cardtype06-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype06-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype06-data h2").text();
dataItemArr.Description = $(this).find(".cardtype06-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype06-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype06-data .text-card-lg:eq(0)").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype06-data .text-card-sm:eq(0)").text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".cardtype06-data .logo-image-bottom img").attr("src");
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype06-data .text-card-sm:eq(1)").text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-38024 .cardtype07-content").length > 0) {
$(".list-slider-38024 .cardtype07-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + ",";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
var infoairline = "";
if ($(this).find(".cardtype07-data .card-icon-text img").attr("src") != "" || $(this).find(".cardtype07-data .card-icon-title").text() != "") {
infoairline = $(this).find(".cardtype07-data .card-icon-title").text() + "^" + $(this).find(".cardtype07-data .card-icon-text img").attr("src");
}
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype07-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype07-data h2").text();
dataItemArr.Description = $(this).find(".cardtype07-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype07-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype07-price .text-card-lg").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype07-price .text-card-md").text();
dataItemArr.HotelName = infoairline;
dataItemArr.PromotionMessage = $(this).find(".cardtype07-data .text-image-bottom p").text();
dataItemArr.NumberStars = $(this).find(".cardtype07-data .text-star .text-disabled").text();
dataItemArr.Accommodation = lstoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-38024 .cardtype04-content").length > 0) {
$(".list-destinations-38024 .cardtype04-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype04-head img").attr("src");
dataItemArr.Link = "#";
dataItemArr.DestinationName = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = $(this).find(".listdestinationid").text();
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/OrderCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
});
function detailsItemsTypeCard(dataItem) {
var typecard = '4';
if (typecard == '1') {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[2];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[4];
dataItemArr.Price = dataItem[5];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '2') {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[8];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '4') {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[8];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[9];
dataItemArr.NumberStars = dataItem[3];
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[10];
}
if (typecard == '5') {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[3];
dataItemArr.DestinationName = dataItem[0];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '6') {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[5];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[7];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[2];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[8];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '7') {
var dataItemArr = {};
dataItemArr.ModuleId = '38024';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[6];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[11];
dataItemArr.ConfirmationText = dataItem[10];
dataItemArr.HotelName = dataItem[9] + "^" + dataItem[8];
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = dataItem[5];
var listoptions = "";
if (dataItem[7] != "" && typeof dataItem[7] != 'undefined') {
listoptions = dataItem[7].replace(/-/g, ",");
}
dataItemArr.Accommodation = listoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[12];
}
return dataItemArr;
}
});
</script>
</div>
</div><!-- End_Module_38024 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-ViewDesign DnnModule-39710"><a name="39710"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr39710_ContentPane"><!-- Start_Module_39710 -->
<div id="dnn_ctr39710_ModuleContent" class="DNNModuleContent ModViewDesignC">
<div id="mvcContainer-39710">
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-sortable.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-ui.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/popper.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/table2csv.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/items.Script.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/dropzone.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.bvalidator.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.tagsinput.js"></script>
<link href="/DesktopModules/MVC/ViewDesign/Content/font-awesome.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/itemsSettings.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/dropzone.min.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/jquery.bvalidator.css" rel="stylesheet">
<link rel="stylesheet" href="/DesktopModules/MVC/ViewDesign/Content/itemsDefault.css">
<style>
.DnnModule-ViewDesign .heading_wrapper h2 {
display: block;
}
</style>
<div id="menuitems-wrap-39710" class="content-wrap content-wrap-viewdesign">
<div class="row">
<div class="options-data-cards">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
</div>
</div>
</div>
<div class="row">
<div class="listandpack-id">
<div class="listandpack-container">
<div id="cardtype">
<div class="row">
<div class="list-slider-39710">
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">2126</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Barcelona%20y%20Madrid%20ingl%C3%A9s.pdf?ver=kzu4Lw-sd7Abbqy0urn9BQ%3d%3d&timestamp=1656451131798" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/BARCELONA.jpg">
<div class="text-destination-card">Barcelona & Madrid</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Barcelona & Madrid</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">7 days - 5 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$566.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">1</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">2127</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Italia%20ingl%C3%A9s.pdf?ver=2ePpE4X7wo3yyYN65NU03A%3d%3d&timestamp=1656451204898" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/ITALIA.jpg">
<div class="text-destination-card">Italy</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Italy</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">8 days - 7 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$1416.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">2</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">2128</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Par%C3%ADs%20y%20Londres%20ingl%C3%A9s.pdf?ver=Jnm1eW6W0YX-eCoWbgz3mQ%3d%3d&timestamp=1656451214022" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/PARIS.jpg">
<div class="text-destination-card">Paris & London</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Paris & London</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">8 days - 6 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$841.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">3</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">2129</div>
<a href="https://en.arnoldtravel.com/Portals/1179/PDF/Gracia%20y%20sus%20islas%20ingl%C3%A9s.pdf?ver=Tn_W10Xgu7qFcrPXXi04KQ%3d%3d&timestamp=1656451151319" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/DESTINOS DEL MES/santorini1.jpeg">
<div class="text-destination-card">Greece</div>
<div class="text-promotion-obal">Limited offer</div>
</div>
<div class="cardtype03-data">
<h2>Santorini & Mykonos</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">4</span>
</div>
<p class="text-card-md">6 days - 5 nights. </p>
<p class="text-card-xs">price from</p>
<p class="text-card-lg">$1136.00</p>
<p class="text-card-xs"></p>
<p class="text-disabled">4</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tabletodownContenty">
<table id="tabletodownload" style="border: 1px solid #000;"></table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal-39710" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-center">
<div class="modal-dialog .modal-align-center">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Importar información</h4>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Cerrar</span>
</button>
</div>
<div class="modal-body">
<label for="name">Seleccione un archivo con extensión .csv</label>
<input type="file" name="filename-39710" id="filename-39710">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<!--<button type="button" class="btn btn-primary" id="saveImportData">Guardar</button>-->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".btn-delete-39710", function(e) {
e.preventDefault();
if (confirm("Desea eliminar el elemento seleccionado?")) {
var dataCard = {
CardId: $(this).attr('data-delidcard'),
ModuleId: 39710
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitItemList",
data: JSON.stringify(dataCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
}
});
$(document).ready(function() {
var isString = 'false';
var windowWidth = $(window).width();
var maxSlides = 12 / parseInt('3');
if (maxSlides == '4') {
var slideWidth = 293;
} else if (maxSlides == '3') {
var slideWidth = 392;
} else if (maxSlides == '2') {
var slideWidth = 580;
}
if (windowWidth > 768 && windowWidth <= 1024) {
slideWidth = 310;
maxSlides = 3;
} else if (windowWidth > 480 && windowWidth <= 768) {
slideWidth = 355;
maxSlides = 2;
} else if (windowWidth <= 480) {
slideWidth = 760;
maxSlides = 1;
}
$("#btn-save-cards-39710").css("display", "none");
if (isString == "True") {
var touchEnabled = true;
if (windowWidth > 768) {
touchEnabled = false
}
$(".list-slider-39710").bxSlider({
pager: true,
controls: true,
minSlides: 1,
maxSlides: maxSlides,
slideWidth: slideWidth,
slideMargin: 0,
touchEnabled: touchEnabled,
auto: true,
autoHover: true,
pause: 9000
});
$(".list-slider-39710").parent().parent().find(".bx-controls-direction a").text("");
$(".list-slider-39710").parent().parent().find(".bx-controls-direction a:eq(1)").append('<i class="fa fa-chevron-right" aria-hidden="true"></i>');
$(".list-slider-39710").parent().parent().find(".bx-controls-direction a:eq(0)").append('<i class="fa fa-chevron-left" aria-hidden="true"></i>');
$("#btn-sort-cards-39710").css("display", "none");
} else {
$("#btn-sort-cards-39710").css("display", "inline");
}
setTimeout(function() {
$(".DnnModule-ViewDesign").each(function() {
var thismoduleid = $(this).find("a").eq(0).attr("name");
var moduleadditem = $("#moduleActions-" + thismoduleid + " .dnn_mact .actionMenuEdit ul li:eq(0) a").attr("href");
$("#btn-option-additem-" + thismoduleid).attr("href", moduleadditem);
});
}, 1000);
//leer archivo csv
$("#filename-39710").change(function(e) {
var ext = $("input#filename-39710").val().split(".").pop().toLowerCase();
if ($.inArray(ext, ["csv"]) == -1) {
alert("El archivo debe ser csv");
return false;
}
if (e.target.files != undefined) {
var reader = new FileReader();
reader.onload = function(e) {
var lines = e.target.result.split('\r\n');
var objItemsCard = new Array();
var objItemsDestinations = new Array();
var listCards = new Array();
var typecard = '4';
for (i = 0; i < lines.length; i++) {
if (i > 0) {
var infoitemread = lines[i].replace(/,/g, ";");
var infoItem = infoitemread.split(";");
if (typecard == '3') {
listCards.push(infoItem[0]);
objItemsDestinations.push(infoItem);
} else {
if (infoItem[2] != "") {
var arrItem = detailsItemsTypeCard(infoItem);
objItemsCard.push(arrItem);
}
}
}
}
if (typecard == '1') {
if ($(".list-slider-39710 .cardtype01-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-39710 .cardtype01-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-39710 .cardtype02-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-39710 .cardtype02-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-39710 .cardtype03-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-39710 .cardtype03-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-39710 .cardtype04-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-destinations-39710 .cardtype04-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
//solo para card de destinos
listCards = listCards.filter(function(item, index, self) {
return self.indexOf(item) == index;
});
for (var i = 0; i < listCards.length; i++) {
var imageCard = "";
var nameCard = "";
var arrItems = [];
var itemnum = 1;
$.each(objItemsDestinations, function(index, item) {
if (item[0] == listCards[i]) {
var dataItemunit = {};
imageCard = item[1];
nameCard = item[2];
dataItemunit['itemnum'] = itemnum++;
dataItemunit['link'] = item[3];
dataItemunit['destination'] = item[4];
dataItemunit['price'] = item[5];
arrItems.push(dataItemunit);
}
});
if (typeof nameCard !== 'undefined') {
order = i + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = imageCard;
dataItemArr.Link = "#";
dataItemArr.DestinationName = nameCard;
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = JSON.stringify(arrItems);
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
}
}
}
if (typecard == '5') {
if ($(".list-slider-39710 .cardtype05-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-39710 .cardtype05-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-39710 .cardtype06-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-39710 .cardtype06-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-39710 .cardtype07-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-39710 .cardtype07-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
//eliminar todos los items del módulo
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitListCards",
data: JSON.stringify(objItemsModuleId),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
//guardar información del archivo importado
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/ImportCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
};
reader.readAsBinaryString(e.target.files.item(0));
setTimeout(function() {
location.reload();
}, 500);
}
return false;
});
$("#btn-option-export-39710").click(function(e) {
e.preventDefault();
$("#formats-export-csv-39710").toggle(500);
$("#formats-export-csv-39710").slideDown.delay(10000).fadein(10000);
$("#formats-export-csv-39710").animate
});
$(".expcsvformat-39710").click(function(e) {
e.preventDefault();
var typecard = '4';
var htmltable = '';
var formatselected = $(this).attr('data-format');
var format = ";";
if (formatselected == "coma") {
format = ",";
}
$("#tabletodownload tr").remove();
if (typecard == '1') {
if ($(".list-slider-39710 .cardtype01-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-39710 .cardtype01-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype01-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-content .cardtype01-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-data h2").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(1).text() + "</td>"; //disponibilidad
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(3).text() + "</td>"; //texto confirmacion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '2') {
if ($(".list-slider-39710 .cardtype02-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-39710 .cardtype02-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype02-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-content .cardtype02-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(1).text().trim() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(2).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(3).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(4).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-promotion-rect").text() + "</td>"; //texto promocion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(5).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '4') {
if ($(".list-slider-39710 .cardtype03-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-39710 .cardtype03-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype03-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-content .cardtype03-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype03-data .text-star span").text() + "</td>"; //estrellas
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(1).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(3).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-destination-card").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-obal").text() + "</td>"; //descuento
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '3') {
if ($(".list-destinations-39710 .cardtype04-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$(".list-destinations-39710 .cardtype04-panel").each(function(index) {
order = index + 1;
var srcimage = $(this).find(".cardtype04-head img").attr("src");
var nomgeneral = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
$(this).find(".cardtype04-data .item-destination").each(function(index) {
htmltable += "<tr>";
htmltable += "<td>Card" + order + "</td>";
htmltable += "<td>" + srcimage + "</td>";
htmltable += "<td>" + nomgeneral + "</td>";
htmltable += "<td>" + $(this).find("a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find("a .item-destino").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find("a .item-price").text() + "</td>"; //precio
htmltable += "</tr>";
});
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '5') {
if ($(".list-slider-39710 .cardtype05-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-39710 .cardtype05-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".text-destination-sc").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-sc").text() + "</td>"; //texto
htmltable += "<td>" + $(this).find(".cardtype05-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".text-card-sc").text() + "</td>"; //texto plan
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-xs").text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-lg").text() + "</td>"; //precio
htmltable += "<td>" + order + "</td>"; //precio
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '6') {
if ($(".list-slider-39710 .cardtype06-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-39710 .cardtype06-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .logo-image-bottom img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-md:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-lg:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(1)").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '7') {
if ($(".list-slider-39710 .cardtype07-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-39710 .cardtype07-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-image-bottom p").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-star .text-disabled").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-card-md:eq(0)").text() + "</td>";
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + "-";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
htmltable += "<td>" + lstoptions + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-text img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-title").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-lg").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
setTimeout(function() {
var csv = $("#tabletodownload").table2csv({
separator: format,
newline: '\n',
quoteFields: true,
excludeColumns: '',
excludeRows: '',
trimContent: true
});
}, 500);
});
$("#btn-option-import-39710").on("click", function(e) {
e.preventDefault();
$("#myModal-39710").modal();
});
$("#btn-sort-cards-39710").on("click", function(e) {
e.preventDefault();
var typecard = '4';
$(this).css("display", "none");
$("#btn-save-cards-39710").css("display", "inline");
$(".list-slider-39710").attr("id", "sortable-39710");
if (typecard == '1') {
$(".list-slider-39710 .cardtype01-panel").addClass("ui-state-default");
}
if (typecard == '2') {
$(".list-slider-39710 .cardtype02-panel").addClass("ui-state-default");
}
if (typecard == '4') {
$(".list-slider-39710 .cardtype03-panel").addClass("ui-state-default");
}
if (typecard == '3') {
$(".list-destinations-39710").attr("id", "sortable-39710");
$(".list-destinations-39710 .cardtype04-panel").addClass("ui-state-default");
}
if (typecard == '5') {
$(".list-slider-39710 .cardtype05-panel").addClass("ui-state-default");
}
if (typecard == '6') {
$(".list-slider-39710 .cardtype06-panel").addClass("ui-state-default");
}
if (typecard == '7') {
$(".list-slider-39710 .cardtype07-panel").addClass("ui-state-default");
}
setTimeout(function() {
$("#sortable-39710").sortable();
$("#sortable-39710").disableSelection();
}, 500);
});
$("#btn-save-cards-39710").on("click", function(e) {
e.preventDefault();
var objItemsCard = new Array();
var typecard = '4';
if (typecard == '1') {
if ($(".list-slider-39710 .cardtype01-content").length > 0) {
$(".list-slider-39710 .cardtype01-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype01-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype01-data h2").text();
dataItemArr.Description = $(this).find(".cardtype01-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype01-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype01-data p").eq(2).text();
dataItemArr.ConfirmationText = $(this).find(".cardtype01-data p").eq(3).text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-39710 .cardtype02-content").length > 0) {
$(".list-slider-39710 .cardtype02-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype02-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype02-data p").eq(1).text().trim();
dataItemArr.Description = $(this).find(".cardtype02-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype02-data p").eq(2).text();
dataItemArr.Price = $(this).find(".cardtype02-data p").eq(3).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype02-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-rect").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype02-data p").eq(4).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-39710 .cardtype03-content").length > 0) {
$(".list-slider-39710 .cardtype03-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype03-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-card").text();
dataItemArr.Description = $(this).find(".cardtype03-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype03-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype03-data p").eq(2).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype03-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-obal").text();
dataItemArr.NumberStars = $(this).find(".cardtype03-data .text-star span").text();
dataItemArr.Accommodation = $(this).find(".cardtype03-data p").eq(3).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '5') {
if ($(".list-slider-39710 .cardtype05-content").length > 0) {
$(".list-slider-39710 .cardtype05-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype05-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-sc").text();
dataItemArr.Description = $(this).find(".text-card-sc").text();
dataItemArr.Availability = $(this).find(".price-card-sc .text-card-xs").text();
dataItemArr.Price = $(this).find(".price-card-sc .text-card-lg").text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".text-promotion-sc").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-39710 .cardtype06-content").length > 0) {
$(".list-slider-39710 .cardtype06-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype06-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype06-data h2").text();
dataItemArr.Description = $(this).find(".cardtype06-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype06-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype06-data .text-card-lg:eq(0)").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype06-data .text-card-sm:eq(0)").text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".cardtype06-data .logo-image-bottom img").attr("src");
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype06-data .text-card-sm:eq(1)").text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-39710 .cardtype07-content").length > 0) {
$(".list-slider-39710 .cardtype07-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + ",";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
var infoairline = "";
if ($(this).find(".cardtype07-data .card-icon-text img").attr("src") != "" || $(this).find(".cardtype07-data .card-icon-title").text() != "") {
infoairline = $(this).find(".cardtype07-data .card-icon-title").text() + "^" + $(this).find(".cardtype07-data .card-icon-text img").attr("src");
}
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype07-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype07-data h2").text();
dataItemArr.Description = $(this).find(".cardtype07-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype07-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype07-price .text-card-lg").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype07-price .text-card-md").text();
dataItemArr.HotelName = infoairline;
dataItemArr.PromotionMessage = $(this).find(".cardtype07-data .text-image-bottom p").text();
dataItemArr.NumberStars = $(this).find(".cardtype07-data .text-star .text-disabled").text();
dataItemArr.Accommodation = lstoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-39710 .cardtype04-content").length > 0) {
$(".list-destinations-39710 .cardtype04-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype04-head img").attr("src");
dataItemArr.Link = "#";
dataItemArr.DestinationName = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = $(this).find(".listdestinationid").text();
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/OrderCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
});
function detailsItemsTypeCard(dataItem) {
var typecard = '4';
if (typecard == '1') {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[2];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[4];
dataItemArr.Price = dataItem[5];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '2') {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[8];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '4') {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[8];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[9];
dataItemArr.NumberStars = dataItem[3];
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[10];
}
if (typecard == '5') {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[3];
dataItemArr.DestinationName = dataItem[0];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '6') {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[5];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[7];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[2];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[8];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '7') {
var dataItemArr = {};
dataItemArr.ModuleId = '39710';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[6];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[11];
dataItemArr.ConfirmationText = dataItem[10];
dataItemArr.HotelName = dataItem[9] + "^" + dataItem[8];
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = dataItem[5];
var listoptions = "";
if (dataItem[7] != "" && typeof dataItem[7] != 'undefined') {
listoptions = dataItem[7].replace(/-/g, ",");
}
dataItemArr.Accommodation = listoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[12];
}
return dataItemArr;
}
});
</script>
</div>
</div><!-- End_Module_39710 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="dnn_RegisterFormPane" class="registerFormPane col-md-12">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-54133"><a name="54133"></a>
<div class="cms-flex__title_h2_center">
<h2><span id="dnn_ctr54133_dnnTITLE_titleLabel" class="titulo">Hotels of the month</span>
</h2>
<div id="dnn_ctr54133_ContentPane"><!-- Start_Module_54133 -->
<div id="dnn_ctr54133_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr54133_HtmlModule_lblContent" class="Normal">
<p> </p>
</div>
</div><!-- End_Module_54133 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-ViewDesign DnnModule-54131"><a name="54131"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr54131_ContentPane"><!-- Start_Module_54131 -->
<div id="dnn_ctr54131_ModuleContent" class="DNNModuleContent ModViewDesignC">
<div id="mvcContainer-54131">
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-sortable.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-ui.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/popper.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/table2csv.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/items.Script.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/dropzone.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.bvalidator.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.tagsinput.js"></script>
<link href="/DesktopModules/MVC/ViewDesign/Content/font-awesome.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/itemsSettings.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/dropzone.min.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/jquery.bvalidator.css" rel="stylesheet">
<link rel="stylesheet" href="/DesktopModules/MVC/ViewDesign/Content/itemsDefault.css">
<style>
.DnnModule-ViewDesign .heading_wrapper h2 {
display: block;
}
</style>
<div id="menuitems-wrap-54131" class="content-wrap content-wrap-viewdesign">
<div class="row">
<div class="options-data-cards">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
</div>
</div>
</div>
<div class="row">
<div class="listandpack-id">
<div class="listandpack-container">
<div id="cardtype">
<div class="row">
<div class="list-slider-54131">
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-4 col-lg-4 default">
<div class="cardtype03-content">
<div class="idCard">7730</div>
<a href="Lorem Ipsum" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/south-america.jpg">
<div class="text-destination-card">Lorem Ipsum</div>
<div class="text-promotion-obal">Lorem Ipsum</div>
</div>
<div class="cardtype03-data">
<h2>Lorem Ipsum</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">6</span>
</div>
<p class="text-card-md">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-card-lg">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-disabled">1</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-4 col-lg-4 default">
<div class="cardtype03-content">
<div class="idCard">7731</div>
<a href="Lorem Ipsum" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/south-america.jpg">
<div class="text-destination-card">Lorem Ipsum</div>
<div class="text-promotion-obal">Lorem Ipsum</div>
</div>
<div class="cardtype03-data">
<h2>Lorem Ipsum</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">6</span>
</div>
<p class="text-card-md">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-card-lg">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-disabled">2</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-4 col-lg-4 default">
<div class="cardtype03-content">
<div class="idCard">7732</div>
<a href="Lorem Ipsum" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/south-america.jpg">
<div class="text-destination-card">Lorem Ipsum</div>
<div class="text-promotion-obal">Lorem Ipsum</div>
</div>
<div class="cardtype03-data">
<h2>Lorem Ipsum</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">6</span>
</div>
<p class="text-card-md">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-card-lg">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-disabled">3</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tabletodownContenty">
<table id="tabletodownload" style="border: 1px solid #000;"></table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal-54131" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-center">
<div class="modal-dialog .modal-align-center">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Importar información</h4>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Cerrar</span>
</button>
</div>
<div class="modal-body">
<label for="name">Seleccione un archivo con extensión .csv</label>
<input type="file" name="filename-54131" id="filename-54131">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<!--<button type="button" class="btn btn-primary" id="saveImportData">Guardar</button>-->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".btn-delete-54131", function(e) {
e.preventDefault();
if (confirm("Desea eliminar el elemento seleccionado?")) {
var dataCard = {
CardId: $(this).attr('data-delidcard'),
ModuleId: 54131
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitItemList",
data: JSON.stringify(dataCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
}
});
$(document).ready(function() {
var isString = '';
var windowWidth = $(window).width();
var maxSlides = 12 / parseInt('4');
if (maxSlides == '4') {
var slideWidth = 293;
} else if (maxSlides == '3') {
var slideWidth = 392;
} else if (maxSlides == '2') {
var slideWidth = 580;
}
if (windowWidth > 768 && windowWidth <= 1024) {
slideWidth = 310;
maxSlides = 3;
} else if (windowWidth > 480 && windowWidth <= 768) {
slideWidth = 355;
maxSlides = 2;
} else if (windowWidth <= 480) {
slideWidth = 760;
maxSlides = 1;
}
$("#btn-save-cards-54131").css("display", "none");
if (isString == "True") {
var touchEnabled = true;
if (windowWidth > 768) {
touchEnabled = false
}
$(".list-slider-54131").bxSlider({
pager: true,
controls: true,
minSlides: 1,
maxSlides: maxSlides,
slideWidth: slideWidth,
slideMargin: 0,
touchEnabled: touchEnabled,
auto: true,
autoHover: true,
pause: 9000
});
$(".list-slider-54131").parent().parent().find(".bx-controls-direction a").text("");
$(".list-slider-54131").parent().parent().find(".bx-controls-direction a:eq(1)").append('<i class="fa fa-chevron-right" aria-hidden="true"></i>');
$(".list-slider-54131").parent().parent().find(".bx-controls-direction a:eq(0)").append('<i class="fa fa-chevron-left" aria-hidden="true"></i>');
$("#btn-sort-cards-54131").css("display", "none");
} else {
$("#btn-sort-cards-54131").css("display", "inline");
}
setTimeout(function() {
$(".DnnModule-ViewDesign").each(function() {
var thismoduleid = $(this).find("a").eq(0).attr("name");
var moduleadditem = $("#moduleActions-" + thismoduleid + " .dnn_mact .actionMenuEdit ul li:eq(0) a").attr("href");
$("#btn-option-additem-" + thismoduleid).attr("href", moduleadditem);
});
}, 1000);
//leer archivo csv
$("#filename-54131").change(function(e) {
var ext = $("input#filename-54131").val().split(".").pop().toLowerCase();
if ($.inArray(ext, ["csv"]) == -1) {
alert("El archivo debe ser csv");
return false;
}
if (e.target.files != undefined) {
var reader = new FileReader();
reader.onload = function(e) {
var lines = e.target.result.split('\r\n');
var objItemsCard = new Array();
var objItemsDestinations = new Array();
var listCards = new Array();
var typecard = '4';
for (i = 0; i < lines.length; i++) {
if (i > 0) {
var infoitemread = lines[i].replace(/,/g, ";");
var infoItem = infoitemread.split(";");
if (typecard == '3') {
listCards.push(infoItem[0]);
objItemsDestinations.push(infoItem);
} else {
if (infoItem[2] != "") {
var arrItem = detailsItemsTypeCard(infoItem);
objItemsCard.push(arrItem);
}
}
}
}
if (typecard == '1') {
if ($(".list-slider-54131 .cardtype01-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54131 .cardtype01-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-54131 .cardtype02-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54131 .cardtype02-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-54131 .cardtype03-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54131 .cardtype03-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-54131 .cardtype04-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-destinations-54131 .cardtype04-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
//solo para card de destinos
listCards = listCards.filter(function(item, index, self) {
return self.indexOf(item) == index;
});
for (var i = 0; i < listCards.length; i++) {
var imageCard = "";
var nameCard = "";
var arrItems = [];
var itemnum = 1;
$.each(objItemsDestinations, function(index, item) {
if (item[0] == listCards[i]) {
var dataItemunit = {};
imageCard = item[1];
nameCard = item[2];
dataItemunit['itemnum'] = itemnum++;
dataItemunit['link'] = item[3];
dataItemunit['destination'] = item[4];
dataItemunit['price'] = item[5];
arrItems.push(dataItemunit);
}
});
if (typeof nameCard !== 'undefined') {
order = i + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = imageCard;
dataItemArr.Link = "#";
dataItemArr.DestinationName = nameCard;
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = JSON.stringify(arrItems);
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
}
}
}
if (typecard == '5') {
if ($(".list-slider-54131 .cardtype05-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54131 .cardtype05-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-54131 .cardtype06-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54131 .cardtype06-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-54131 .cardtype07-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54131 .cardtype07-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
//eliminar todos los items del módulo
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitListCards",
data: JSON.stringify(objItemsModuleId),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
//guardar información del archivo importado
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/ImportCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
};
reader.readAsBinaryString(e.target.files.item(0));
setTimeout(function() {
location.reload();
}, 500);
}
return false;
});
$("#btn-option-export-54131").click(function(e) {
e.preventDefault();
$("#formats-export-csv-54131").toggle(500);
$("#formats-export-csv-54131").slideDown.delay(10000).fadein(10000);
$("#formats-export-csv-54131").animate
});
$(".expcsvformat-54131").click(function(e) {
e.preventDefault();
var typecard = '4';
var htmltable = '';
var formatselected = $(this).attr('data-format');
var format = ";";
if (formatselected == "coma") {
format = ",";
}
$("#tabletodownload tr").remove();
if (typecard == '1') {
if ($(".list-slider-54131 .cardtype01-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54131 .cardtype01-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype01-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-content .cardtype01-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-data h2").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(1).text() + "</td>"; //disponibilidad
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(3).text() + "</td>"; //texto confirmacion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '2') {
if ($(".list-slider-54131 .cardtype02-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54131 .cardtype02-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype02-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-content .cardtype02-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(1).text().trim() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(2).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(3).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(4).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-promotion-rect").text() + "</td>"; //texto promocion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(5).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '4') {
if ($(".list-slider-54131 .cardtype03-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54131 .cardtype03-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype03-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-content .cardtype03-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype03-data .text-star span").text() + "</td>"; //estrellas
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(1).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(3).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-destination-card").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-obal").text() + "</td>"; //descuento
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '3') {
if ($(".list-destinations-54131 .cardtype04-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$(".list-destinations-54131 .cardtype04-panel").each(function(index) {
order = index + 1;
var srcimage = $(this).find(".cardtype04-head img").attr("src");
var nomgeneral = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
$(this).find(".cardtype04-data .item-destination").each(function(index) {
htmltable += "<tr>";
htmltable += "<td>Card" + order + "</td>";
htmltable += "<td>" + srcimage + "</td>";
htmltable += "<td>" + nomgeneral + "</td>";
htmltable += "<td>" + $(this).find("a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find("a .item-destino").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find("a .item-price").text() + "</td>"; //precio
htmltable += "</tr>";
});
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '5') {
if ($(".list-slider-54131 .cardtype05-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54131 .cardtype05-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".text-destination-sc").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-sc").text() + "</td>"; //texto
htmltable += "<td>" + $(this).find(".cardtype05-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".text-card-sc").text() + "</td>"; //texto plan
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-xs").text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-lg").text() + "</td>"; //precio
htmltable += "<td>" + order + "</td>"; //precio
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '6') {
if ($(".list-slider-54131 .cardtype06-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-54131 .cardtype06-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .logo-image-bottom img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-md:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-lg:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(1)").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '7') {
if ($(".list-slider-54131 .cardtype07-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-54131 .cardtype07-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-image-bottom p").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-star .text-disabled").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-card-md:eq(0)").text() + "</td>";
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + "-";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
htmltable += "<td>" + lstoptions + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-text img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-title").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-lg").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
setTimeout(function() {
var csv = $("#tabletodownload").table2csv({
separator: format,
newline: '\n',
quoteFields: true,
excludeColumns: '',
excludeRows: '',
trimContent: true
});
}, 500);
});
$("#btn-option-import-54131").on("click", function(e) {
e.preventDefault();
$("#myModal-54131").modal();
});
$("#btn-sort-cards-54131").on("click", function(e) {
e.preventDefault();
var typecard = '4';
$(this).css("display", "none");
$("#btn-save-cards-54131").css("display", "inline");
$(".list-slider-54131").attr("id", "sortable-54131");
if (typecard == '1') {
$(".list-slider-54131 .cardtype01-panel").addClass("ui-state-default");
}
if (typecard == '2') {
$(".list-slider-54131 .cardtype02-panel").addClass("ui-state-default");
}
if (typecard == '4') {
$(".list-slider-54131 .cardtype03-panel").addClass("ui-state-default");
}
if (typecard == '3') {
$(".list-destinations-54131").attr("id", "sortable-54131");
$(".list-destinations-54131 .cardtype04-panel").addClass("ui-state-default");
}
if (typecard == '5') {
$(".list-slider-54131 .cardtype05-panel").addClass("ui-state-default");
}
if (typecard == '6') {
$(".list-slider-54131 .cardtype06-panel").addClass("ui-state-default");
}
if (typecard == '7') {
$(".list-slider-54131 .cardtype07-panel").addClass("ui-state-default");
}
setTimeout(function() {
$("#sortable-54131").sortable();
$("#sortable-54131").disableSelection();
}, 500);
});
$("#btn-save-cards-54131").on("click", function(e) {
e.preventDefault();
var objItemsCard = new Array();
var typecard = '4';
if (typecard == '1') {
if ($(".list-slider-54131 .cardtype01-content").length > 0) {
$(".list-slider-54131 .cardtype01-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype01-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype01-data h2").text();
dataItemArr.Description = $(this).find(".cardtype01-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype01-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype01-data p").eq(2).text();
dataItemArr.ConfirmationText = $(this).find(".cardtype01-data p").eq(3).text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-54131 .cardtype02-content").length > 0) {
$(".list-slider-54131 .cardtype02-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype02-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype02-data p").eq(1).text().trim();
dataItemArr.Description = $(this).find(".cardtype02-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype02-data p").eq(2).text();
dataItemArr.Price = $(this).find(".cardtype02-data p").eq(3).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype02-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-rect").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype02-data p").eq(4).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-54131 .cardtype03-content").length > 0) {
$(".list-slider-54131 .cardtype03-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype03-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-card").text();
dataItemArr.Description = $(this).find(".cardtype03-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype03-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype03-data p").eq(2).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype03-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-obal").text();
dataItemArr.NumberStars = $(this).find(".cardtype03-data .text-star span").text();
dataItemArr.Accommodation = $(this).find(".cardtype03-data p").eq(3).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '5') {
if ($(".list-slider-54131 .cardtype05-content").length > 0) {
$(".list-slider-54131 .cardtype05-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype05-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-sc").text();
dataItemArr.Description = $(this).find(".text-card-sc").text();
dataItemArr.Availability = $(this).find(".price-card-sc .text-card-xs").text();
dataItemArr.Price = $(this).find(".price-card-sc .text-card-lg").text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".text-promotion-sc").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-54131 .cardtype06-content").length > 0) {
$(".list-slider-54131 .cardtype06-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype06-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype06-data h2").text();
dataItemArr.Description = $(this).find(".cardtype06-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype06-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype06-data .text-card-lg:eq(0)").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype06-data .text-card-sm:eq(0)").text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".cardtype06-data .logo-image-bottom img").attr("src");
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype06-data .text-card-sm:eq(1)").text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-54131 .cardtype07-content").length > 0) {
$(".list-slider-54131 .cardtype07-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + ",";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
var infoairline = "";
if ($(this).find(".cardtype07-data .card-icon-text img").attr("src") != "" || $(this).find(".cardtype07-data .card-icon-title").text() != "") {
infoairline = $(this).find(".cardtype07-data .card-icon-title").text() + "^" + $(this).find(".cardtype07-data .card-icon-text img").attr("src");
}
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype07-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype07-data h2").text();
dataItemArr.Description = $(this).find(".cardtype07-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype07-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype07-price .text-card-lg").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype07-price .text-card-md").text();
dataItemArr.HotelName = infoairline;
dataItemArr.PromotionMessage = $(this).find(".cardtype07-data .text-image-bottom p").text();
dataItemArr.NumberStars = $(this).find(".cardtype07-data .text-star .text-disabled").text();
dataItemArr.Accommodation = lstoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-54131 .cardtype04-content").length > 0) {
$(".list-destinations-54131 .cardtype04-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype04-head img").attr("src");
dataItemArr.Link = "#";
dataItemArr.DestinationName = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = $(this).find(".listdestinationid").text();
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/OrderCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
});
function detailsItemsTypeCard(dataItem) {
var typecard = '4';
if (typecard == '1') {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[2];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[4];
dataItemArr.Price = dataItem[5];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '2') {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[8];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '4') {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[8];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[9];
dataItemArr.NumberStars = dataItem[3];
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[10];
}
if (typecard == '5') {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[3];
dataItemArr.DestinationName = dataItem[0];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '6') {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[5];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[7];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[2];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[8];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '7') {
var dataItemArr = {};
dataItemArr.ModuleId = '54131';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[6];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[11];
dataItemArr.ConfirmationText = dataItem[10];
dataItemArr.HotelName = dataItem[9] + "^" + dataItem[8];
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = dataItem[5];
var listoptions = "";
if (dataItem[7] != "" && typeof dataItem[7] != 'undefined') {
listoptions = dataItem[7].replace(/-/g, ",");
}
dataItemArr.Accommodation = listoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[12];
}
return dataItemArr;
}
});
</script>
</div>
</div><!-- End_Module_54131 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-ViewDesign DnnModule-54132"><a name="54132"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr54132_ContentPane"><!-- Start_Module_54132 -->
<div id="dnn_ctr54132_ModuleContent" class="DNNModuleContent ModViewDesignC">
<div id="mvcContainer-54132">
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-sortable.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery-ui.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/popper.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/table2csv.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/items.Script.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/dropzone.min.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.bvalidator.js"></script>
<script src="/DesktopModules/MVC/ViewDesign/Scripts/jquery.tagsinput.js"></script>
<link href="/DesktopModules/MVC/ViewDesign/Content/font-awesome.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/itemsSettings.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/dropzone.min.css" rel="stylesheet">
<link href="/DesktopModules/MVC/ViewDesign/Content/jquery.bvalidator.css" rel="stylesheet">
<link rel="stylesheet" href="/DesktopModules/MVC/ViewDesign/Content/itemsDefault.css">
<style>
.DnnModule-ViewDesign .heading_wrapper h2 {
display: block;
}
</style>
<div id="menuitems-wrap-54132" class="content-wrap content-wrap-viewdesign">
<div class="row">
<div class="options-data-cards">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
</div>
</div>
</div>
<div class="row">
<div class="listandpack-id">
<div class="listandpack-container">
<div id="cardtype">
<div class="row">
<div class="list-slider-54132">
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-4 col-lg-4 default">
<div class="cardtype03-content">
<div class="idCard">7733</div>
<a href="Lorem Ipsum" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/south-america.jpg">
<div class="text-destination-card">Lorem Ipsum</div>
<div class="text-promotion-obal">Lorem Ipsum</div>
</div>
<div class="cardtype03-data">
<h2>Lorem Ipsum</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">6</span>
</div>
<p class="text-card-md">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-card-lg">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-disabled">1</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-4 col-lg-4 default">
<div class="cardtype03-content">
<div class="idCard">7734</div>
<a href="Lorem Ipsum" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/south-america.jpg">
<div class="text-destination-card">Lorem Ipsum</div>
<div class="text-promotion-obal">Lorem Ipsum</div>
</div>
<div class="cardtype03-data">
<h2>Lorem Ipsum</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">6</span>
</div>
<p class="text-card-md">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-card-lg">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-disabled">2</p>
</div>
</a>
</div>
</div>
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-4 col-lg-4 default">
<div class="cardtype03-content">
<div class="idCard">7735</div>
<a href="Lorem Ipsum" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1179/Images/south-america.jpg">
<div class="text-destination-card">Lorem Ipsum</div>
<div class="text-promotion-obal">Lorem Ipsum</div>
</div>
<div class="cardtype03-data">
<h2>Lorem Ipsum</h2>
<div class="text-star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="text-disabled">6</span>
</div>
<p class="text-card-md">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-card-lg">Lorem Ipsum</p>
<p class="text-card-xs">Lorem Ipsum</p>
<p class="text-disabled">3</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tabletodownContenty">
<table id="tabletodownload" style="border: 1px solid #000;"></table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal-54132" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-center">
<div class="modal-dialog .modal-align-center">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Importar información</h4>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Cerrar</span>
</button>
</div>
<div class="modal-body">
<label for="name">Seleccione un archivo con extensión .csv</label>
<input type="file" name="filename-54132" id="filename-54132">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<!--<button type="button" class="btn btn-primary" id="saveImportData">Guardar</button>-->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).on("click", ".btn-delete-54132", function(e) {
e.preventDefault();
if (confirm("Desea eliminar el elemento seleccionado?")) {
var dataCard = {
CardId: $(this).attr('data-delidcard'),
ModuleId: 54132
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitItemList",
data: JSON.stringify(dataCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
}
});
$(document).ready(function() {
var isString = '';
var windowWidth = $(window).width();
var maxSlides = 12 / parseInt('4');
if (maxSlides == '4') {
var slideWidth = 293;
} else if (maxSlides == '3') {
var slideWidth = 392;
} else if (maxSlides == '2') {
var slideWidth = 580;
}
if (windowWidth > 768 && windowWidth <= 1024) {
slideWidth = 310;
maxSlides = 3;
} else if (windowWidth > 480 && windowWidth <= 768) {
slideWidth = 355;
maxSlides = 2;
} else if (windowWidth <= 480) {
slideWidth = 760;
maxSlides = 1;
}
$("#btn-save-cards-54132").css("display", "none");
if (isString == "True") {
var touchEnabled = true;
if (windowWidth > 768) {
touchEnabled = false
}
$(".list-slider-54132").bxSlider({
pager: true,
controls: true,
minSlides: 1,
maxSlides: maxSlides,
slideWidth: slideWidth,
slideMargin: 0,
touchEnabled: touchEnabled,
auto: true,
autoHover: true,
pause: 9000
});
$(".list-slider-54132").parent().parent().find(".bx-controls-direction a").text("");
$(".list-slider-54132").parent().parent().find(".bx-controls-direction a:eq(1)").append('<i class="fa fa-chevron-right" aria-hidden="true"></i>');
$(".list-slider-54132").parent().parent().find(".bx-controls-direction a:eq(0)").append('<i class="fa fa-chevron-left" aria-hidden="true"></i>');
$("#btn-sort-cards-54132").css("display", "none");
} else {
$("#btn-sort-cards-54132").css("display", "inline");
}
setTimeout(function() {
$(".DnnModule-ViewDesign").each(function() {
var thismoduleid = $(this).find("a").eq(0).attr("name");
var moduleadditem = $("#moduleActions-" + thismoduleid + " .dnn_mact .actionMenuEdit ul li:eq(0) a").attr("href");
$("#btn-option-additem-" + thismoduleid).attr("href", moduleadditem);
});
}, 1000);
//leer archivo csv
$("#filename-54132").change(function(e) {
var ext = $("input#filename-54132").val().split(".").pop().toLowerCase();
if ($.inArray(ext, ["csv"]) == -1) {
alert("El archivo debe ser csv");
return false;
}
if (e.target.files != undefined) {
var reader = new FileReader();
reader.onload = function(e) {
var lines = e.target.result.split('\r\n');
var objItemsCard = new Array();
var objItemsDestinations = new Array();
var listCards = new Array();
var typecard = '4';
for (i = 0; i < lines.length; i++) {
if (i > 0) {
var infoitemread = lines[i].replace(/,/g, ";");
var infoItem = infoitemread.split(";");
if (typecard == '3') {
listCards.push(infoItem[0]);
objItemsDestinations.push(infoItem);
} else {
if (infoItem[2] != "") {
var arrItem = detailsItemsTypeCard(infoItem);
objItemsCard.push(arrItem);
}
}
}
}
if (typecard == '1') {
if ($(".list-slider-54132 .cardtype01-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54132 .cardtype01-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-54132 .cardtype02-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54132 .cardtype02-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-54132 .cardtype03-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54132 .cardtype03-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-54132 .cardtype04-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-destinations-54132 .cardtype04-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
//solo para card de destinos
listCards = listCards.filter(function(item, index, self) {
return self.indexOf(item) == index;
});
for (var i = 0; i < listCards.length; i++) {
var imageCard = "";
var nameCard = "";
var arrItems = [];
var itemnum = 1;
$.each(objItemsDestinations, function(index, item) {
if (item[0] == listCards[i]) {
var dataItemunit = {};
imageCard = item[1];
nameCard = item[2];
dataItemunit['itemnum'] = itemnum++;
dataItemunit['link'] = item[3];
dataItemunit['destination'] = item[4];
dataItemunit['price'] = item[5];
arrItems.push(dataItemunit);
}
});
if (typeof nameCard !== 'undefined') {
order = i + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = imageCard;
dataItemArr.Link = "#";
dataItemArr.DestinationName = nameCard;
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = JSON.stringify(arrItems);
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
}
}
}
if (typecard == '5') {
if ($(".list-slider-54132 .cardtype05-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54132 .cardtype05-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-54132 .cardtype06-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54132 .cardtype06-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-54132 .cardtype07-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-54132 .cardtype07-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
//eliminar todos los items del módulo
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/QuitListCards",
data: JSON.stringify(objItemsModuleId),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
//guardar información del archivo importado
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/ImportCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
};
reader.readAsBinaryString(e.target.files.item(0));
setTimeout(function() {
location.reload();
}, 500);
}
return false;
});
$("#btn-option-export-54132").click(function(e) {
e.preventDefault();
$("#formats-export-csv-54132").toggle(500);
$("#formats-export-csv-54132").slideDown.delay(10000).fadein(10000);
$("#formats-export-csv-54132").animate
});
$(".expcsvformat-54132").click(function(e) {
e.preventDefault();
var typecard = '4';
var htmltable = '';
var formatselected = $(this).attr('data-format');
var format = ";";
if (formatselected == "coma") {
format = ",";
}
$("#tabletodownload tr").remove();
if (typecard == '1') {
if ($(".list-slider-54132 .cardtype01-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54132 .cardtype01-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype01-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-content .cardtype01-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype01-data h2").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(1).text() + "</td>"; //disponibilidad
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(3).text() + "</td>"; //texto confirmacion
htmltable += "<td>" + $(this).find(".cardtype01-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Subtítulo</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '2') {
if ($(".list-slider-54132 .cardtype02-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54132 .cardtype02-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype02-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-content .cardtype02-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype02-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(1).text().trim() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(2).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(3).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(4).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-promotion-rect").text() + "</td>"; //texto promocion
htmltable += "<td>" + $(this).find(".cardtype02-data p").eq(5).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Ubicación</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Texto promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '4') {
if ($(".list-slider-54132 .cardtype03-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54132 .cardtype03-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".cardtype03-content a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-content .cardtype03-image img").attr('src') + "</td>";
htmltable += "<td>" + $(this).find(".cardtype03-data h2").text() + "</td>"; //hotel
htmltable += "<td>" + $(this).find(".cardtype03-data .text-star span").text() + "</td>"; //estrellas
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(0).text() + "</td>"; //descripcion
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(1).text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(2).text() + "</td>"; //precio
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(3).text() + "</td>"; //acomodacion
htmltable += "<td>" + $(this).find(".text-destination-card").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-obal").text() + "</td>"; //descuento
htmltable += "<td>" + $(this).find(".cardtype03-data p").eq(4).text() + "</td>"; //orden
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Texto de promoción</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '3') {
if ($(".list-destinations-54132 .cardtype04-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$(".list-destinations-54132 .cardtype04-panel").each(function(index) {
order = index + 1;
var srcimage = $(this).find(".cardtype04-head img").attr("src");
var nomgeneral = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
$(this).find(".cardtype04-data .item-destination").each(function(index) {
htmltable += "<tr>";
htmltable += "<td>Card" + order + "</td>";
htmltable += "<td>" + srcimage + "</td>";
htmltable += "<td>" + nomgeneral + "</td>";
htmltable += "<td>" + $(this).find("a").attr('href') + "</td>";
htmltable += "<td>" + $(this).find("a .item-destino").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find("a .item-price").text() + "</td>"; //precio
htmltable += "</tr>";
});
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>ID Card (no cambiar)</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Destino</th>";
htmltable += "<th>Precio</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '5') {
if ($(".list-slider-54132 .cardtype05-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$(".list-slider-54132 .cardtype05-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find(".text-destination-sc").text() + "</td>"; //destino
htmltable += "<td>" + $(this).find(".text-promotion-sc").text() + "</td>"; //texto
htmltable += "<td>" + $(this).find(".cardtype05-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".text-card-sc").text() + "</td>"; //texto plan
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-xs").text() + "</td>"; //texto precio
htmltable += "<td>" + $(this).find(".price-card-sc .text-card-lg").text() + "</td>"; //precio
htmltable += "<td>" + order + "</td>"; //precio
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Título secundario</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden tarjeta</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '6') {
if ($(".list-slider-54132 .cardtype06-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-54132 .cardtype06-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .logo-image-bottom img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-md:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-lg:eq(0)").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype06-data .text-card-sm:eq(1)").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
if (typecard == '7') {
if ($(".list-slider-54132 .cardtype07-panel").length > 0) {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$(".list-slider-54132 .cardtype07-panel").each(function(index) {
order = index + 1;
htmltable += "<tr>";
htmltable += "<td>" + $(this).find("a").attr("href") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-image-bottom p").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-image img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .subtitle-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data h2").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-star .text-disabled").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .text-card-md:eq(0)").text() + "</td>";
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + "-";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
htmltable += "<td>" + lstoptions + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-text img").attr("src") + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-data .card-icon-title").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-md").text() + "</td>";
htmltable += "<td>" + $(this).find(".cardtype07-price .text-card-lg").text() + "</td>";
htmltable += "<td>" + order + "</td>";
htmltable += "</tr>";
});
$("#tabletodownload").append(htmltable);
} else {
htmltable += "<tr>";
htmltable += "<th>Link al resultado de búsqueda</th>";
htmltable += "<th>Texto A</th>";
htmltable += "<th>Url de la imagen a mostrar</th>";
htmltable += "<th>Texto B</th>";
htmltable += "<th>Título principal</th>";
htmltable += "<th>Número de estrellas</th>";
htmltable += "<th>Texto C</th>";
htmltable += "<th>Opciones (Ingrese las opciones separadas por -)</th>";
htmltable += "<th>Url del logo a mostrar</th>";
htmltable += "<th>Texto D</th>";
htmltable += "<th>Texto E</th>";
htmltable += "<th>Precio</th>";
htmltable += "<th>Orden</th>";
htmltable += "</tr>";
$("#tabletodownload").append(htmltable);
}
}
setTimeout(function() {
var csv = $("#tabletodownload").table2csv({
separator: format,
newline: '\n',
quoteFields: true,
excludeColumns: '',
excludeRows: '',
trimContent: true
});
}, 500);
});
$("#btn-option-import-54132").on("click", function(e) {
e.preventDefault();
$("#myModal-54132").modal();
});
$("#btn-sort-cards-54132").on("click", function(e) {
e.preventDefault();
var typecard = '4';
$(this).css("display", "none");
$("#btn-save-cards-54132").css("display", "inline");
$(".list-slider-54132").attr("id", "sortable-54132");
if (typecard == '1') {
$(".list-slider-54132 .cardtype01-panel").addClass("ui-state-default");
}
if (typecard == '2') {
$(".list-slider-54132 .cardtype02-panel").addClass("ui-state-default");
}
if (typecard == '4') {
$(".list-slider-54132 .cardtype03-panel").addClass("ui-state-default");
}
if (typecard == '3') {
$(".list-destinations-54132").attr("id", "sortable-54132");
$(".list-destinations-54132 .cardtype04-panel").addClass("ui-state-default");
}
if (typecard == '5') {
$(".list-slider-54132 .cardtype05-panel").addClass("ui-state-default");
}
if (typecard == '6') {
$(".list-slider-54132 .cardtype06-panel").addClass("ui-state-default");
}
if (typecard == '7') {
$(".list-slider-54132 .cardtype07-panel").addClass("ui-state-default");
}
setTimeout(function() {
$("#sortable-54132").sortable();
$("#sortable-54132").disableSelection();
}, 500);
});
$("#btn-save-cards-54132").on("click", function(e) {
e.preventDefault();
var objItemsCard = new Array();
var typecard = '4';
if (typecard == '1') {
if ($(".list-slider-54132 .cardtype01-content").length > 0) {
$(".list-slider-54132 .cardtype01-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype01-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype01-data h2").text();
dataItemArr.Description = $(this).find(".cardtype01-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype01-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype01-data p").eq(2).text();
dataItemArr.ConfirmationText = $(this).find(".cardtype01-data p").eq(3).text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-54132 .cardtype02-content").length > 0) {
$(".list-slider-54132 .cardtype02-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype02-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype02-data p").eq(1).text().trim();
dataItemArr.Description = $(this).find(".cardtype02-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype02-data p").eq(2).text();
dataItemArr.Price = $(this).find(".cardtype02-data p").eq(3).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype02-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-rect").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype02-data p").eq(4).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-54132 .cardtype03-content").length > 0) {
$(".list-slider-54132 .cardtype03-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype03-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-card").text();
dataItemArr.Description = $(this).find(".cardtype03-data p").eq(0).text();
dataItemArr.Availability = $(this).find(".cardtype03-data p").eq(1).text();
dataItemArr.Price = $(this).find(".cardtype03-data p").eq(2).text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = $(this).find(".cardtype03-data h2").text();
dataItemArr.PromotionMessage = $(this).find(".text-promotion-obal").text();
dataItemArr.NumberStars = $(this).find(".cardtype03-data .text-star span").text();
dataItemArr.Accommodation = $(this).find(".cardtype03-data p").eq(3).text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '5') {
if ($(".list-slider-54132 .cardtype05-content").length > 0) {
$(".list-slider-54132 .cardtype05-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype05-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".text-destination-sc").text();
dataItemArr.Description = $(this).find(".text-card-sc").text();
dataItemArr.Availability = $(this).find(".price-card-sc .text-card-xs").text();
dataItemArr.Price = $(this).find(".price-card-sc .text-card-lg").text();
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".text-promotion-sc").text();
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-54132 .cardtype06-content").length > 0) {
$(".list-slider-54132 .cardtype06-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype06-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype06-data h2").text();
dataItemArr.Description = $(this).find(".cardtype06-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype06-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype06-data .text-card-lg:eq(0)").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype06-data .text-card-sm:eq(0)").text();
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = $(this).find(".cardtype06-data .logo-image-bottom img").attr("src");
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = $(this).find(".cardtype06-data .text-card-sm:eq(1)").text();
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-54132 .cardtype07-content").length > 0) {
$(".list-slider-54132 .cardtype07-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
var lstoptions = "";
$(this).find(".list-card-options .item-list-options").each(function() {
lstoptions += $(this).text() + ",";
});
lstoptions = lstoptions.substring(0, lstoptions.length - 1);
var infoairline = "";
if ($(this).find(".cardtype07-data .card-icon-text img").attr("src") != "" || $(this).find(".cardtype07-data .card-icon-title").text() != "") {
infoairline = $(this).find(".cardtype07-data .card-icon-title").text() + "^" + $(this).find(".cardtype07-data .card-icon-text img").attr("src");
}
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype07-image img").attr("src");
dataItemArr.Link = $(this).find("a").attr("href");
dataItemArr.DestinationName = $(this).find(".cardtype07-data h2").text();
dataItemArr.Description = $(this).find(".cardtype07-data .text-card-md:eq(0)").text();
dataItemArr.Availability = $(this).find(".cardtype07-data .subtitle-card-md").text();
dataItemArr.Price = $(this).find(".cardtype07-price .text-card-lg").text();
dataItemArr.ConfirmationText = $(this).find(".cardtype07-price .text-card-md").text();
dataItemArr.HotelName = infoairline;
dataItemArr.PromotionMessage = $(this).find(".cardtype07-data .text-image-bottom p").text();
dataItemArr.NumberStars = $(this).find(".cardtype07-data .text-star .text-disabled").text();
dataItemArr.Accommodation = lstoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-54132 .cardtype04-content").length > 0) {
$(".list-destinations-54132 .cardtype04-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '4';
dataItemArr.Image = $(this).find(".cardtype04-head img").attr("src");
dataItemArr.Link = "#";
dataItemArr.DestinationName = $(this).find(".cardtype04-head .cardtype04-destination h2").text();
dataItemArr.Description = "";
dataItemArr.Availability = "";
dataItemArr.Price = "";
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = $(this).find(".listdestinationid").text();
dataItemArr.CardSort = order;
objItemsCard.push(dataItemArr);
});
}
}
$.ajax({
url: "/DesktopModules/NetacticaServices/API/ViewDesign/OrderCard",
data: JSON.stringify(objItemsCard),
contentType: "application/json; charset=utf-8",
type: 'POST',
async: false,
success: function(data) {}
});
setTimeout(function() {
location.reload();
}, 500);
});
function detailsItemsTypeCard(dataItem) {
var typecard = '4';
if (typecard == '1') {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[2];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[4];
dataItemArr.Price = dataItem[5];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = "";
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '2') {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[3];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[8];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '4') {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[8];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = dataItem[2];
dataItemArr.PromotionMessage = dataItem[9];
dataItemArr.NumberStars = dataItem[3];
dataItemArr.Accommodation = dataItem[7];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[10];
}
if (typecard == '5') {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[3];
dataItemArr.DestinationName = dataItem[0];
dataItemArr.Description = dataItem[4];
dataItemArr.Availability = dataItem[5];
dataItemArr.Price = dataItem[6];
dataItemArr.ConfirmationText = "";
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = "";
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[7];
}
if (typecard == '6') {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[1];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[5];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[7];
dataItemArr.ConfirmationText = dataItem[6];
dataItemArr.HotelName = "";
dataItemArr.PromotionMessage = dataItem[2];
dataItemArr.NumberStars = "";
dataItemArr.Accommodation = dataItem[8];
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[9];
}
if (typecard == '7') {
var dataItemArr = {};
dataItemArr.ModuleId = '54132';
dataItemArr.CardStyleID = '4';
dataItemArr.Image = dataItem[2];
dataItemArr.Link = dataItem[0];
dataItemArr.DestinationName = dataItem[4];
dataItemArr.Description = dataItem[6];
dataItemArr.Availability = dataItem[3];
dataItemArr.Price = dataItem[11];
dataItemArr.ConfirmationText = dataItem[10];
dataItemArr.HotelName = dataItem[9] + "^" + dataItem[8];
dataItemArr.PromotionMessage = dataItem[1];
dataItemArr.NumberStars = dataItem[5];
var listoptions = "";
if (dataItem[7] != "" && typeof dataItem[7] != 'undefined') {
listoptions = dataItem[7].replace(/-/g, ",");
}
dataItemArr.Accommodation = listoptions;
dataItemArr.ListOfDestinations = "";
dataItemArr.CardSort = dataItem[12];
}
return dataItemArr;
}
});
</script>
</div>
</div><!-- End_Module_54132 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-54161"><a name="54161"></a>
<div class="cms-flex__title_h2_center">
<h2><span id="dnn_ctr54161_dnnTITLE_titleLabel" class="titulo">Specialist</span>
</h2>
<div id="dnn_ctr54161_ContentPane"><!-- Start_Module_54161 -->
<div id="dnn_ctr54161_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr54161_HtmlModule_lblContent" class="Normal">
<style type="text/css">
.social-link {
width: 30px;
height: 30px;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
color: #666;
border-radius: 50%;
transition: all 0.3s;
font-size: 0.9rem;
}
.teamhead {
font-size: 20px;
color: #007eff;
font-weight: bold;
}
.teamsub {
color: #d80f00;
font-size: 18px;
}
</style>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<div class="py-5" style="margin-bottom:125px;">
<div class="row text-center"><!-- Team item-->
<div class="col-xl-3 col-sm-4 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4"><img alt="" class="img-fluid rounded-circle mb-3 img-thumbnail img-circle shadow-sm" src="/portals/1171/Images/AngelaAlzate.png" width="150">
<h3 class="teamhead">Angela Alzate</h3>
<h4 class="teamsub">Client Specialist</h4>
<h4 class="teamsub">North Bergen NJ</h4>
<h4 class="teamsub">201 868 6080</h4>
<h4 class="teamsub">L-V 10.00-18.00 hrs S 10.00-14.00</h4>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<!-- End--><!-- Team item-->
<div class="col-xl-3 col-sm-4 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4"><img alt="" class="img-fluid rounded-circle mb-3 img-thumbnail img-circle shadow-sm" src="/portals/1171/Images/FaisuryBernal.png" width="150">
<h3 class="teamhead">Faisury Bernal</h3>
<h4 class="teamsub">Call Center</h4>
<h4 class="teamsub">TollFree 877 276 537</h4>
<h4 class="teamsub">L-V 14.00-20.00 hrs S 14.00-17.00 </h4>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-phone"></i></a></li>
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<!-- End--><!-- Team item-->
<div class="col-xl-3 col-sm-4 mb-5">
<div class="bg-white rounded shadow-sm py-5 px-4"><img alt="" class="img-fluid rounded-circle mb-3 img-thumbnail img-circle shadow-sm" src="/portals/1171/Images/MaryGaviria.png" width="150">
<h3 class="teamhead">Mary Gaviria</h3>
<h4 class="teamsub">Groups and excursions</h4>
<h4 class="teamsub">Dover NJ</h4>
<h4 class="teamsub">973 361 7977</h4>
<h4 class="teamsub">L-V 10.00-18.00 hrs S 10.00-14.00 </h4>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-whatsapp"></i></a></li>
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-phone"></i></a></li>
<li class="list-inline-item"><a class="social-link" href="#"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<!-- End--><!-- Team item-->
</div>
</div>
</div>
</div><!-- End_Module_54161 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-NetSlider DnnModule-38028"><a name="38028"></a>
<div class="cms-flex__title_h2_center">
<h2><span id="dnn_ctr38028_dnnTITLE_titleLabel" class="titulo">Associated Airlines</span>
</h2>
<div id="dnn_ctr38028_ContentPane"><!-- Start_Module_38028 -->
<div id="dnn_ctr38028_ModuleContent" class="DNNModuleContent ModNetSliderC">
<div id="mvcContainer-38028">
<link href="/DesktopModules/MVC/NetSlider/Content/netSlider.styles.css" rel="stylesheet">
<div id="Items-38028">
<div class="bx-wrapper no-border" style="max-width: 1058px;">
<div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative; height: 75.2188px;">
<div id="netSlider-38028" class="slider netSlider-container" style="width: 9215%; position: relative; transition-duration: 0.5s; transform: translate3d(-2216px, 0px, 0px);">
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.iberia.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/iberia.png" alt="iberia"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.jetblue.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/jetblue.png" alt="jetblue"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.united.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/United.png" alt="United"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.avianca.com/us/en/" target="_blank" class="addSessionToken"><img src="/portals/1171/Images/Carousel/avianca-logo.png" alt="avianca"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://aeromexico.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/aeromexico.png" alt="aeromexico"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.aireuropa.com/ot/en/home" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/aireuropa.png" alt="airEuropa"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.americanairlines.in/intl/in/index.jsp" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/American-Airlines.png" alt="American-Airlines"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.copaair.com/es/web/gs" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/Copa.png" alt="Copa"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="false">
<a href="https://www.delta.com/" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/Delta.png" alt="Delta"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="false">
<a href="https://www.iberia.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/iberia.png" alt="iberia"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="false">
<a href="https://www.jetblue.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/jetblue.png" alt="jetblue"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="false">
<a href="https://www.united.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/United.png" alt="United"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.avianca.com/us/en/" target="_blank" class="addSessionToken"><img src="/portals/1171/Images/Carousel/avianca-logo.png" alt="avianca"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://aeromexico.com" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/aeromexico.png" alt="aeromexico"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.aireuropa.com/ot/en/home" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/aireuropa.png" alt="airEuropa"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.americanairlines.in/intl/in/index.jsp" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/American-Airlines.png" alt="American-Airlines"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 227px; margin-right: 50px;" aria-hidden="true">
<a href="https://www.copaair.com/es/web/gs" target="_blank" class="addSessionToken"><img src="/portals/1171/images/Carousel/Copa.png" alt="Copa"></a></div>
</div>
</div>
</div>
</div>
<style>
#mvcContainer-38028 .bx-wrapper .bx-pager.bx-default-pager a {
background: #000000;
}
#mvcContainer-38028 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mvcContainer-38028 .bx-wrapper .bx-pager.bx-default-pager a.active,
#mvcContainer-38028 .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #808080;
}
</style>
<script>
$(document).ready(function() {
var screeenWidth = $(window).width();
var moduleId = '38028';
var arrows = 'False';
var arrowsColor = '808080';
var transitionSpeed = '500';
var slidePause = '3000';
var transitionEffect = 'horizontal';
var autoPlay = 'True';
var sliderBorder = 'False';
var caption = 'False';
var random = 'False';
var bullets = 'False';
var bulletsColor = '000000';
var bulletsActiveColor = '808080';
var loop = 'True';
var carrousel = 'True';
var columnsCarrousel = '4';
var columnsCarrouselMargin = '50';
var moduleSettings = {
moduleId: moduleId,
arrows: arrows == "True" ? true : false,
arrowsColor: arrowsColor,
transitionSpeed: parseInt(transitionSpeed),
slidePause: parseInt(slidePause),
transitionEffect: transitionEffect,
autoPlay: autoPlay == "True" ? true : false,
sliderBorder: sliderBorder == "True" ? true : false,
caption: caption == "True" ? true : false,
random: random == "True" ? true : false,
bullets: bullets == "True" ? true : false,
bulletsColor: bulletsColor,
bulletsActiveColor: bulletsActiveColor,
loop: loop == "True" ? true : false,
carrousel: carrousel == "True" ? true : false,
columnsCarrousel: parseInt(columnsCarrousel),
columnsCarrouselMargin: columnsCarrouselMargin
}
var slideWidth = 0;
var slideMargin = 0;
if (moduleSettings.carrousel && screeenWidth > 768) {
var containerWidth = $("#netSlider-" + moduleSettings.moduleId).width();
slideMargin = moduleSettings.columnsCarrouselMargin;
console.log(slideMargin);
slideWidth = containerWidth / moduleSettings.columnsCarrousel;
slideWidth = slideWidth - slideMargin;
}
var touchEnabled = true;
if (screeenWidth > 768) {
touchEnabled = false
}
$("#netSlider-" + moduleSettings.moduleId).bxSlider({
controls: moduleSettings.arrows,
speed: moduleSettings.transitionSpeed,
pause: moduleSettings.slidePause,
mode: moduleSettings.transitionEffect,
auto: moduleSettings.autoPlay,
captions: moduleSettings.caption,
randomStart: moduleSettings.random,
infiniteLoop: moduleSettings.loop,
pager: moduleSettings.bullets,
minSlides: 1,
maxSlides: moduleSettings.columnsCarrousel,
slideWidth: slideWidth,
slideMargin: parseInt(moduleSettings.columnsCarrouselMargin),
adaptiveHeight: false,
nextText: '<i class="fa fa-chevron-right"></i>',
prevText: '<i class="fa fa-chevron-left"></i>',
touchEnabled: touchEnabled
});
if (!moduleSettings.sliderBorder) {
$("#mvcContainer-" + moduleSettings.moduleId + " .bx-wrapper").addClass("no-border");
}
$("#mvcContainer-" + moduleSettings.moduleId + " .bx-wrapper .bx-prev").css("background-color", "#" + moduleSettings.arrowsColor);
$("#mvcContainer-" + moduleSettings.moduleId + " .bx-wrapper .bx-next").css("background-color", "#" + moduleSettings.arrowsColor);
});
</script>
</div>
</div><!-- End_Module_38028 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="mainContent-inner">
<div class="row dnnpane">
<div id="dnn_ContentPane" class="col-md-12 contentPane DNNEmptyPane"></div>
</div>
</div>
</div>
<div class="cms-flex__page-content-full cms-flex__pageHome">
<div class="container">
<div class="row dnnpane">
<div id="dnn_ContentPaneBG" class="col-md-12 contentPane cms-flex__panelbg">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-38029"><a name="38029"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr38029_ContentPane"><!-- Start_Module_38029 -->
<div id="dnn_ctr38029_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr38029_HtmlModule_lblContent" class="Normal">
<div style="text-align: center; "><a href="tel:+1218686080"><img src="/portals/1179/Images/spanish-information-english.png" style="height:92px;"></a></div>
</div>
</div><!-- End_Module_38029 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="row dnnpane">
<div id="dnn_P1_75_1_BG" class="col-md-8 spacingTop cms-flex__panelbg DNNEmptyPane"></div>
<div id="dnn_P1_25_2_BG" class="col-md-4 spacingTop cms-flex__panelbg DNNEmptyPane"></div>
</div>
</div>
</div>
<div class="container cms-flex__page-content">
<div class="row dnnpane">
<div id="dnn_P1_75_1" class="col-md-8 spacingTop DNNEmptyPane"></div>
<div id="dnn_P1_25_2" class="col-md-4 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_P2_25_1" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_P2_75_2" class="col-md-8 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_P3_33_1" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_P3_33_2" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_P3_33_3" class="col-md-4 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_ContentPaneLower" class="col-md-12 contentPane spacingTop">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-38031"><a name="38031"></a>
<div class="cms-flex__title_h2_center">
<h2><span id="dnn_ctr38031_dnnTITLE_titleLabel" class="titulo">Learn about our payment methods</span>
</h2>
<div id="dnn_ctr38031_ContentPane"><!-- Start_Module_38031 -->
<div id="dnn_ctr38031_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr38031_HtmlModule_lblContent" class="Normal">
<p id="payo" style="text-align: center;margin-top:10px"><img alt="" id="imageCards" src="/portals/1171/medios-de-pago.png?ver=46BGHHNv7XweSRh0Sr3Ulw%3d%3d" title=""></p>
</div>
</div><!-- End_Module_38031 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<!-- /.mainContent-inner -->
<!-- /.mainContent -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="footer">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=+15513276845&text=Hola%21%20Quisiera%20m%C3%A1s%20informacion." class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<div class="container">
<div class="row">
<div class="centralPane col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p>
<span id="dnn_dnnCopyright_lblCopyright" class="SkinObject">Copyright 2024 | Arnold Travel | All rights reserved</span>
</p>
<p><a href="tel:12018686080">+1
201-868-6080</a> | <a href="tel:9733617977">+1
973-361-7977</a> | <a href="mailto:onlineservices@arnoltravel.com">Onlineservices@arnoltravel.com</a>
</p>
<div class="cms-flex__redes-footer">
<p>Follow us: </p>
<a target="_blank" href="https://www.facebook.com/arnoldtraveltours/"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="https://www.instagram.com/arnoldtravel/"><i class="fa fa-instagram"></i></a>
<a target="_blank" href="https://www.youtube.com/@arnoldtravel"><i class="fa fa-youtube-play"></i></a>
</div>
</div>
<div class="centralPane col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="logos-footer-container">
<a href="https://www.netactica.com" target="_blank" class="logo-net"><img src="/Portals/1171/logoNetactica.png?ver=jR1oWi-U73wpVrGml3aE9A%3d%3d&timestamp=1622122162513"></a>
</div>
<div class="links-footer">
<a href="#">Terms and Conditions</a>
<a href="#">Privacy policies</a>
</div>
</div>
</div>
</div>
</footer>
<script>
var MessageBirdChatWidgetSettings = {
widgetId: '551c297b-7e5a-4b40-bbfc-f7bf8f3c4249',
initializeOnLoad: true,
};
! function() {
"use strict";
if (Boolean(document.getElementById("live-chat-widget-script"))) console.error("MessageBirdChatWidget: Snippet loaded twice on page");
else {
var e, t;
window.MessageBirdChatWidget = {}, window.MessageBirdChatWidget.queue = [];
for (var i = ["init", "setConfig", "toggleChat", "identify", "hide", "on", "shutdown"], n = function() {
var e = i[d];
window.MessageBirdChatWidget[e] = function() {
for (var t = arguments.length, i = new Array(t), n = 0; n < t; n++) i[n] = arguments[n];
window.MessageBirdChatWidget.queue.push([
[e, i]
])
}
}, d = 0; d < i.length; d++) n();
var a = (null === (e = window) || void 0 === e || null === (t = e.MessageBirdChatWidgetSettings) || void 0 === t ? void 0 : t.widgetId) || "",
o = function() {
var e, t = document.createElement("script");
t.type = "text/javascript", t.src = "https://livechat.messagebird.com/bootstrap.js?widgetId=".concat(a), t.async = !0, t.id = "live-chat-widget-script";
var i = document.getElementsByTagName("script")[0];
null == i || null === (e = i.parentNode) || void 0 === e || e.insertBefore(t, i)
};
"complete" === document.readyState ? o() : window.attachEvent ? window.attachEvent("onload", o) : window.addEventListener("load", o, !1)
}
}();
</script>
<!-- /.SiteWrapper -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!--CDF(Css|/Portals/1179/skins/net-base-skin/bootstrap/css/bootstrap.min.css?cdv=1722|DnnPageHeaderProvider|12)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/skin.css?cdv=1722|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/Css/colors.css?cdv=1722|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/Css/cms_flex_grid.css?cdv=1722|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/Css/header_footer_flex_transparent.css?cdv=1722|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/Css/cms_flex_panels.css?cdv=1722|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/Css/content_flex.css?cdv=1722|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/Css/containers.css?cdv=1722|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1179/skins/net-base-skin/Css/register_form.css?cdv=1722|DnnPageHeaderProvider|100)-->
<link rel="stylesheet" href="https://dnnprod.s3.amazonaws.com/css/jquery.bxslider.css">
<script src="https://dnnprod.s3.amazonaws.com/js/jquery.bxslider.min.js"></script>
<!--CDF(Javascript|/Portals/1179/skins/net-base-skin/bootstrap/js/bootstrap.min.js?cdv=1722|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/1179/skins/net-base-skin/js/scripts_flex.js?cdv=1722|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/1179/skins/net-base-skin/js/slider.js?cdv=1722|DnnBodyProvider|100)-->
<input name="ScrollTop" type="hidden" id="ScrollTop">
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off">
</form>Text Content
* +1 201-868-6080 +1-973-361-7977 +1-877-276-3537 * Whatsapp :+1 551-327-6845 * Agents * My Bookings * English Spanish English * Home * About Us * Contact * Blog * * Agents * My Bookings * English Spanish * 24/7 For Exclusive Flights Deals! +1 201-868-6080 * Whatsapp :+1 201-868-6080 * Flights * Hotel * Flights + Hotel * Activities * * * * > FLIGHTS Round trip One way Multiple destination Origin: Destination: Dates: Segment 1 Origin: Destination: Date: Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM Segment 2 Origin: Destination: Date: Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM + Add segment Segment 3 Origin: Destination: Date: Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM - Delete segment + Add segment Segment 4 Origin: Destination: Date: Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM - Delete segment + Add segment Segment 5 Origin: Destination: Date: Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM - Delete segment + Add segment Segment 6 Origin: Destination: Date: Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM - Delete segment Passengers: Only direct flights Only flights that include baggage I am flexible with my travel dates Promotional Code Special options Type of cabin: Any Economy Business First Airline: Any iberia express (I2)aerolineas del sur (3I)aeropelican (OT)air astana (KC)apg airlines (GP)accesrail (9B)adria airways (JP)aegean air (A3)aer arann express (RE)aer lingus (EI)aerogal (2K)aerocaribe (CV)aerocomercial oriente norte (A4)aeroflot (SU)aerolineas argentinas (AR)aeromar (VW)aeromexico (AM)aeropostal (CW)air algerie (AH)air austral (UU)air baltic (BT)air berlin (AB)air botnia (KF)air botswana (BP)air busan (BX)air canada (AC)air caraibes (TX)air century (Y2)air china (CA)air comet (A7)air dolomiti (EN)air europa (UX)air france (AF)air india (AI)air jamaica (JM)air link (DR)air macau (NX)air magadascar (MD)air malta (KM)air mauritius (MK)air moldova (9U)air namibia (SW)air new zealand (NZ)air nippon (EL)air niugini (PX)air north region (TL)air nostrum (YW)air one (AP)air pacific (FJ)air panamá (7P)air senegal (V7)air seychelles (HM)air tahiti (VT)air tahiti nui (TN)air transat (TS)air vanuatu (NF)air zimbabwe (UM)airtran airways (FL)alaska airlines (AS)alianza glancelot (G0)alitalia cityliner (CT)all nippon (NH)aloha airlinesx (AQ)amaszonas s.a (Z8)amaszonas uruguay (Z7)america west (HP)american (AA)american jet (AJ)american trans (TZ)andes lineas aereas (OY)arajet (DM)aruba airlines (AG)aserca airlines (R7)asiana airlines (OZ)austral lineas aéreas (AU)austrian air (OS)avianca argentina (A0)avianca brasil (O6)aviateca (GU)avior airlines (9V)azerbaijan air (J2)azul brazilian airlines (AD)brindabella airlines (FQ)bwa caribbean air (BW)bahamasair (UP)bangkok airways (PG)bearskin airline (JV)biman bangladesh (BG)binter mediterras (AX)blue panorama airlines (BV)boliviana de aviación (OB)british airways (BA)british european (BE)cdi air caledoni (SB)cm airlines (CC)canadian north (5T)cape air (9K)carpatair (V3)cathay pacific (CX)cayman airways (KX)central mtn air (9M)china airlines (CI)china eastern (MU)china southern (CZ)cirrus airlines (C9)cityjet (WX)clic (VE)compaigne corse (XK)condor (DE)conocemos navegando (0C)continental (OC)conviassa (V0)copa airlines (CM)croatia airlines (OU)cubana de aviacion (CU)cyprus airways (CY)czech airlines (OK)delta (DL)dragonair hong (KA)dutch antilles express (9H)era aviation (7H)eva airways (BR)eastern airlines (2D)easyfly (EF)ecojet (8J)edelweiss air (WK)egyptair (MS)el al israel (LY)emirates airlines (EK)equair (HN)estelar (ES)ethiopian air (ET)etihad airway (EY)eurasia airlines (UH)euroairlines (Q4)eurowings (EW)executive air (OW)finnish commuter air (VC)finnair (AY)first air (7F)flapper (FF)flexflight (W2)fly the world (GI)fly to los roques (8S)flybondi (FO)frontier (F9)garuda indonesia (GA)germanwings (4U)gol (G3)gran colombiana de aviacion (9A)great lakes (ZK)gulf air (GF)gulfstream intl (3M)hahn air (HR)hahnair (H1)hahnair (X1)hainan airlines (HU)hawaiian (HA)hazelton (ZL)heli air monaco (YO)intercaribbean airways (JY)iberia (IB)iberojet (E9)icelandair (FI)indian airlines (IC)insel air (7I)interjet (4O)iran air (IR)island air hawai (WP)island air nantk (IS)ita airways (AZ)j-air (XM)jal express (JC)jalways (JO)jat (JU)japan airlines (JL)japan asia (EG)japan transocean (NU)jet airways (9W)jet star (JQ)jetsmart airlines (JZ)jetsmart airlines (WJ)jetsmart colombia (J6)jetblue airways (B6)jetsmart (JA)jetstar japan (GK)kfr kingfisher ai (IT)klm (KL)kenya airways (KQ)korean air (KE)kuwait airways (KU)lam (TM)latam airlines (LA)latam airlines peru (LP)lc peru (W4)lot polis (LO)ltu intl (LT)lzb bulgaria air (FB)lacsa (LR)lan argentina (4M)lan colombia airlines (4C)lanecuador (XL)laser (QL)latam airlines brazil (JJ)lithuanian (TE)lufthansa (LH)lufthansa cityline (CL)luxair (LG)map linhas aereas (7M)montenegro airlines (YM)malaysia (MH)malev hungarian (MA)mandarin (AE)martinair hollan (MP)meridiana (IG)mesa airlines (YV)mexicana (MX)middle east (ME)midwest express (YX)myway airlines (8I)norwegian air international (D8)norwegian air shuttle (DY)nationwide air (CE)niki (HG)northwest (NW)norwegian air (DI)norwegian argentina (DN)o connor air (UQ)oge atiasjet intl (KK)olympic airways (OA)oman aviation (WY)paran air (ZP)peruvian airlines (P9)philippine (PR)plus ultra líneas aéreas (PU)plus ultra premium (Z0)porter airlines (PD)portugalia (NI)precisionair (PW)qantas airways (QF)qatar airways (QR)red wings airlines (WZ)rossiya (FV)royal air maroc (AT)royal jordanian (RJ)rutaca (5R)sas (SK)sata - air acores (SP)sata international (S4)sky airline (H2)sky airline peru (H8)sn brussels airl (SN)swiss (LX)santa barbara (S3)sarpa (CO)sasca airlines (O3)satena (9R)saudi arabian (SV)scoot (TR)scotairways (CB)shangai (FM)shenzhen airlines (ZH)shuttle america (S5)siberia airlines (S7)siem reap (FT)silkair (MI)singapore airl (SQ)smartwings airlines (QS)solomon (IE)south african (SA)southern airways express (9X)southwest (WN)spanair (JK)speed alliance westbahn (5W)spirit airlines (NK|E)srilankan (UL)star peru (2I)sun country airlines (SY)sunshine express (CQ)sunwing airlines (WG)surinam airways (PY)taag (DT)tacv cabo verde (VR)tag airlines (5U)tam del mercosur (PZ)tui airlines nederland (OR)taca intl (TA)taca peru (T0)tame (EQ)tap portugal (TP)tar airlines (YQ)tarom-romanian (RO)test (ZZ)thai intl (TG)tiara air (3P)transavia airlines (HV)transavia france (TO)tunis air (TU)turkish airlines (TK)turpial (T9)twin jet (T7)us airways (US)ukraine intl (PS)ultra air (OL)ultra air (U0)united (UA)ural airlines (U6)utair aviation (UT)vlm airlines (VG)varig (RG)venezolana (AW)venezolana (VZ)vietnam air (VN)virgin america (VX)virgin atlantic (VS)virgin exp irela (VK)viva aerobus (VB)viva air (FC)viva air (VH)viva air perú (VV)vladivostok air (XF)volaris (Q6)volaris (VO)volaris (Y4)vueling airlines (VY)westjet (WS)wideroes flyvese (WF)wingo (P5)winward island (WM)xl airways france (SE)xiamen airlines (MF)yamal airlines (YC)yemenia yemen (IY)zuza (ZA)avianca (AV)bmi british (BD)veintitres (23) Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM Return time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM HOTEL Destination: Dates: Rooms: Promotional Code EXTRA Destination: Dates: Promotional Code FLIGHTS + HOTEL Origin: Destination: Dates: Rooms: Only flights that include baggage Only direct flights Promotional Code Special options Type of cabin: Any Economy Business First Airline: Any iberia express (I2)aerolineas del sur (3I)aeropelican (OT)air astana (KC)apg airlines (GP)accesrail (9B)adria airways (JP)aegean air (A3)aer arann express (RE)aer lingus (EI)aerogal (2K)aerocaribe (CV)aerocomercial oriente norte (A4)aeroflot (SU)aerolineas argentinas (AR)aeromar (VW)aeromexico (AM)aeropostal (CW)air algerie (AH)air austral (UU)air baltic (BT)air berlin (AB)air botnia (KF)air botswana (BP)air busan (BX)air canada (AC)air caraibes (TX)air century (Y2)air china (CA)air comet (A7)air dolomiti (EN)air europa (UX)air france (AF)air india (AI)air jamaica (JM)air link (DR)air macau (NX)air magadascar (MD)air malta (KM)air mauritius (MK)air moldova (9U)air namibia (SW)air new zealand (NZ)air nippon (EL)air niugini (PX)air north region (TL)air nostrum (YW)air one (AP)air pacific (FJ)air panamá (7P)air senegal (V7)air seychelles (HM)air tahiti (VT)air tahiti nui (TN)air transat (TS)air vanuatu (NF)air zimbabwe (UM)airtran airways (FL)alaska airlines (AS)alianza glancelot (G0)alitalia cityliner (CT)all nippon (NH)aloha airlinesx (AQ)amaszonas s.a (Z8)amaszonas uruguay (Z7)america west (HP)american (AA)american jet (AJ)american trans (TZ)andes lineas aereas (OY)arajet (DM)aruba airlines (AG)aserca airlines (R7)asiana airlines (OZ)austral lineas aéreas (AU)austrian air (OS)avianca argentina (A0)avianca brasil (O6)aviateca (GU)avior airlines (9V)azerbaijan air (J2)azul brazilian airlines (AD)brindabella airlines (FQ)bwa caribbean air (BW)bahamasair (UP)bangkok airways (PG)bearskin airline (JV)biman bangladesh (BG)binter mediterras (AX)blue panorama airlines (BV)boliviana de aviación (OB)british airways (BA)british european (BE)cdi air caledoni (SB)cm airlines (CC)canadian north (5T)cape air (9K)carpatair (V3)cathay pacific (CX)cayman airways (KX)central mtn air (9M)china airlines (CI)china eastern (MU)china southern (CZ)cirrus airlines (C9)cityjet (WX)clic (VE)compaigne corse (XK)condor (DE)conocemos navegando (0C)continental (OC)conviassa (V0)copa airlines (CM)croatia airlines (OU)cubana de aviacion (CU)cyprus airways (CY)czech airlines (OK)delta (DL)dragonair hong (KA)dutch antilles express (9H)era aviation (7H)eva airways (BR)eastern airlines (2D)easyfly (EF)ecojet (8J)edelweiss air (WK)egyptair (MS)el al israel (LY)emirates airlines (EK)equair (HN)estelar (ES)ethiopian air (ET)etihad airway (EY)eurasia airlines (UH)euroairlines (Q4)eurowings (EW)executive air (OW)finnish commuter air (VC)finnair (AY)first air (7F)flapper (FF)flexflight (W2)fly the world (GI)fly to los roques (8S)flybondi (FO)frontier (F9)garuda indonesia (GA)germanwings (4U)gol (G3)gran colombiana de aviacion (9A)great lakes (ZK)gulf air (GF)gulfstream intl (3M)hahn air (HR)hahnair (H1)hahnair (X1)hainan airlines (HU)hawaiian (HA)hazelton (ZL)heli air monaco (YO)intercaribbean airways (JY)iberia (IB)iberojet (E9)icelandair (FI)indian airlines (IC)insel air (7I)interjet (4O)iran air (IR)island air hawai (WP)island air nantk (IS)ita airways (AZ)j-air (XM)jal express (JC)jalways (JO)jat (JU)japan airlines (JL)japan asia (EG)japan transocean (NU)jet airways (9W)jet star (JQ)jetsmart airlines (JZ)jetsmart airlines (WJ)jetsmart colombia (J6)jetblue airways (B6)jetsmart (JA)jetstar japan (GK)kfr kingfisher ai (IT)klm (KL)kenya airways (KQ)korean air (KE)kuwait airways (KU)lam (TM)latam airlines (LA)latam airlines peru (LP)lc peru (W4)lot polis (LO)ltu intl (LT)lzb bulgaria air (FB)lacsa (LR)lan argentina (4M)lan colombia airlines (4C)lanecuador (XL)laser (QL)latam airlines brazil (JJ)lithuanian (TE)lufthansa (LH)lufthansa cityline (CL)luxair (LG)map linhas aereas (7M)montenegro airlines (YM)malaysia (MH)malev hungarian (MA)mandarin (AE)martinair hollan (MP)meridiana (IG)mesa airlines (YV)mexicana (MX)middle east (ME)midwest express (YX)myway airlines (8I)norwegian air international (D8)norwegian air shuttle (DY)nationwide air (CE)niki (HG)northwest (NW)norwegian air (DI)norwegian argentina (DN)o connor air (UQ)oge atiasjet intl (KK)olympic airways (OA)oman aviation (WY)paran air (ZP)peruvian airlines (P9)philippine (PR)plus ultra líneas aéreas (PU)plus ultra premium (Z0)porter airlines (PD)portugalia (NI)precisionair (PW)qantas airways (QF)qatar airways (QR)red wings airlines (WZ)rossiya (FV)royal air maroc (AT)royal jordanian (RJ)rutaca (5R)sas (SK)sata - air acores (SP)sata international (S4)sky airline (H2)sky airline peru (H8)sn brussels airl (SN)swiss (LX)santa barbara (S3)sarpa (CO)sasca airlines (O3)satena (9R)saudi arabian (SV)scoot (TR)scotairways (CB)shangai (FM)shenzhen airlines (ZH)shuttle america (S5)siberia airlines (S7)siem reap (FT)silkair (MI)singapore airl (SQ)smartwings airlines (QS)solomon (IE)south african (SA)southern airways express (9X)southwest (WN)spanair (JK)speed alliance westbahn (5W)spirit airlines (NK|E)srilankan (UL)star peru (2I)sun country airlines (SY)sunshine express (CQ)sunwing airlines (WG)surinam airways (PY)taag (DT)tacv cabo verde (VR)tag airlines (5U)tam del mercosur (PZ)tui airlines nederland (OR)taca intl (TA)taca peru (T0)tame (EQ)tap portugal (TP)tar airlines (YQ)tarom-romanian (RO)test (ZZ)thai intl (TG)tiara air (3P)transavia airlines (HV)transavia france (TO)tunis air (TU)turkish airlines (TK)turpial (T9)twin jet (T7)us airways (US)ukraine intl (PS)ultra air (OL)ultra air (U0)united (UA)ural airlines (U6)utair aviation (UT)vlm airlines (VG)varig (RG)venezolana (AW)venezolana (VZ)vietnam air (VN)virgin america (VX)virgin atlantic (VS)virgin exp irela (VK)viva aerobus (VB)viva air (FC)viva air (VH)viva air perú (VV)vladivostok air (XF)volaris (Q6)volaris (VO)volaris (Y4)vueling airlines (VY)westjet (WS)wideroes flyvese (WF)wingo (P5)winward island (WM)xl airways france (SE)xiamen airlines (MF)yamal airlines (YC)yemenia yemen (IY)zuza (ZA)avianca (AV)bmi british (BD)veintitres (23) Departure time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM Return time: Any At Morning At Afternoon At Night 1:00 AM 2:00 AM 3:00 AM 4:00 AM 5:00 AM 6:00 AM 7:00 AM 8:00 AM 9:00 AM 10:00 AM 11:00 AM 12:00 PM 1:00 PM 2:00 PM 3:00 PM 4:00 PM 5:00 PM 6:00 PM 7:00 PM 8:00 PM 9:00 PM 10:00 PM 11:00 PM 12 AM PASSENGERS Adults 12 or + years Childs 2 to 11 years Infants 0 to 23 months Apply ROOMS ROOM 1 Adults 12 or + years Childs 0 to 11 years Age child 1 01234567891011 Age child 2 01234567891011 Age child 3 01234567891011 Age child 4 01234567891011 ROOM 2 Delete Adults 12 or + years Childs 0 to 11 years Age child 1 01234567891011 Age child 2 01234567891011 Age child 3 01234567891011 Age child 4 01234567891011 ROOM 3 Delete Adults 12 or + years Childs 0 to 11 years Age child 1 01234567891011 Age child 2 01234567891011 Age child 3 01234567891011 Age child 4 01234567891011 ROOM 4 Delete Adults 12 or + years Childs 0 to 11 years Age child 1 01234567891011 Age child 2 01234567891011 Age child 3 01234567891011 Age child 4 01234567891011 Add a room Apply DESTINATION OF THE MONTH Discounts of up to 35% on flights to Latin America Check it out! 1749 Prague, Budapest & Vienna Limited offer PRAGUE, BUDAPEST & VIENNA 4 9 days - 7 nights. price from $742.00 1 1750 Egypt, Israel, Jordan & Emirates Limited offer EGYPT, ISRAEL, JORDAN & EMIRATES 4 8 days - 7 nights. price from $1450.00 2 1751 Dubai Limited offer DUBAI 4 days - 4 nights. price from $410.00 3 1752 Treasures of the far east Limited offer TREASURES OF THE FAR EAST 4 14 days - 13 nights. price from $4030.00 4 IMPORTAR INFORMACIÓN ×Cerrar Seleccione un archivo con extensión .csv Cerrar 1753 Armenia Limited offer ARMENIA 4 4 days - 3 nights. Breakfast price from $238.00 1 1754 Medellin Limited offer MEDELLIN 4 4 days - 3 nights. Breakfast price from $262.00 2 1755 Cartagena Limited offer CARTAGENA 4 4 days - 3 nights. Breakfast price from $292.00 3 1756 San Andres Limited offer SAN ANDRES 4 4 days - 3 nights. Breakfast price from $437.00 4 IMPORTAR INFORMACIÓN ×Cerrar Seleccione un archivo con extensión .csv Cerrar 2126 Barcelona & Madrid Limited offer BARCELONA & MADRID 4 7 days - 5 nights. price from $566.00 1 2127 Italy Limited offer ITALY 4 8 days - 7 nights. price from $1416.00 2 2128 Paris & London Limited offer PARIS & LONDON 4 8 days - 6 nights. price from $841.00 3 2129 Greece Limited offer SANTORINI & MYKONOS 4 6 days - 5 nights. price from $1136.00 4 IMPORTAR INFORMACIÓN ×Cerrar Seleccione un archivo con extensión .csv Cerrar HOTELS OF THE MONTH 7730 Lorem Ipsum Lorem Ipsum LOREM IPSUM 6 Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum 1 7731 Lorem Ipsum Lorem Ipsum LOREM IPSUM 6 Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum 2 7732 Lorem Ipsum Lorem Ipsum LOREM IPSUM 6 Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum 3 IMPORTAR INFORMACIÓN ×Cerrar Seleccione un archivo con extensión .csv Cerrar 7733 Lorem Ipsum Lorem Ipsum LOREM IPSUM 6 Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum 1 7734 Lorem Ipsum Lorem Ipsum LOREM IPSUM 6 Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum 2 7735 Lorem Ipsum Lorem Ipsum LOREM IPSUM 6 Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum 3 IMPORTAR INFORMACIÓN ×Cerrar Seleccione un archivo con extensión .csv Cerrar SPECIALIST ANGELA ALZATE CLIENT SPECIALIST NORTH BERGEN NJ 201 868 6080 L-V 10.00-18.00 HRS S 10.00-14.00 * * * FAISURY BERNAL CALL CENTER TOLLFREE 877 276 537 L-V 14.00-20.00 HRS S 14.00-17.00 * * * MARY GAVIRIA GROUPS AND EXCURSIONS DOVER NJ 973 361 7977 L-V 10.00-18.00 HRS S 10.00-14.00 * * * ASSOCIATED AIRLINES LEARN ABOUT OUR PAYMENT METHODS Copyright 2024 | Arnold Travel | All rights reserved +1 201-868-6080 | +1 973-361-7977 | Onlineservices@arnoltravel.com Follow us: Terms and Conditions Privacy policies