www.bitfly.com
Open in
urlscan Pro
34.237.155.98
Public Scan
URL:
https://www.bitfly.com/
Submission: On July 31 via api from US — Scanned from DE
Submission: On July 31 via api from US — 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="W4ImCK8aS3euBloAlHLcH380epoyulwSpkphdQlqiIfVlSFO1DV1qC004daLFuVgZNMquUG4E9tippXhDzx8s50TfQvaoei4BmLVhcuUWsmP9MsGJRBa9gWG7tRKuKy97QgCKqbz4QDfCkz0/yf5jV8IfUaBvFZBAtapZ1eXgX69+Adnwa6MgAdOaahLaW9tq+spm1ttrLA4vwY2vdiwHn17cvwEAltRcDXMwA==">
</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=637823185705833095" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var __cultureInfo = {
"name": "es-ES",
"numberFormat": {
"CurrencyDecimalDigits": 2,
"CurrencyDecimalSeparator": ",",
"IsReadOnly": false,
"CurrencyGroupSizes": [3],
"NumberGroupSizes": [3],
"PercentGroupSizes": [3],
"CurrencyGroupSeparator": ".",
"CurrencySymbol": "€",
"NaNSymbol": "NaN",
"CurrencyNegativePattern": 8,
"NumberNegativePattern": 1,
"PercentPositivePattern": 0,
"PercentNegativePattern": 0,
"NegativeInfinitySymbol": "-∞",
"NegativeSign": "-",
"NumberDecimalDigits": 2,
"NumberDecimalSeparator": ",",
"NumberGroupSeparator": ".",
"CurrencyPositivePattern": 3,
"PositiveInfinitySymbol": "∞",
"PositiveSign": "+",
"PercentDecimalDigits": 2,
"PercentDecimalSeparator": ",",
"PercentGroupSeparator": ".",
"PercentSymbol": "%",
"PerMilleSymbol": "‰",
"NativeDigits": ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
"DigitSubstitution": 1
},
"dateTimeFormat": {
"AMDesignator": "",
"Calendar": {
"MinSupportedDateTime": "\/Date(-62135578800000)\/",
"MaxSupportedDateTime": "\/Date(253402300799999)\/",
"AlgorithmType": 1,
"CalendarType": 1,
"Eras": [1],
"TwoDigitYearMax": 2029,
"IsReadOnly": false
},
"DateSeparator": "/",
"FirstDayOfWeek": 1,
"CalendarWeekRule": 2,
"FullDateTimePattern": "dddd, d\u0027 de \u0027MMMM\u0027 de \u0027yyyy H:mm:ss",
"LongDatePattern": "dddd, d\u0027 de \u0027MMMM\u0027 de \u0027yyyy",
"LongTimePattern": "H:mm:ss",
"MonthDayPattern": "d \u0027de\u0027 MMMM",
"PMDesignator": "",
"RFC1123Pattern": "ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027",
"ShortDatePattern": "dd/MM/yyyy",
"ShortTimePattern": "H:mm",
"SortableDateTimePattern": "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss",
"TimeSeparator": ":",
"UniversalSortableDateTimePattern": "yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027",
"YearMonthPattern": "MMMM\u0027 de \u0027yyyy",
"AbbreviatedDayNames": ["do.", "lu.", "ma.", "mi.", "ju.", "vi.", "sá."],
"ShortestDayNames": ["D", "L", "M", "X", "J", "V", "S"],
"DayNames": ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"],
"AbbreviatedMonthNames": ["ene.", "feb.", "mar.", "abr.", "may.", "jun.", "jul.", "ago.", "sep.", "oct.", "nov.", "dic.", ""],
"MonthNames": ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre", ""],
"IsReadOnly": false,
"NativeCalendarName": "calendario gregoriano",
"AbbreviatedMonthGenitiveNames": ["ene.", "feb.", "mar.", "abr.", "may.", "jun.", "jul.", "ago.", "sep.", "oct.", "nov.", "dic.", ""],
"MonthGenitiveNames": ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre", ""]
},
"eras": [1, "d. C.", null, 0]
}; //]]>
</script>
<script src="/ScriptResource.axd?d=NJmAwtEo3IrB8ic2U6DDPIbfj7RzW5SO_sQVD5UFy5DrljgNCTo4rXHotMntMPQ8uQzbvx9YDAJFLWfE6yZzpum2yuT_FzSTM8bt3bHwUjKutAHZlLDpOUTtedFHG58l-u81Kg2&t=ffffffffaa493ab8" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=dwY9oWetJoI_zJ4yzIl3f3M1uFXu7YgxyQnk-5F2My-Oiw0AlS3c_qnyDBGODq7bn-Chz7vxnn-of8k9tSIWwOqucKJAhJSJBMVc7legBf1_R7_9ipGn5vbTH0rB4Z7ISukc7HNVI-22XWbM0&t=ffffffffaa493ab8" 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="gPf74l218vT5PshDwT+IqlIvbEa36zWGDn3Y9UNclJNawO7W4U0wuJt9BuZBovc9uEz9+IeoR3RzmNuGAYpd29SwdN+2B5cnCCvrOPpIOkmYrvqJZs8CqJCAyaJlJBfHjX9wKg==">
</div>
<script src="/js/dnn.modalpopup.js?cdv=1330" type="text/javascript"></script>
<script src="/portals/0/css/bootstrap/js/bootstrap.min.js?cdv=1330" type="text/javascript"></script>
<script src="/Portals/1194/skins/skin-grid-new/assets/js/jquery.smartmenus.js?cdv=1330" type="text/javascript"></script>
<script src="/Portals/1194/skins/skin-grid-new/assets/js/script_widget.js?cdv=1330" type="text/javascript"></script>
<script src="/Portals/1194/skins/skin-grid-new/assets/js/script_plantillas.js?cdv=1330" type="text/javascript"></script>
<script src="/Portals/1194/skins/skin-grid-new/assets/js/editable.js?cdv=1330" type="text/javascript"></script>
<script src="/js/dnncore.js?cdv=1330" 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>
<div id="siteWrapper" class="cms-flex__main_container transparent">
<!--Header -->
<div class="header-container1">
<header class="header1 header-container2">
<div class="container-header">
<div class="item item1">
<a id="dnn_dnnLOGO_hypLogo" title="Bitfly - Viaja y paga con Crypto" aria-label="Bitfly - Viaja y paga con Crypto" href="https://www.bitfly.com/"><img id="dnn_dnnLOGO_imgLogo" src="/Portals/1194/bitfly-logo.png?ver=82sc0gzrSTPPC_fPAkL9Ug%3d%3d" alt="Bitfly - Viaja y paga con Crypto"></a>
</div>
<div class="burger">
<span class="bar"></span><span class="bar"></span><span class="bar"></span>
</div>
<div class="navcontainer">
<div class="item item2">
<ul>
<li class="dropdown" onclick="dropdowns(this)">
<i class="fa fa-user" aria-hidden="true"></i>
<a class="btn btn-default dropdown-toggle" id="dropdownMenu1" href="#">
Mi cuenta
<span class="caret"></span>
</a>
<ul class="dropdown-menu dropdownMenu1" style="display: none;">
<div class="defaultdivUserInfo " style="display: none;">
<li>
<p class="defaultUserName">{LoggedUser}</p>
</li>
<li>
<p class="defaultUserName">Puntos {PointsBalance}</p>
</li>
<li>
<p class="defaultUserName">{CloseSession[Html="Cerrar Session"]}</p>
</li>
</div>
<li role="separator" style="display: none;" class="divider defaultdivUserInfo"></li>
<li>
<a id="dnn_dnnLOGIN_loginLink" class="misReservas" rel="nofollow" onclick="this.disabled=true;" href="https://www.bitfly.com/Acceso?returnurl=%2f">Iniciar Sesión</a>
</li>
<li>
<p class="defaultUserName">
<a id="dnn_dnnUSER_registerLink" class="misReservas" rel="nofollow" href="https://www.bitfly.com/Registro?returnurl=https%3a%2f%2fwww.bitfly.com%2f">Registrarse</a>
</p>
</li>
</ul>
</li>
<li class="">
<i class="fa fa-suitcase" aria-hidden="true"></i> <a id="dnn_dnnMYBOOKINSMobile_lbtMyBookings" class="mis1trat" href="javascript:__doPostBack('dnn$dnnMYBOOKINSMobile$lbtMyBookings','')">Mis Reservas</a>
</li>
<!-- <li class="dropdown" onclick="dropdowns(this)">
<i class="fa fa-globe" aria-hidden="true"></i>
<a class="btn btn-default dropdown-toggle drop_idioma" id="dropdownMenu1" href="#">
Español
<i class="fa fa-angle-down" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu dropdownMenu1" style="display: none;">
<li>
<a href="https://bitfly.com">Español <i class="fa fa-check" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://en.bitfly.com">English</a>
</li>
</ul>
</li> -->
</ul>
</div>
<div class="item item3">
<nav class="main-navigation">
<ul class="menu-items"></ul>
</nav>
</div>
</div>
</div>
</header>
</div>
<!--FIN Header -->
<!-- Page Content -->
<div class="cms-flex__main">
<div class="main-banner-search-section">
<div id="dnn_MainBanner" class="main-banner-search-section__bannerPane">
<div class="DnnModule DnnModule-NetSlider DnnModule-44156"><a name="44156"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr44156_ContentPane"><!-- Start_Module_44156 -->
<div id="dnn_ctr44156_ModuleContent" class="DNNModuleContent ModNetSliderC">
<div id="mvcContainer-44156">
<link href="/DesktopModules/MVC/NetSlider/Content/netSlider.styles.css" rel="stylesheet">
<div id="Items-44156">
<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: 482.094px;">
<div id="netSlider-44156" class="slider netSlider-container" style="width: 1215%; position: relative; transition-duration: 0s; transform: translate3d(-1610px, 0px, 0px);">
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 1600px; margin-right: 10px;" aria-hidden="true">
<a href="#" target="_self" class="addSessionToken"><img src="/portals/1194/Images/BANNER-HOME.png" alt="BgHome"></a></div>
<div class="netSliderItem" style="float: left; list-style: none; position: relative; width: 1600px; margin-right: 10px;" aria-hidden="false">
<a href="#" target="_self" class="addSessionToken"><img src="/portals/1194/Images/BANNER-HOME.png" alt="BgHome"></a></div>
<div class="netSliderItem bx-clone" style="float: left; list-style: none; position: relative; width: 1600px; margin-right: 10px;" aria-hidden="true">
<a href="#" target="_self" class="addSessionToken"><img src="/portals/1194/Images/BANNER-HOME.png" alt="BgHome"></a></div>
</div>
</div>
</div>
</div>
<style>
#mvcContainer-44156 .bx-wrapper .bx-pager.bx-default-pager a {
background: #000000;
}
#mvcContainer-44156 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mvcContainer-44156 .bx-wrapper .bx-pager.bx-default-pager a.active,
#mvcContainer-44156 .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #808080;
}
</style>
<script>
$(document).ready(function() {
var screeenWidth = $(window).width();
var moduleId = '44156';
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 = '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_44156 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main-banner-search-section__search-widget">
<div id="dnn_SearchWidget_80">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-44160"><a name="44160"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr44160_ContentPane"><!-- Start_Module_44160 -->
<div id="dnn_ctr44160_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr44160_HtmlModule_lblContent" class="Normal">
<div class="content-promocion" style="background-image: url('/Portals/1194/Images/banner-mobile_2.png');">
</div>
</div>
</div><!-- End_Module_44160 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-SearchForm2 DnnModule-44161"><a name="44161"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr44161_ContentPane"><!-- Start_Module_44161 -->
<style>
input#txtAirCityFrom,
input#txtAirCityTo {
display: block !important;
}
</style>
<div id="dnn_ctr44161_ModuleContent" class="DNNModuleContent ModSearchForm2C">
<div id="mvcContainer-44161">
<script src="/DesktopModules/MVC/SearchForm2/Scripts/igrowl.js"></script>
<script src="/DesktopModules/MVC/SearchForm2/Scripts/NetFluentd.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/netviajes/cities-es.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/netviajes/airlines-es.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/netviajes/airports-es.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/netviajes/airportscities-es.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/netviajes/buscompanies-es.js"></script>
<script type="text/javascript" src="https://d14xsmsn4vzz2n.cloudfront.net/autocompletes/netviajes/neighborhood-es.js"></script>
<script type="text/javascript" src="/DesktopModules/MVC/SearchForm2/Scripts/jquery.ui.datepicker-es.js"></script>
<script type="text/javascript">
var Resources = {
'DateDeparture': 'Fecha de partida',
'DateArrival': 'Fecha de regreso',
'DateCheckin': 'Fecha de entrada',
'DateCheckout': 'Fecha de salida',
'DateDropoff': 'Fecha de devolución',
'DatePickup': 'Fecha de alquiler',
'EnterCity': 'Ingrese una ciudad',
'EnterAirport': 'Ingrese un aeropuerto',
'EnterNeighborhood': 'Ingrese una ciudad, aeropuerto o zona',
'CircuitDuration': '{0} a {1} días',
'CircuitDurationMore': 'Más de 20 días',
'AirportText': 'Aeropuerto',
'CityText': 'Ciudad',
'ZoneText': 'Zona'
};
</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/1194/Netactica/SearchForm/css/widget_net_new/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 = 1;
$HotelAdvancedPurchaseDays = 1;
$TravelExtraAdvancedPurchaseDays = 1;
$VehicleAdvancedPurchaseDays = 1;
$GoogleMapsApiKey = "AIzaSyDgA1MdudKVZiko9hUFVYkWX326E0eX-UE";
$StaticContentEnable = ('False' == 'True' ? true : false);
$EnableHotelNewFrontEnd = ('False' == 'True' ? true : false);
// se inicializa el widget
setTimeout(function() {
initWidget("#widget-44161");
}, 300);
} else {
$("#widget-44161").show();
}
});
</script>
<div id="widget-44161" class="widget_net_new" 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>Vuelos</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>Hoteles</span>
</a>
</li>
<li role="presentation" data-sort="3" class="">
<a href="#car" aria-controls="car" role="tab" data-toggle="tab">
<i class="fa fa-car" aria-hidden="true"></i>
<span>Autos</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>Actividades</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="#car" aria-controls="car" role="tab" data-toggle="tab">
<i class="fa fa-car" 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">Vuelos con reserva flexible</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">
<div 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">Ida y vuelta</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">Solo ida</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">Multi destino</label>
</div>
</div>
</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">Origen:</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 Origen"></div>
<input type="text" id="txtAirCityFrom" name="txtAirCityFrom" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" style="" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Destino:</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 Destino"></div>
<input type="text" id="txtAirCityTo" name="txtAirCityTo" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" style="" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Fechas:</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="Partida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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="Regreso"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Tramo 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">Origen:</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 Origen" data-input-type="AirportsCities"
data-label="Origen Tramo 1:"></div>
<input type="text" id="txtAirCityFrom1" name="txtAirCityFrom1" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Destino:</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 Destino" data-input-type="AirportsCities"
data-label="Destino Tramo 1:"></div>
<input type="text" id="txtAirCityTo1" name="txtAirCityTo1" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Fecha:</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="Partida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Hora de salida:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime1" class="ddlAirDepartureTime1 form-control dest-input special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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">Tramo 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">Origen:</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 Origen" data-input-type="AirportsCities"
data-label="Origen Tramo 2:"></div>
<input type="text" id="txtAirCityFrom2" name="txtAirCityFrom2" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Destino:</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 Destino" data-input-type="AirportsCities"
data-label="Destino Tramo 2:"></div>
<input type="text" id="txtAirCityTo2" name="txtAirCityTo2" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Fecha:</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="Partida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Hora de salida:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime2" class="ddlAirDepartureTime2 form-control dest-input special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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);">+ Agregar tramo</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight3" class="divMDFlight3" style="display: none;">
<span class="multidest-flight">Tramo 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">Origen:</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 Origen" data-input-type="AirportsCities"
data-label="Origen Tramo 3:"></div>
<input type="text" id="txtAirCityFrom3" name="txtAirCityFrom3" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Destino:</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 Destino" data-input-type="AirportsCities"
data-label="Destino Tramo 3:"></div>
<input type="text" id="txtAirCityTo3" name="txtAirCityTo3" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Fecha:</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="Partida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Hora de salida:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime3" class="ddlAirDepartureTime3 form-control dest-input special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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);">- Eliminar tramo</a><br>
<a id="addAirFlight3" class="air-add-flight" href="javascript:void(0);">+ Agregar tramo</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight4" class="divMDFlight4" style="display: none;">
<span class="multidest-flight">Tramo 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">Origen:</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 Origen" data-input-type="AirportsCities"
data-label="Origen Tramo 4:"></div>
<input type="text" id="txtAirCityFrom4" name="txtAirCityFrom4" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Destino:</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 Destino" data-input-type="AirportsCities"
data-label="Destino Tramo 4:"></div>
<input type="text" id="txtAirCityTo4" name="txtAirCityTo4" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Fecha:</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="Partida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Hora de salida:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime4" class="ddlAirDepartureTime4 form-control dest-input special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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);">- Eliminar tramo</a><br>
<a id="addAirFlight4" class="air-add-flight" href="javascript:void(0);">+ Agregar tramo</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight5" class="divMDFlight5" style="display: none;">
<span class="multidest-flight">Tramo 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">Origen:</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 Origen" data-input-type="AirportsCities"
data-label="Origen Tramo 5:"></div>
<input type="text" id="txtAirCityFrom5" name="txtAirCityFrom5" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Destino:</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 Destino" data-input-type="AirportsCities"
data-label="Destino Tramo 5:"></div>
<input type="text" id="txtAirCityTo5" name="txtAirCityTo5" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Fecha:</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="Partida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Hora de salida:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime5" class="ddlAirDepartureTime5 form-control dest-input special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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);">- Eliminar tramo</a><br>
<a id="addAirFlight5" class="air-add-flight" href="javascript:void(0);">+ Agregar tramo</a>
</div>
</div>
</div>
</div>
<div id="divMDFlight6" class="divMDFlight6" style="display: none;">
<span class="multidest-flight">Tramo 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">Origen:</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 Origen" data-input-type="AirportsCities"
data-label="Origen Tramo 6:"></div>
<input type="text" id="txtAirCityFrom6" name="txtAirCityFrom6" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Destino:</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 Destino" data-input-type="AirportsCities"
data-label="Destino Tramo 6:"></div>
<input type="text" id="txtAirCityTo6" name="txtAirCityTo6" class="txtAirCity ac_input form-control air-dest-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad"
data-bvalidator="required, autocomplete[airportscity]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
autocomplete="off">
<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">Fecha:</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="Partida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Hora de salida:</label>
<div class="icon-input-group">
<select id="ddlAirDepartureTime6" class="ddlAirDepartureTime6 form-control dest-input special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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);">- Eliminar tramo</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">Pasajeros:</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="El número de pasajeros no puede ser mayor a 9"
data-bvalidator-msg-validatequantityinfants="El número de pasajeros infantes no puede ser<br />mayor a la cantidad de pasajeros adultos"
data-bvalidator="validateMaxPassenger[#widget-44161:Air:9], validateQuantityInfants[#widget-44161:Air]">
<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">Solo con equipaje</label>
</div>
<div class="divAirBaggageIncluded form-group">
<input type="checkbox" id="chkAirBaggageIncluded" class="check-box-baggage">
<label class="baggageIncluded-label">Solo con equipaje</label>
</div>
<div class="divAirFlexDates form-group">
<input type="checkbox" id="chkdivAirFlexDates" class="check-box-flexDates">
<label class="airFlexDates-label">Soy flexible con mis fechas de viaje</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>Código Promocional</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="Código Promocional">
<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>Opciones especiales</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">Tipo de cabina:</label>
<select id="ddlAirTypeCabin" class="ddlAirTypeCabin form-control special-options-input">
<option value="">Cualquiera</option>
<option value="Economy">Económica</option>
<option value="Business">Ejecutiva</option>
<option value="First">Primera clase</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">Aerolínea:</label>
<select id="ddlAirline" class="ddlAirlineCode form-control special-options-input" data-live-search="true" data-header="Seleccione Aerolinea">
<option value="">Cualquiera</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="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 madagascar (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="AZ">alitalia (AZ)</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="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="AV">avianca (AV)</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 airl (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="XK">compagnie 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">conviasa (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="VE">easyfly (VE)</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">hahn air system (H1)</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="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="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="B6">jetblue airways (B6)</option>
<option value="JA">jetsmart spa (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 polish (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 brasil (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">shanghai (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">spirit airlines (NK)</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="WM">windward island (WM)</option>
<option value="P5">wingo (P5)</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="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">Hora de salida:</label>
<select id="ddlAirDepartureTime" class="ddlAirDepartureTime form-control special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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">Hora de regreso:</label>
<select id="ddlAirReturnTime" class="ddlAirReturnTime form-control special-options-input">
<option value="">Cualquiera</option>
<option value="6">Por la mañana</option>
<option value="13">Por la tarde</option>
<option value="19">Por la noche</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="row">
<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="Buscar">
</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">Hoteles & Alojamientos en todo el mundo</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">Destino:</label>
<div class="icon-input-group">
<div id="divHotelCityControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-label="Ciudad de Destino" 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="Ingrese una ciudad" style=""
data-bvalidator="required, autocomplete[city]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete"
data-bvalidator-msg-validatesc="Debe seleccionar una ciudad desde el autocomplete" autocomplete="off">
<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">Fechas:</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="Entrada"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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="Salida"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<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">Habitaciones:</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="El número de pasajeros no puede ser mayor a 9" data-bvalidator="validateMaxPassenger[#widget-44161:Hotel:9]">
</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">
</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>Código Promocional</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="Código Promocional">
<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="Buscar">
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane " id="car">
<div id="NetacticaCar" class="car-container container-fluid">
<!-- Car tab -->
<div id="CarTitle" class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="product-title-container">
<h3 id="CarTitle" class="hidden-sm hidden-md hidden-lg product-title car-title">Alquiler de autos con reserva flexible</h3>
</div>
</div>
</div>
<div id="divCarAirports" class="col-md-30">
<div id="divCarAirportPickup" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-md-100 fix-padding-right">
<div class="form-group car-destination destination-group car-dest-control">
<label class="car-dest-label dest-label" for="txtCarAirportPickup">Lugar de retiro:</label>
<div class="icon-input-group">
<div id="divCarAirportPickupControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-label="Lugar de retiro" data-input-id="txtCarAirportPickup" data-input-type="Neighborhood"></div>
<input type="text" id="txtCarAirportPickup" name="txtCarAirportPickup" class="txtCarAiport ac_input form-control car-dest-input dest-input ui-autocomplete-input"
placeholder="Ingrese una ciudad, aeropuerto o zona" data-bvalidator="required, autocomplete[neighborhood]" data-bvalidator-msg-required="Debe seleccionar una ciudad, aeropuerto o zona desde el autocomplete"
data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad, aeropuerto o zona desde el autocomplete" translations="["Aeropuerto","Ciudad","Zona"]" autocomplete="off">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div id="divCarAirportReturn" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="display:none;">
<div class="form-group car-destination destination-group">
<label class="car-dest-label dest-label" for="txtCarAirportReturn">Lugar de devolución:</label>
<div class="icon-input-group">
<div id="divCarAirportReturnControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-label="Lugar de devolución" data-input-id="txtCarAirportReturn" data-input-type="Neighborhood">
</div>
<input type="text" id="txtCarAirportReturn" name="txtCarAirportReturn" class="txtCarAiport ac_input form-control car-input dest-input ui-autocomplete-input" placeholder="Ingrese una ciudad, aeropuerto o zona"
data-bvalidator="required, autocomplete[neighborhood]" data-bvalidator-msg-required="Debe seleccionar una ciudad, aeropuerto o zona desde el autocomplete"
data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad, aeropuerto o zona desde el autocomplete" translations="["Aeropuerto","Ciudad","Zona"]" autocomplete="off">
<i class="fa fa-map-marker input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div id="CarDates" class="col-md-70">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<label class="lblDates" for="txtCarDatePickup">Fecha de alquiler:</label>
</div>
<div class="col-xs-7 col-sm-6 col-md-8 col-lg-8">
<div class="divCarDatePickup form-group car-calendar-control destination-group">
<div class="icon-input-group">
<input type="text" id="txtCarDatePickup" name="txtCarDatePickup" class="txtCarDate form-control car-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="Retiro"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-5 col-sm-6 col-md-4 col-lg-4">
<div class="divCarTimePickup">
<div class="icon-input-group">
<select id="ddlCarTimePickup" class="ddlCarTimePickup form-control dest-input special-options-input">
<option value="0600">Por la mañana</option>
<option value="1300">Por la tarde</option>
<option value="1900">Por la noche</option>
<option value="0100">1:00 AM</option>
<option value="0200">2:00 AM</option>
<option value="0300">3:00 AM</option>
<option value="0400">4:00 AM</option>
<option value="0500">5:00 AM</option>
<option value="0600">6:00 AM</option>
<option value="0700">7:00 AM</option>
<option value="0800">8:00 AM</option>
<option value="0900">9:00 AM</option>
<option value="1000">10:00 AM</option>
<option value="1100">11:00 AM</option>
<option value="1200">12:00 PM</option>
<option value="1300">1:00 PM</option>
<option value="1400">2:00 PM</option>
<option value="1500">3:00 PM</option>
<option value="1600">4:00 PM</option>
<option value="1700">5:00 PM</option>
<option value="1800">6:00 PM</option>
<option value="1900">7:00 PM</option>
<option value="2000">8:00 PM</option>
<option value="2100">9:00 PM</option>
<option value="2200">10:00 PM</option>
<option value="2300">11:00 PM</option>
<option value="0000">12:00 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="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<label class="lblDates" for="txtCarDateDropoff">Fecha de devolución:</label>
</div>
<div class="col-xs-7 col-sm-6 col-md-8 col-lg-8">
<div class="divCarDateDropoff form-group car-calendar-control destination-group">
<div class="icon-input-group">
<input type="text" id="txtCarDateDropoff" name="txtCarDateDropoff" class="txtCarDate form-control car-checkindate-input checkindate-input hasDatepicker" readonly="readonly" placeholder="Devolución"
data-bvalidator="required" data-bvalidator-msg-required="Seleccione una fecha">
<i class="fa fa-calendar input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="col-xs-5 col-sm-6 col-md-4 col-lg-4">
<div class="divCarTimeDropoff">
<div class="icon-input-group">
<select id="ddlCarTimeDropoff" class="ddlCarTimeDropoff form-control dest-input special-options-input">
<option value="0600">Por la mañana</option>
<option value="1300">Por la tarde</option>
<option value="1900">Por la noche</option>
<option value="0100">1:00 AM</option>
<option value="0200">2:00 AM</option>
<option value="0300">3:00 AM</option>
<option value="0400">4:00 AM</option>
<option value="0500">5:00 AM</option>
<option value="0600">6:00 AM</option>
<option value="0700">7:00 AM</option>
<option value="0800">8:00 AM</option>
<option value="0900">9:00 AM</option>
<option value="1000">10:00 AM</option>
<option value="1100">11:00 AM</option>
<option value="1200">12:00 PM</option>
<option value="1300">1:00 PM</option>
<option value="1400">2:00 PM</option>
<option value="1500">3:00 PM</option>
<option value="1600">4:00 PM</option>
<option value="1700">5:00 PM</option>
<option value="1800">6:00 PM</option>
<option value="1900">7:00 PM</option>
<option value="2000">8:00 PM</option>
<option value="2100">9:00 PM</option>
<option value="2200">10:00 PM</option>
<option value="2300">11:00 PM</option>
<option value="0000">12:00 AM</option>
</select>
<i class="fa fa-clock-o input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="divCarTogglePromoCode" class="row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 ">
<div class="divCarTogglePromoCodePanel form-group promo-code-group">
<a class="promocode-btn" role="button" data-toggle="collapse" href="#divCollapseCarPromoCode" aria-expanded="false" aria-controls="divCollapseCarPromoCode">
<span>Código Promocional</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div class="collapse" id="divCollapseCarPromoCode">
<div id="divCarPromoCode" class="divCarPromoCode promo-code-container">
<div class="icon-input-group">
<input type="text" id="txtCarPromoCode" class="form-control txtCarPromoCode promocode-input" placeholder="Código Promocional">
<i class="fa fa-tag input-icon input-icon-left" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="BtnCar" class="row col-md-100">
<div id="divCarChangeReturn" class="col-md-50">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="upTripType upTripType-control">
<input type="checkbox" id="chkCarChangeReturn" class="check-box-flexDates">
<label class="carChangeReturn-label">Devolver en otro destino</label>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-md-50">
<div class="car-btn-control btn-search-container">
<input type="button" id="btnSearchCar" name="btnSearchCar" class="btn btn-default btnSearch btnSearchCar" value="Buscar">
</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">Actividades, tours y experiencias en todo el mundo</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"> Destino: </label>
<div class="icon-input-group">
<div id="divExtraCityControlMobile" class="input-mobile-control hidden-lg hidden-sm hidden-md" data-input-label="Ciudad de Destino" 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="Ingrese una ciudad"
data-bvalidator="required, autocomplete[city]" data-bvalidator-msg-required="La ciudad es requerida" data-bvalidator-msg-autocomplete="Debe seleccionar una ciudad desde el autocomplete" autocomplete="off">
<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">Fechas:</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="Partida">
<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="Regreso">
<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>Código Promocional</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="Código Promocional">
<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="Buscar">
</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">Pasajeros</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>Adultos</p>
<span>12 ó + años</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="">
<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>Niños</p>
<span>2 a 11 años</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="">
<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>Infantes</p>
<span>0 a 23 meses</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="">
<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">Aplicar</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">Habitaciones</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">Habitación 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>Adultos</p>
<span data-type="adt">12 ó + años</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="">
<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>Niños</p>
<span data-type="chd">0 a 11 años</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="">
<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">Edad niño 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">Edad niño 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">Edad niño 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">Edad niño 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">Habitación 2</h4>
<a id="delRoom2PaxRoomPopup" href="javascript:void(0);" class="pull-right btn-rooms-pax-links">Eliminar</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>Adultos</p>
<span data-type="adt">12 ó + años</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="">
<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>Niños</p>
<span data-type="chd">0 a 11 años</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="">
<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">Edad niño 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">Edad niño 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">Edad niño 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">Edad niño 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">Habitación 3</h4>
<a id="delRoom3PaxRoomPopup" href="javascript:void(0);" class="pull-right btn-rooms-pax-links">Eliminar</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>Adultos</p>
<span data-type="adt">12 ó + años</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="">
<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>Niños</p>
<span data-type="chd">0 a 11 años</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="">
<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">Edad niño 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">Edad niño 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">Edad niño 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">Edad niño 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">Habitación 4</h4>
<a id="delRoom4PaxRoomPopup" href="javascript:void(0);" class="pull-right btn-rooms-pax-links">Eliminar</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>Adultos</p>
<span data-type="adt">12 ó + años</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="">
<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>Niños</p>
<span data-type="chd">0 a 11 años</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="">
<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">Edad niño 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">Edad niño 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">Edad niño 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">Edad niño 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">Agregar habitación</a>
</div>
<div class="btn-container">
<button id="btnClosePaxRoomPopup" class="btn btn-default pull-right">Aplicar</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="">
<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">
<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":1194,"UserService":"netviajes","BranchCode":"12","UrlDomainNS":"https://reservas.bitfly.com","CurrentCulture":"es-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":"CarProduct","Enabled":false},{"Product":"ExtraProduct","Enabled":false}]">
<input id="ExtraProduct_Types" name="ExtraProduct.Types" type="hidden" value="">
</div>
</div>
</div>
</div>
<script>
document.querySelector('#divAirMultiDestination').style.display = "none";
</script><!-- End_Module_44161 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="dnn_drawerUp" class="DNNEmptyPane"></div>
</div>
</div>
<div class="cms-flex__page-content-full">
<div class="blockBg">
<div class="container">
<div class="row dnnpane">
<div id="dnn_ContentCripto" class="col-md-12 contentPane">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-44153"><a name="44153"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr44153_ContentPane"><!-- Start_Module_44153 -->
<div class="spacingTops mblock-3">
<div id="dnn_ctr44153_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr44153_HtmlModule_lblContent" class="Normal">
<div class="section_cripto">
<h3 style="text-align: center;">Tu próximo viaje lo reservas con Criptomonedas</h3>
<p style="text-align: center;">Paga por tu estancia en cualquier sitio del mundo usando tu criptomoneda favorita. </p>
<div class="swiper logos"><!-- Additional required wrapper -->
<div class="swiper-wrapper"><!-- Slides -->
<div class="swiper-slide" data-swiper-autoplay="2000"><img alt="" src="/portals/1194/Images/logos/logo-1.png"></div>
<div class="swiper-slide" data-swiper-autoplay="2000"><img alt="" src="/portals/1194/Images/logos/logo-2.png"></div>
<div class="swiper-slide" data-swiper-autoplay="2000"><img alt="" src="/portals/1194/Images/logos/logo-3.png"></div>
<div class="swiper-slide" data-swiper-autoplay="2000"><img alt="" src="/portals/1194/Images/logos/logo-4.png"></div>
<div class="swiper-slide" data-swiper-autoplay="2000"><img alt="" src="/portals/1194/Images/logos/logo-5.png"></div>
<div class="swiper-slide" data-swiper-autoplay="2000"><img alt="" src="/portals/1194/Images/logos/logo-6.png"></div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"> </div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_44153 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="dnn_TopPaneFull" class="col-md-12 contentPane cms-flex__panelbg DNNEmptyPane"></div>
<div class="container">
<div class="row dnnpane">
<div id="dnn_MobilePane" class="col-md-12 contentPane hidden-desktop">
<div class="DnnModule DnnModule-DNN_HTML DnnModule-44158"><a name="44158"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr44158_ContentPane"><!-- Start_Module_44158 -->
<div id="dnn_ctr44158_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr44158_HtmlModule_lblContent" class="Normal">
<div class="content-row">
<div class="content-panel">
<p class="text-panel">Disfruta</p>
<h2 class="title-panel">Ofertas destacadas del mes</h2>
<div class="content-oferta" onclick="window.location.href=`https://reservas.bitfly.com/es-US/Hotel/MIA/2022-02-01/2022-02-02/2/P-apitude-48491/netviajes-show-12`">
<div class="img-oferta" style="background-image: url('https://photos.hotelbeds.com/giata/bigger/04/048491/048491a_hb_a_006.jpg');">
<div class="promo-oferta">15% OFF</div>
</div>
<div class="text-oferta">
<p class="oferta-info">Hotel</p>
<p class="oferta-viajero">Precio por noche</p>
</div>
<div class="text-oferta">
<p class="oferta-destino">Riu Plaza Miami Beach</p>
<div class="oferta-precio"><span>$348 usd</span></div>
</div>
</div>
<div class="content-oferta" onclick="window.location.href=`https://reservas.bitfly.com/es-US/Hotel/CUN/2022-03-01/2022-03-02/2/P-ExpediaRapid-64052/netviajes-show-12`">
<div class="img-oferta" style="background-image: url('https://i.travelapi.com/hotels/1000000/70000/64100/64052/3e072de5_z.jpg');">
<div class="promo-oferta">ALL INCLUSIVE</div>
</div>
<div class="text-oferta">
<p class="oferta-info">Hotel Todo Incluido</p>
<p class="oferta-viajero">Precio por noche desde</p>
</div>
<div class="text-oferta">
<p class="oferta-destino">Grand Oasis Cancun</p>
<div class="oferta-precio"><span>$270 usd</span></div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_44158 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-DNN_HTML DnnModule-44159"><a name="44159"></a>
<div class="DNNContainer_noTitle">
<div id="dnn_ctr44159_ContentPane"><!-- Start_Module_44159 -->
<div id="dnn_ctr44159_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
<div id="dnn_ctr44159_HtmlModule_lblContent" class="Normal">
<div class="content-row">
<div class="content-panel">
<p class="text-panel">Descubre</p>
<h2 class="title-panel">Cual sera tu próximo destino?</h2>
<div class="slide-destinos">
<div class="items-content">
<div class="item-slide"><a href="https://reservas.bitfly.com/es-US/Hotel/ADZ/2022-03-01/2022-03-02/1/NA/netviajes-show-12#hotel"><img src="/portals/1194/Images/destinos-01.jpg"> </a>
<div class="text-destinos">
<p class="oferta-destino"><span style="font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">San Andres</span></p>
<a class="link-destino" href="https://reservas.bitfly.com/es-US/Hotel/ADZ/2022-03-01/2022-03-02/1/NA/netviajes-show-12#hotel">Ver Hoteles</a>
</div>
</div>
<div class="item-slide"><img src="/portals/1194/Images/destinos-02.jpg">
<div class="text-destinos">
<p class="oferta-destino">Cartagena</p>
<a class="link-destino" href="https://reservas.bitfly.com/es-US/Hotel/CTG/2022-03-01/2022-03-02/1/NA/netviajes-show-12#hotel">Ver Hoteles</a>
</div>
</div>
<div class="item-slide">
<a href="https://reservas.bitfly.com/es-US/Hotel/MIA/2022-03-01/2022-03-02/1/NA/netviajes-show-12#hotel"><img src="https://images.pexels.com/photos/105950/pexels-photo-105950.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"> </a>
<div class="text-destinos">
<p class="oferta-destino">Miami</p>
<a class="link-destino" href="https://reservas.bitfly.com/es-US/Hotel/MIA/2022-03-01/2022-03-02/1/NA/netviajes-show-12#hotel">Ver Hoteles</a>
</div>
</div>
<div class="item-slide"><img src="/portals/1194/Images/Banner-02.jpg">
<div class="text-destinos">
<p class="oferta-destino">Madrid</p>
<a class="link-destino" href="https://reservas.bitfly.com/ees-US/Hotel/MAD/2022-03-01/2022-03-02/1/NA/netviajes-show-12#hotel">Ver Hoteles</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End_Module_44159 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="dnn_DesktopPane" class="col-md-12 contentPane">
<div class="DnnModule DnnModule-ViewDesign DnnModule-44154"><a name="44154"></a>
<div class="cms-flex__title_h2_left mt-3">
<h2><span id="dnn_ctr44154_dnnTITLE_titleLabel" class="titulo">Recorre el mundo en 2022</span>
</h2>
<div id="dnn_ctr44154_ContentPane"><!-- Start_Module_44154 --><span class="colorDesc">HOTELES & ALOJAMIENTOS EN TODO EL MUNDO</span>
<div id="dnn_ctr44154_ModuleContent" class="DNNModuleContent ModViewDesignC">
<div id="mvcContainer-44154">
<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-44154" 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-44154">
<div class="cardtype05-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype05-content">
<div class="idCard">3299</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/MIA/2022-03-01/2022-03-02/1/NA/netviajes-show-12" class="addSessionToken">
<div class="cardtype05-image">
<img src="https://images.pexels.com/photos/3773651/pexels-photo-3773651.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500https://images.pexels.com/photos/3773651/pexels-photo-3773651.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500">
<div class="text-image-sc">
<h2 class="text-destination-sc">Miami</h2>
<h3 class="text-promotion-sc">Mas de 130 hospedajes</h3>
</div>
</div>
<div class="cardtype05-data">
<div class="data-card-sc">
<p class="text-card-sc">Ver Hoteles</p>
<div class="price-card-sc">
<p class="text-card-xs">desde</p>
<p class="text-card-lg">$49</p>
<p class="text-disabled">1</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="cardtype05-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype05-content">
<div class="idCard">3300</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/MAD/2022-03-01/2022-03-02/1/NA/netviajes-show-12" class="addSessionToken">
<div class="cardtype05-image">
<img src="https://images.pexels.com/photos/670261/pexels-photo-670261.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500">
<div class="text-image-sc">
<h2 class="text-destination-sc">Madrid</h2>
<h3 class="text-promotion-sc">Más de 290 hospedajes</h3>
</div>
</div>
<div class="cardtype05-data">
<div class="data-card-sc">
<p class="text-card-sc">Ver Hoteles</p>
<div class="price-card-sc">
<p class="text-card-xs">desde</p>
<p class="text-card-lg">$24</p>
<p class="text-disabled">2</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="cardtype05-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype05-content">
<div class="idCard">3301</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/ADZ/2022-03-01/2022-03-02/1/NA/netviajes-show-12" class="addSessionToken">
<div class="cardtype05-image">
<img src="https://demobit.netactica.com/portals/20/Images/Home/destinos-01.jpg">
<div class="text-image-sc">
<h2 class="text-destination-sc">San Andrés</h2>
<h3 class="text-promotion-sc">Más de 65 hospedajes</h3>
</div>
</div>
<div class="cardtype05-data">
<div class="data-card-sc">
<p class="text-card-sc">Ver Hoteles</p>
<div class="price-card-sc">
<p class="text-card-xs">desde</p>
<p class="text-card-lg">$25</p>
<p class="text-disabled">3</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="cardtype05-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype05-content">
<div class="idCard">3302</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/CUN/2022-03-01/2022-03-02/1/NA/netviajes-show-12" class="addSessionToken">
<div class="cardtype05-image">
<img src="https://i.travelapi.com/hotels/1000000/70000/64100/64052/3e072de5_z.jpg">
<div class="text-image-sc">
<h2 class="text-destination-sc">Cancún</h2>
<h3 class="text-promotion-sc">Mas de 120 hospedajes</h3>
</div>
</div>
<div class="cardtype05-data">
<div class="data-card-sc">
<p class="text-card-sc">Ver Hoteles</p>
<div class="price-card-sc">
<p class="text-card-xs">desde</p>
<p class="text-card-lg">$21</p>
<p class="text-disabled">4</p>
</div>
</div>
</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-44154" 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-44154" id="filename-44154">
</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-44154", function(e) {
e.preventDefault();
if (confirm("Desea eliminar el elemento seleccionado?")) {
var dataCard = {
CardId: $(this).attr('data-delidcard'),
ModuleId: 44154
}
$.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-44154").css("display", "none");
if (isString == "True") {
var touchEnabled = true;
if (windowWidth > 768) {
touchEnabled = false
}
$(".list-slider-44154").bxSlider({
pager: true,
controls: true,
minSlides: 1,
maxSlides: maxSlides,
slideWidth: slideWidth,
slideMargin: 0,
touchEnabled: touchEnabled,
auto: true,
autoHover: true,
pause: 9000
});
$(".list-slider-44154").parent().parent().find(".bx-controls-direction a").text("");
$(".list-slider-44154").parent().parent().find(".bx-controls-direction a:eq(1)").append('<i class="fa fa-chevron-right" aria-hidden="true"></i>');
$(".list-slider-44154").parent().parent().find(".bx-controls-direction a:eq(0)").append('<i class="fa fa-chevron-left" aria-hidden="true"></i>');
$("#btn-sort-cards-44154").css("display", "none");
} else {
$("#btn-sort-cards-44154").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-44154").change(function(e) {
var ext = $("input#filename-44154").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 = '5';
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-44154 .cardtype01-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44154 .cardtype01-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-44154 .cardtype02-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44154 .cardtype02-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-44154 .cardtype03-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44154 .cardtype03-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-44154 .cardtype04-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-destinations-44154 .cardtype04-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
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 = '44154';
dataItemArr.CardStyleID = '5';
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-44154 .cardtype05-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44154 .cardtype05-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-44154 .cardtype06-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44154 .cardtype06-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-44154 .cardtype07-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44154 .cardtype07-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
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-44154").click(function(e) {
e.preventDefault();
$("#formats-export-csv-44154").toggle(500);
$("#formats-export-csv-44154").slideDown.delay(10000).fadein(10000);
$("#formats-export-csv-44154").animate
});
$(".expcsvformat-44154").click(function(e) {
e.preventDefault();
var typecard = '5';
var htmltable = '';
var formatselected = $(this).attr('data-format');
var format = ";";
if (formatselected == "coma") {
format = ",";
}
$("#tabletodownload tr").remove();
if (typecard == '1') {
if ($(".list-slider-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154 .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-44154").on("click", function(e) {
e.preventDefault();
$("#myModal-44154").modal();
});
$("#btn-sort-cards-44154").on("click", function(e) {
e.preventDefault();
var typecard = '5';
$(this).css("display", "none");
$("#btn-save-cards-44154").css("display", "inline");
$(".list-slider-44154").attr("id", "sortable-44154");
if (typecard == '1') {
$(".list-slider-44154 .cardtype01-panel").addClass("ui-state-default");
}
if (typecard == '2') {
$(".list-slider-44154 .cardtype02-panel").addClass("ui-state-default");
}
if (typecard == '4') {
$(".list-slider-44154 .cardtype03-panel").addClass("ui-state-default");
}
if (typecard == '3') {
$(".list-destinations-44154").attr("id", "sortable-44154");
$(".list-destinations-44154 .cardtype04-panel").addClass("ui-state-default");
}
if (typecard == '5') {
$(".list-slider-44154 .cardtype05-panel").addClass("ui-state-default");
}
if (typecard == '6') {
$(".list-slider-44154 .cardtype06-panel").addClass("ui-state-default");
}
if (typecard == '7') {
$(".list-slider-44154 .cardtype07-panel").addClass("ui-state-default");
}
setTimeout(function() {
$("#sortable-44154").sortable();
$("#sortable-44154").disableSelection();
}, 500);
});
$("#btn-save-cards-44154").on("click", function(e) {
e.preventDefault();
var objItemsCard = new Array();
var typecard = '5';
if (typecard == '1') {
if ($(".list-slider-44154 .cardtype01-content").length > 0) {
$(".list-slider-44154 .cardtype01-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '5';
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-44154 .cardtype02-content").length > 0) {
$(".list-slider-44154 .cardtype02-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '5';
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-44154 .cardtype03-content").length > 0) {
$(".list-slider-44154 .cardtype03-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '5';
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-44154 .cardtype05-content").length > 0) {
$(".list-slider-44154 .cardtype05-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '5';
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-44154 .cardtype06-content").length > 0) {
$(".list-slider-44154 .cardtype06-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '5';
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-44154 .cardtype07-content").length > 0) {
$(".list-slider-44154 .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 = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '5';
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-44154 .cardtype04-content").length > 0) {
$(".list-destinations-44154 .cardtype04-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.ItemId = $(this).find(".idCard").text();
dataItemArr.CardStyleID = '5';
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 = '5';
if (typecard == '1') {
var dataItemArr = {};
dataItemArr.ModuleId = '44154';
dataItemArr.CardStyleID = '5';
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 = '44154';
dataItemArr.CardStyleID = '5';
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 = '44154';
dataItemArr.CardStyleID = '5';
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 = '44154';
dataItemArr.CardStyleID = '5';
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 = '44154';
dataItemArr.CardStyleID = '5';
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 = '44154';
dataItemArr.CardStyleID = '5';
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_44154 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-ViewDesign DnnModule-44155"><a name="44155"></a>
<div class="cms-flex__title_h3_left mt-3">
<h3><span id="dnn_ctr44155_dnnTITLE_titleLabel" class="titulo">¡Los mejores Alojamientos para tu viaje!</span>
</h3>
<div id="dnn_ctr44155_ContentPane"><!-- Start_Module_44155 --><span class="colorDesc"> PAGA TUS HOSPEDAJE CON CRIPTOMONEDAS </span>
<div id="dnn_ctr44155_ModuleContent" class="DNNModuleContent ModViewDesignC">
<div id="mvcContainer-44155">
<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-44155" 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-44155">
<div class="cardtype03-panel col-xs-12 col-sm-6 col-md-3 col-lg-3 default">
<div class="cardtype03-content">
<div class="idCard">3303</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/MIA/2022-02-01/2022-02-02/2/P-apitude-48491/netviajes-show-12" class="addSessionToken">
<div class="cardtype03-image">
<img src="https://photos.hotelbeds.com/giata/bigger/04/048491/048491a_hb_a_020.jpg">
<div class="text-destination-card">Desayuno Incluido</div>
<div class="text-promotion-obal">Miami</div>
</div>
<div class="cardtype03-data">
<h2>Riu Plaza Miami Beach</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">Está ubicado en pleno distrito Art Déco de South Beach Miami</p>
<p class="text-card-xs">precio por noche desde</p>
<p class="text-card-lg">348 USD</p>
<p class="text-card-xs">base doble</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">3304</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/CUN/2022-03-01/2022-03-02/2/P-ExpediaRapid-64052/netviajes-show-12" class="addSessionToken">
<div class="cardtype03-image">
<img src="https://photos.hotelbeds.com/giata/bigger/04/048491/048491a_hb_a_006.jpg">
<div class="text-destination-card">All Inclusive</div>
<div class="text-promotion-obal">Mexico</div>
</div>
<div class="cardtype03-data">
<h2>Grand Oasis Cancun</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>
<span class="text-disabled">3</span>
</div>
<p class="text-card-md"> se encuentra a 15 minutos a pie de Aquaworld y Museo Maya de Cancún</p>
<p class="text-card-xs">precio desde</p>
<p class="text-card-lg">271 USD</p>
<p class="text-card-xs">base doble</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">3305</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/NYC/2022-03-01/2022-03-02/1/P-apitude-142665/netviajes-show-12" class="addSessionToken">
<div class="cardtype03-image">
<img src="/portals/1194/Images/yotel.jpg">
<div class="text-destination-card"> </div>
<div class="text-promotion-obal">New York</div>
</div>
<div class="cardtype03-data">
<h2>YOTEL New York</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">Situado en una ubicación privilegiada en el centro de Manhattan</p>
<p class="text-card-xs">precio desde</p>
<p class="text-card-lg">131 USD</p>
<p class="text-card-xs">base doble</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">3306</div>
<a href="https://reservas.bitfly.com/es-US/Hotel/ADZ/2022-03-01/2022-03-02/1/NA/netviajes-show-12" class="addSessionToken">
<div class="cardtype03-image">
<img src="https://photos.hotelbeds.com/giata/bigger/66/661319/661319a_hb_ba_001.jpg">
<div class="text-destination-card"> </div>
<div class="text-promotion-obal">San Andres</div>
</div>
<div class="cardtype03-data">
<h2>Hotel Samawi</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">Ubicado en un sector tranquilo donde es posible disfrutar del descanso</p>
<p class="text-card-xs">precio desde</p>
<p class="text-card-lg">128 USD</p>
<p class="text-card-xs">por noche base doble</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-44155" 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-44155" id="filename-44155">
</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-44155", function(e) {
e.preventDefault();
if (confirm("Desea eliminar el elemento seleccionado?")) {
var dataCard = {
CardId: $(this).attr('data-delidcard'),
ModuleId: 44155
}
$.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-44155").css("display", "none");
if (isString == "True") {
var touchEnabled = true;
if (windowWidth > 768) {
touchEnabled = false
}
$(".list-slider-44155").bxSlider({
pager: true,
controls: true,
minSlides: 1,
maxSlides: maxSlides,
slideWidth: slideWidth,
slideMargin: 0,
touchEnabled: touchEnabled,
auto: true,
autoHover: true,
pause: 9000
});
$(".list-slider-44155").parent().parent().find(".bx-controls-direction a").text("");
$(".list-slider-44155").parent().parent().find(".bx-controls-direction a:eq(1)").append('<i class="fa fa-chevron-right" aria-hidden="true"></i>');
$(".list-slider-44155").parent().parent().find(".bx-controls-direction a:eq(0)").append('<i class="fa fa-chevron-left" aria-hidden="true"></i>');
$("#btn-sort-cards-44155").css("display", "none");
} else {
$("#btn-sort-cards-44155").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-44155").change(function(e) {
var ext = $("input#filename-44155").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-44155 .cardtype01-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44155 .cardtype01-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '2') {
if ($(".list-slider-44155 .cardtype02-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44155 .cardtype02-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '4') {
if ($(".list-slider-44155 .cardtype03-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44155 .cardtype03-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '3') {
if ($(".list-destinations-44155 .cardtype04-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-destinations-44155 .cardtype04-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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 = '44155';
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-44155 .cardtype05-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44155 .cardtype05-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '6') {
if ($(".list-slider-44155 .cardtype06-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44155 .cardtype06-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
dataItemArr.ItemId = $(this).find(".idCard").text();
objItemsModuleId.push(dataItemArr);
});
}
}
if (typecard == '7') {
if ($(".list-slider-44155 .cardtype07-panel").length > 0) {
var objItemsModuleId = new Array();
$(".list-slider-44155 .cardtype07-panel").each(function() {
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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-44155").click(function(e) {
e.preventDefault();
$("#formats-export-csv-44155").toggle(500);
$("#formats-export-csv-44155").slideDown.delay(10000).fadein(10000);
$("#formats-export-csv-44155").animate
});
$(".expcsvformat-44155").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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155 .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-44155").on("click", function(e) {
e.preventDefault();
$("#myModal-44155").modal();
});
$("#btn-sort-cards-44155").on("click", function(e) {
e.preventDefault();
var typecard = '4';
$(this).css("display", "none");
$("#btn-save-cards-44155").css("display", "inline");
$(".list-slider-44155").attr("id", "sortable-44155");
if (typecard == '1') {
$(".list-slider-44155 .cardtype01-panel").addClass("ui-state-default");
}
if (typecard == '2') {
$(".list-slider-44155 .cardtype02-panel").addClass("ui-state-default");
}
if (typecard == '4') {
$(".list-slider-44155 .cardtype03-panel").addClass("ui-state-default");
}
if (typecard == '3') {
$(".list-destinations-44155").attr("id", "sortable-44155");
$(".list-destinations-44155 .cardtype04-panel").addClass("ui-state-default");
}
if (typecard == '5') {
$(".list-slider-44155 .cardtype05-panel").addClass("ui-state-default");
}
if (typecard == '6') {
$(".list-slider-44155 .cardtype06-panel").addClass("ui-state-default");
}
if (typecard == '7') {
$(".list-slider-44155 .cardtype07-panel").addClass("ui-state-default");
}
setTimeout(function() {
$("#sortable-44155").sortable();
$("#sortable-44155").disableSelection();
}, 500);
});
$("#btn-save-cards-44155").on("click", function(e) {
e.preventDefault();
var objItemsCard = new Array();
var typecard = '4';
if (typecard == '1') {
if ($(".list-slider-44155 .cardtype01-content").length > 0) {
$(".list-slider-44155 .cardtype01-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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-44155 .cardtype02-content").length > 0) {
$(".list-slider-44155 .cardtype02-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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-44155 .cardtype03-content").length > 0) {
$(".list-slider-44155 .cardtype03-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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-44155 .cardtype05-content").length > 0) {
$(".list-slider-44155 .cardtype05-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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-44155 .cardtype06-content").length > 0) {
$(".list-slider-44155 .cardtype06-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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-44155 .cardtype07-content").length > 0) {
$(".list-slider-44155 .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 = '44155';
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-44155 .cardtype04-content").length > 0) {
$(".list-destinations-44155 .cardtype04-content").each(function(index) {
order = index + 1;
var dataItemArr = {};
dataItemArr.ModuleId = '44155';
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 = '44155';
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 = '44155';
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 = '44155';
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 = '44155';
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 = '44155';
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 = '44155';
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_44155 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div id="dnn_ContentPaneFull" class="col-md-12 contentPane DNNEmptyPane"></div>
<div class="container">
<div class="row dnnpane">
<div id="dnn_search75" class="col-md-8 contentPane DNNEmptyPane"></div>
<div id="dnn_block25" class="col-md-4 contentPane DNNEmptyPane"></div>
<div id="dnn_ContentPane" class="col-md-12 contentPane DNNEmptyPane"></div>
</div>
</div>
<div id="dnn_TopLowerPaneFull" class="col-md-12 contentPane cms-flex__panelbg DNNEmptyPane"></div>
</div>
<div class="container cms-flex__page-content">
<div class="row dnnpane">
<div id="dnn_TopLeftSidebar" class="col-md-3 spacingTop DNNEmptyPane"></div>
<div id="dnn_TopLeftSidebarOuter" class="col-md-9 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_TopRightSidebarOuter" class="col-md-9 spacingTop DNNEmptyPane"></div>
<div id="dnn_TopRightSidebar" class="col-md-3 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_TopLeftOuter" class="col-md-3 spacingTop DNNEmptyPane"></div>
<div id="dnn_TopLeftInner" class="col-md-3 spacingTop DNNEmptyPane"></div>
<div id="dnn_TopRightInner" class="col-md-3 spacingTop DNNEmptyPane"></div>
<div id="dnn_TopRightOuter" class="col-md-3 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_TopLeftPane" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_TopMiddlePane" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_TopRightPane" class="col-md-4 spacingTop DNNEmptyPane"></div>
</div>
</div>
<div id="dnn_MiddlePaneFull" class="col-md-12 contentPane spacingTop DNNEmptyPane"></div>
<div class="container">
<div class="row dnnpane">
<div id="dnn_MiddlePane" class="col-md-12 contentPane spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_LeftShortPane" class="col-md-3 spacingTop DNNEmptyPane"></div>
<div id="dnn_CenterPane" class="col-md-6 spacingTop DNNEmptyPane"></div>
<div id="dnn_RightShortPane" class="col-md-3 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_RightSidebarOuter" class="col-md-8 spacingTop DNNEmptyPane"></div>
<div id="dnn_RightSidebar" class="col-md-4 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_LeftSidebar" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_LeftSidebarOuter" class="col-md-8 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_LeftPane" class="col-md-6 spacingTop DNNEmptyPane"></div>
<div id="dnn_RightPane" class="col-md-6 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_BottomLeftPane" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_BottomCenterPane" class="col-md-4 spacingTop DNNEmptyPane"></div>
<div id="dnn_BottomRightPane" class="col-md-4 spacingTop DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_BottomPane" class="col-md-12 spacingTop DNNEmptyPane"></div>
</div>
</div>
<div id="dnn_BottomPaneFull" class="col-md-12 contentPane spacingTop DNNEmptyPane"></div>
<div class="container">
<div class="row dnnpane">
<div id="dnn_RegisterFormPane" class="registerFormPane col-md-12 DNNEmptyPane"></div>
</div>
</div>
</div>
<!-- /.container -->
<footer class="footer_net footer2">
<!-- container para footer -->
<div class="container">
<div class="row dnnpane">
<div id="dnn_FooterTop" class="col-md-12 DNNEmptyPane"></div>
<div id="dnn_FooterLeft" class="col-md-6 DNNEmptyPane"></div>
<div id="dnn_FooterRight" class="col-md-6 DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_FooterLeftPane" class="col-md-4 DNNEmptyPane"></div>
<div id="dnn_FooterCenterPane" class="col-md-4 DNNEmptyPane"></div>
<div id="dnn_FooterRightPane" class="col-md-4 DNNEmptyPane"></div>
</div>
<div class="row dnnpane">
<div id="dnn_FooterLeftOuter" class="col-md-3 DNNEmptyPane"></div>
<div id="dnn_FooterLeftInner" class="col-md-3 DNNEmptyPane"></div>
<div id="dnn_FooterRightInner" class="col-md-3 DNNEmptyPane"></div>
<div id="dnn_FooterRightOuter" class="col-md-3 DNNEmptyPane"></div>
<div id="dnn_FooterBottom" class="col-md-12 DNNEmptyPane"></div>
</div>
</div>
<!-- container para footer -->
<div class="grid-container-footer d-sm_net-flex flex-sm_net-column">
<div class="container1 ">
<p> Operado por NETVIAJES RNT 72357 </p>
<p> Email: <a href="mailto:info@bitfly.com"> info@bitfly.com</a>
</p>
</div>
<div class="logos-footer-container align-items-sm_net-start justify-sm_net-start">
<a class="p2plink"><img src="/portals/1138/Skins/skin-grid-new/assets/Images/placetopay-logo1.png"></a>
<a href="http://www.netactica.com" target="_blank" class="logo-net pb-sm_net-1"><img src="/portals/1194/Skins/skin-grid-new/assets/Images/logoNetactica1.png"></a>
</div>
</div>
<div class="grid-container-footer d-sm_net-flex flex-sm_net-column border-top">
<div class="container1">
<div class="links-footers align-items-sm_net-start flex-sm_net-column">
<a href="/Términos-y-condiciones">Términos y condiciones</a>
<a href="/Privacidad">Políticas de privacidad</a>
<a class="Formulario-PQR" href="/Formulario-PQR">Formulario PQR</a>
</div>
</div>
<div class="container2">
</div>
</div>
</footer>
<!-- Footer -->
</div>
<!-- /.SiteWrapper -->
<link href="https://unpkg.com/swiper/swiper-bundle.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<!--CDF(Css|/portals/0/css/bootstrap/css/bootstrap.min.css?cdv=1330|DnnPageHeaderProvider|12)-->
<!--CDF(Css|/Portals/1194/skins/skin-grid-new/assets/css/skin.css?cdv=1330|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1194/skins/skin-grid-new/assets/css/styles_header_footer.css?cdv=1330|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1194/skins/skin-grid-new/assets/css/cms_flex_grid.css?cdv=1330|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/1194/skins/skin-grid-new/assets/css/content_flex.css?cdv=1330|DnnPageHeaderProvider|100)-->
<link rel="stylesheet" href="https://dnnprod.s3.amazonaws.com/css/jquery.bxslider.css">
<!--CDF(Css|/Portals/1194/skins/skin-grid-new/assets/css/editable.css?cdv=1330|DnnPageHeaderProvider|100)-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<script src="https://dnnprod.s3.amazonaws.com/js/jquery.bxslider.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!--CDF(Javascript|/portals/0/css/bootstrap/js/bootstrap.min.js?cdv=1330|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/1194/skins/skin-grid-new/assets/js/jquery.smartmenus.js?cdv=1330|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/1194/skins/skin-grid-new/assets/js/script_widget.js?cdv=1330|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/1194/skins/skin-grid-new/assets/js/script_plantillas.js?cdv=1330|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/1194/skins/skin-grid-new/assets/js/editable.js?cdv=1330|DnnBodyProvider|100)-->
<input name="ScrollTop" type="hidden" id="ScrollTop">
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off">
</form>Text Content
* Mi cuenta
{LoggedUser}
Puntos {PointsBalance}
{CloseSession[Html="Cerrar Session"]}
*
* Iniciar Sesión
* Registrarse
* Mis Reservas
* Vuelos
* Hoteles
* Autos
* Actividades
*
*
*
*
>
VUELOS CON RESERVA FLEXIBLE
Ida y vuelta
Solo ida
Multi destino
Origen:
Destino:
Fechas:
Tramo 1
Origen:
Destino:
Fecha:
Hora de salida:
Cualquiera Por la mañana Por la tarde Por la noche 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
Tramo 2
Origen:
Destino:
Fecha:
Hora de salida:
Cualquiera Por la mañana Por la tarde Por la noche 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
+ Agregar tramo
Tramo 3
Origen:
Destino:
Fecha:
Hora de salida:
Cualquiera Por la mañana Por la tarde Por la noche 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
- Eliminar tramo
+ Agregar tramo
Tramo 4
Origen:
Destino:
Fecha:
Hora de salida:
Cualquiera Por la mañana Por la tarde Por la noche 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
- Eliminar tramo
+ Agregar tramo
Tramo 5
Origen:
Destino:
Fecha:
Hora de salida:
Cualquiera Por la mañana Por la tarde Por la noche 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
- Eliminar tramo
+ Agregar tramo
Tramo 6
Origen:
Destino:
Fecha:
Hora de salida:
Cualquiera Por la mañana Por la tarde Por la noche 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
- Eliminar tramo
Pasajeros:
Solo con equipaje
Solo con equipaje
Soy flexible con mis fechas de viaje
Código Promocional
Opciones especiales
Tipo de cabina: Cualquiera Económica Ejecutiva Primera clase
Aerolínea: Cualquiera 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 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 madagascar (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 (AZ)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)aruba airlines
(AG)aserca airlines (R7)asiana airlines (OZ)austral lineas aéreas (AU)austrian
air (OS)avianca (AV)avianca argentina (A0)avianca brasil (O6)aviateca (GU)avior
airlines (9V)azerbaijan airl (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)compagnie corse (XK)condor (DE)conocemos navegando (0C)continental
(OC)conviasa (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)easyfly (VE)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)hahn air system
(H1)hainan airlines (HU)hawaiian (HA)hazelton (ZL)heli air monaco (YO)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)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)jetblue airways (B6)jetsmart spa (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 polish (LO)ltu intl (LT)lzb
bulgaria air (FB)lacsa (LR)lan argentina (4M)lan colombia airlines
(4C)lanecuador (XL)laser (QL)latam airlines brasil (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)shanghai (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)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)windward island (WM)wingo (P5)xl airways
france (SE)xiamen airlines (MF)yamal airlines (YC)yemenia yemen (IY)zuza (ZA)bmi
british (BD)veintitres (23)
Hora de salida: Cualquiera Por la mañana Por la tarde Por la noche 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
Hora de regreso: Cualquiera Por la mañana Por la tarde Por la noche 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
HOTELES & ALOJAMIENTOS EN TODO EL MUNDO
Destino:
Fechas:
Habitaciones:
Código Promocional
ALQUILER DE AUTOS CON RESERVA FLEXIBLE
Lugar de retiro:
Lugar de devolución:
Fecha de alquiler:
Por la mañana Por la tarde Por la noche 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:00 AM
Fecha de devolución:
Por la mañana Por la tarde Por la noche 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:00 AM
Código Promocional
Devolver en otro destino
ACTIVIDADES, TOURS Y EXPERIENCIAS EN TODO EL MUNDO
Destino:
Fechas:
Código Promocional
PASAJEROS
Adultos
12 ó + años
Niños
2 a 11 años
Infantes
0 a 23 meses
Aplicar
HABITACIONES
HABITACIÓN 1
Adultos
12 ó + años
Niños
0 a 11 años
Edad niño 1 01234567891011
Edad niño 2 01234567891011
Edad niño 3 01234567891011
Edad niño 4 01234567891011
HABITACIÓN 2
Eliminar
Adultos
12 ó + años
Niños
0 a 11 años
Edad niño 1 01234567891011
Edad niño 2 01234567891011
Edad niño 3 01234567891011
Edad niño 4 01234567891011
HABITACIÓN 3
Eliminar
Adultos
12 ó + años
Niños
0 a 11 años
Edad niño 1 01234567891011
Edad niño 2 01234567891011
Edad niño 3 01234567891011
Edad niño 4 01234567891011
HABITACIÓN 4
Eliminar
Adultos
12 ó + años
Niños
0 a 11 años
Edad niño 1 01234567891011
Edad niño 2 01234567891011
Edad niño 3 01234567891011
Edad niño 4 01234567891011
Agregar habitación
Aplicar
TU PRÓXIMO VIAJE LO RESERVAS CON CRIPTOMONEDAS
Paga por tu estancia en cualquier sitio del mundo usando tu criptomoneda
favorita.
Disfruta
OFERTAS DESTACADAS DEL MES
15% OFF
Hotel
Precio por noche
Riu Plaza Miami Beach
$348 usd
ALL INCLUSIVE
Hotel Todo Incluido
Precio por noche desde
Grand Oasis Cancun
$270 usd
Descubre
CUAL SERA TU PRÓXIMO DESTINO?
San Andres
Ver Hoteles
Cartagena
Ver Hoteles
Miami
Ver Hoteles
Madrid
Ver Hoteles
RECORRE EL MUNDO EN 2022
HOTELES & ALOJAMIENTOS EN TODO EL MUNDO
3299
MIAMI
MAS DE 130 HOSPEDAJES
Ver Hoteles
desde
$49
1
3300
MADRID
MÁS DE 290 HOSPEDAJES
Ver Hoteles
desde
$24
2
3301
SAN ANDRÉS
MÁS DE 65 HOSPEDAJES
Ver Hoteles
desde
$25
3
3302
CANCÚN
MAS DE 120 HOSPEDAJES
Ver Hoteles
desde
$21
4
IMPORTAR INFORMACIÓN
×Cerrar
Seleccione un archivo con extensión .csv
Cerrar
¡LOS MEJORES ALOJAMIENTOS PARA TU VIAJE!
PAGA TUS HOSPEDAJE CON CRIPTOMONEDAS
3303
Desayuno Incluido
Miami
RIU PLAZA MIAMI BEACH
4
Está ubicado en pleno distrito Art Déco de South Beach Miami
precio por noche desde
348 USD
base doble
1
3304
All Inclusive
Mexico
GRAND OASIS CANCUN
3
se encuentra a 15 minutos a pie de Aquaworld y Museo Maya de Cancún
precio desde
271 USD
base doble
2
3305
New York
YOTEL NEW YORK
4
Situado en una ubicación privilegiada en el centro de Manhattan
precio desde
131 USD
base doble
3
3306
San Andres
HOTEL SAMAWI
4
Ubicado en un sector tranquilo donde es posible disfrutar del descanso
precio desde
128 USD
por noche base doble
4
IMPORTAR INFORMACIÓN
×Cerrar
Seleccione un archivo con extensión .csv
Cerrar
Operado por NETVIAJES RNT 72357
Email: info@bitfly.com
Términos y condiciones Políticas de privacidad Formulario PQR