src/Aviatur/TwigBundle/Resources/views/default/Flux/Package/Default/package_detail.html.twig line 1

Open in your IDE?
  1. {% extends twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/front.html.twig') %}
  2. {% if app.session.has('operatorId') != 1 %}
  3.     {% set host = app.request.getSchemeAndHttpHost()%}
  4.     {% set urlCanonical = variables.urlDescription['url'] %}
  5.     {% set urlPag = app.request.uri %}
  7.     {% set namePackage = ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.ProductName%}
  8. {% endif %}
  9. {% block head_title %}{% if app.session.has('operatorId') != 1 %}Paquete Turístico de {{namePackage|striptags|slice(0, 42)}}{% endif %} {% endblock %}
  10. {% block head_keywords %}
  11.     {% if app.session.has('operatorId') != 1 %}
  12.         {% if '-' in namePackage %}
  13.             {% set array = namePackage|striptags|split('-') %}
  14.             {% if ',' in attribute(array, 1)%}
  15.                 {% set array2 = attribute(array, 1)|split(',') %}
  16.                 {% if array2|length <= 2 %}
  17.                     Paquetes baratos de {{attribute(array, 0)|trim(' ')}}, planes de viajes de {{attribute(array2, 0)|trim(' ')}}, viajes baratos de {{attribute(array, 0)}}{{attribute(array2, 0)|trim(' ')}}, planes turisticos a {{variables.CiudadDestino|title}}
  18.                 {%else%}
  19.                     Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  20.                 {% endif %}
  21.             {% elseif 'Promoción' in attribute(array, 0) %}
  22.                 {% if attribute(array, 0)|length > 10 %}
  23.                     {% if array|length > 2 and 'Descuento' in attribute(array, 2) %}
  24.                         Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  25.                     {% elseif array|length > 2 and 'Descuento' not in attribute(array, 2)%}
  26.                         Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 1)}}{{attribute(array, 2)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  27.                     {% else%}
  28.                         Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  29.                     {% endif%}
  30.                 {%else%}
  31.                     {% if array|length > 2 and 'Descuento' in attribute(array, 2) %}
  32.                         Paquetes baratos de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  33.                     {% elseif array|length > 2 and 'Descuento' not in attribute(array, 2)%}
  34.                         Paquetes baratos de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)}}{{attribute(array, 2)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  35.                     {% else%}
  36.                         Paquetes baratos de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  37.                     {% endif%}
  38.                 {% endif %}
  39.             {% elseif 'Modo Vacaciones' in attribute(array, 0) %}
  40.                 {% if array|length > 2 and ('Descuento' in attribute(array, 2) or 'noches' in attribute(array, 2))%}
  41.                     Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  42.                 {% elseif array|length > 2 and ('Descuento' not in attribute(array, 2) or 'noches' not in attribute(array, 2))%}
  43.                     Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)}}{{attribute(array, 2)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  44.                 {%else%}
  45.                     Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)}}{{attribute(array, 1)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  46.                 {% endif %}
  47.             {%else%}
  48.                 Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 1)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  49.             {% endif %}
  50.         {% elseif '.' in namePackage %}
  51.             {% set array = namePackage|striptags|split('.') %}
  52.             Paquetes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes de viajes de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, viajes baratos de {{attribute(array, 0)|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  53.         {% else %}
  54.             Paquetes baratos de {{namePackage|striptags|trim(' ')|slice(0,50)}}, planes de viajes de {{namePackage|striptags|trim(' ')|slice(0,50)}}, viajes baratos de {{namePackage|striptags|trim(' ')|slice(0,50)}}, planes turisticos a {{variables.CiudadDestino|title}}
  55.         {% endif %}
  56.     {% endif %}
  57. {% endblock %}
  59. {% block head_description_content %}
  60.     {% if app.session.has('operatorId') != 1 %}
  61.         {% set acomodacionPackage = ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Acomodacion %}
  62.         {% set descripcion = "Aprovecha nuestras ofertas de paquetes vacacionales y compra en Aviatur.com. " ~ namePackage|striptags|slice(0, 77) %}
  63.         {% if descripcion|length <= 120 %}
  64.             {% set descripcionNueva = descripcion ~ " con Acomodación " ~ acomodacionPackage  %}
  65.             {% if descripcionNueva|length < 120 %}
  66.                 Aprovecha nuestras ofertas de paquetes vacacionales y compra en Aviatur.com. Paquete {{namePackage|striptags|slice(0, 77)}} con Acomodación {{acomodacionPackage}}.
  67.             {% else %}
  68.                 {{descripcionNueva}}
  69.             {% endif %}
  70.         {% else %}
  71.             {{descripcion}}
  72.         {% endif %}
  73.     {% endif %}
  74. {% endblock head_description_content %}
  76. {% block head_meta_label %}
  77.     {% if app.session.has('operatorId') != 1 %}
  78.         <meta property="og:type" content="website" />
  79.         <meta property="og:title" content="Paquete Turístico de {{namePackage|striptags|slice(0, 50)}} | Aviatur.com" />
  80.         <meta property="og:url" content="{{urlPag}}" />
  81.         <meta property="og:description" content="Aprovecha nuestras ofertas de paquetes vacacionales y compra en Aviatur.com. Paquete {{namePackage|striptags|slice(0, 77)}}  con Acomodación {{ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Acomodacion}}"/>
  82.         <meta property="og:image" content="{{ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Multimedia.ImageItems.ImageItem.Url|replace({' ': '%'~20 }) }}"/>
  83.         <meta property="og:site_name" content="Aviatur.com" />
  84.         <meta property="fb:admins" content="266311843398184" />
  85.         <meta property="og:locale" content="es_CO" />
  86.         <meta property="og:locale:alternate" content="es_CO" />
  87.         <meta name="twitter:card" content="summary_large_image" />
  88.         <meta name="twitter:site" content="@Aviatur" />
  89.         <meta name="twitter:creator" content="@Aviatur" />
  90.         <meta name="twitter:title" content="Paquete Turístico de {{namePackage|striptags|slice(0, 50)}} | Aviatur.com" />
  91.         <meta name="twitter:description" content="Aprovecha nuestras ofertas de paquetes vacacionales y compra en Aviatur.com. Paquete {{namePackage|striptags|slice(0, 77)}}  con Acomodación {{ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Acomodacion}}"/>
  92.         <meta name="twitter:url" content="{{urlPag}}" />
  93.         <meta name = "twitter: image" content = "{{ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Multimedia.ImageItems.ImageItem.Url|replace({' ': '%'~20 }) }}" />
  94.         <link rel="canonical" href="{{host}}{{urlCanonical}}" />
  95.     {% endif %}
  96. {% endblock head_meta_label %}
  98. {% block javascripts %}
  99.     {% javascripts
  100.         '@AviaturPackageBundle/Resources/public/js/package_detail.js'
  101.         '@AviaturGeneralBundle/Resources/public/js/component_socialNetwork.js'
  102.         '@AviaturPackageBundle/Resources/public/js/package_infoHotel.js' output='js/package_infoHotelDetail.js'
  103.     %}
  104.     <script src="/{{ asset_url }}" type="text/javascript"></script>
  106.     {% endjavascripts %}
  107.     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Package/Includes/detail_js.html.twig') %}
  108. {% endblock %}
  109. {% block body %}
  110.     {% set pId = variables.packageCode ~ '-' ~ variables.nights ~ '-' ~ variables.TipoProducto %}
  112.     <div class="wrapper sp-tinset--big">
  113.         <div class="dispo-shared__sidebar_content_socialNetwork hide-portable">
  114.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_socialNetwork.html.twig') %}
  115.         </div>
  116.         {% if variables.referer is defined %}
  117.             <div class="detail-shared__dispo-back clearfix js-fixed-top">
  118.                 <a href="{{ variables.referer }}" class="btn">
  119.                     <i class="icon icon_chevron_left"></i>
  120.                     <span class="hide-lap-and-up">Dispo.</span>
  121.                     <span class="hide-palm">Disponibilidad</span>
  122.                 </a>
  123.             </div>
  124.         {% endif %}
  125.         <section class="frame-group clearfix package-detail_frame-group">
  126.             <div class="frame">
  127.                 <h1 class="type-main" style="font-size: 1.7rem; line-height:1.2;">
  128.                     {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.ProductName }}
  129.                 </h1>
  130.                 {% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.FormaVenta == 'true' %}
  131.                     <div class="dispo-package_ribbon"><span>ON LINE</span></div>
  132.                 {% endif %}
  133.                 <div class="wrapper-susy">
  134.                     <div class="col-8 sm-12">
  135.                         <div id="owl-package" class="detail-package__carousel owl-carousel owl-theme--prevnext sp-stack">
  136.                             {% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Multimedia.ImageItems.ImageItem is defined %}
  137.                                 {% for photo in ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Multimedia.ImageItems.ImageItem %}
  138.                                     <div class="detail-package__carousel__image" style="background-image: url({{ photo.Url|replace({' ': '%'~20 }) }})"></div>
  139.                                 {% endfor %}
  140.                             {% else %}
  141.                                 <div class="detail-package__carousel__image"></div>
  142.                             {% endif %}
  143.                         </div>
  144.                     </div>
  145.                     <div class="col-4 sm-12">
  146.                         <div class="dispo-package__price-container sp-stack">
  147.                             <span class="dispo-package__price bold price-package-detail">
  148.                                 Desde: <small>{{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.CurrencyCode }}</small>
  149.                                 <span class="js-packagePrice prise-detail">
  150.                                     {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Valor|number_format(2, '.', ',') }}
  151.                                 </span>
  152.                             </span>
  153.                             <h6 class="dispo-package__detail">({% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.CargosYServicios.CargoYServicio.attributes.ThirdPartyId|trim != '607' %}{{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.UnitCostName }}{% else %}Por persona{% endif %})</h6>
  154.                         </div>
  155.                         {# BANNER CODENSA #}
  156.                         {#{% if pId == '1355-3-2' or pId == '285-3-2' or pId == '7320-3-1' or pId == '7280-3-1' %}
  157.                             <a class="detail-package__codensa" href="https://ecommprod.grupoaviatur.com/contenidos/credito-codensa" target="_blank">
  158.                                 <div class="detail-package__codensa-background"></div>
  159.                             </a>
  160.                         {% endif %}#}
  161.                         {% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.CargosYServicios.CargoYServicio.attributes.ThirdPartyId|trim != '607' %}
  162.                             <p class="dispo-package__duration vigenci-package-detail">
  163.                                 {% set daysPlural, nightsPlural = '', '' %}
  164.                                 {% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Noches > 1 %}
  165.                                     {% set daysPlural, nightsPlural = 's', 's' %}
  166.                                 {% elseif ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Noches == 1 %}
  167.                                     {% set daysPlural = 's' %}
  168.                                 {% endif %}
  169.                                 <i class="icon icon_sun icon-inline" aria-hidden="true"></i> {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Noches + 1 }} día{{ daysPlural }} -
  170.                                 <i class="icon icon_moon icon-inline" aria-hidden="true"></i> {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Noches }} noche{{ nightsPlural }}
  171.                             </p>
  172.                         {% endif %}
  173.                         <div class="dispo-package__detail sp-stack--small">
  174.                             <p class="condensed">{{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Description | raw }}</p>
  175.                             {% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.CargosYServicios.CargoYServicio.attributes.ThirdPartyId|trim != '607' %}
  176.                                 <p class="condensed"><i class="icon icon_bundle_hotel"></i> Acomodación {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.Acomodacion }}</p>
  177.                             {% endif %}
  178.                         </div>
  179.                         <p class="dispo-package__detail">Vigencia: {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.VigenciaInicial | localizeddate("medium", "none", null, null, 'dd/MM/yyyy') }} al {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.VigenciaFinal | localizeddate("medium", "none", null, null, 'dd/MM/yyyy') }}</p>
  181.                         <p class="text-center">
  182.                             <span class="btn js-package-detail" data-target="#js-packageModal-cautions">Ver todos los detalles</span>
  183.                             {% if variables.DestinationCode != 'CO' %}
  184.                                 <br><span class="link-span bold sp-inset--small js-package-documentation" data-target="#js-packageModal-documentation" data-destination="{{ variables.DestinationCode }}">Requisitos Documentación</span>
  185.                             {% endif %}
  186.                         </p>
  188.                         {# <div id="tel-package" class="col-12" style="margin: 10px 0px;bottom: 1px;">
  189.                             <button class="btn col-12 hidden-palm" onclick="callModal()">
  190.                                 <i class="icon icon_communications"></i>
  191.                                 Reserve por teléfono
  192.                             </button>
  193.                         </div> #}
  195.                         <div id="online-now" class="col-12 hide" style="margin-bottom: 10px;">
  196.                             <a href="https://hablecon.aviatur.com/ahora" target="_blank" class="btn col-12">
  197.                             <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAC5AAAAuQHip0HoAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAACFQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3XBkVwAAAAp0Uk5TAA9IiqKot8jq+ohkblAAAABDSURBVBhXY2AgA1iugoAVCgyMDLOgnFUODOIMMPaqAMYqJI74KgQnsAqJk74KibOKDA6KAShGo1gawFiF6lAUL5ABAHHacZskeZC1AAAAAElFTkSuQmCC" style="filter: invert(1);height: 15px;">
  198.                                 <span style="margin-left: 5px;">Hable con un asesor ahora</span>
  199.                             </a>
  200.                         </div>
  201.                         <div id="wpp-package" class="col-12" style="margin-bottom:10px">
  202.                             {% if agencyDataInfo['agency_name'] != 'Coomeva' %}
  203.                                 {% set whatsappNumber = null %}
  204.                                 
  205.                                 
  206.                                 {% if agencyWhat is defined and agencyWhat['whatsApp'] is defined and agencyWhat['whatsApp'] > 0 %}
  207.                                     {% set whatsappNumber = agencyWhat['whatsApp'] %}
  208.                                
  209.                                 {% elseif agencyDataInfo is defined 
  210.                                     and agencyDataInfo['agency_phones'] is defined 
  211.                                     and agencyDataInfo['agency_phones']['what'] is defined 
  212.                                     and agencyDataInfo['agency_phones']['what']['whatsApp'] is defined 
  213.                                     and agencyDataInfo['agency_phones']['what']['whatsApp'] > 0 %}
  214.                                     {% set whatsappNumber = agencyDataInfo['agency_phones']['what']['whatsApp'] %}
  215.                                 {% endif %}
  216.                                 
  217.                                 {% if whatsappNumber is not null %}
  218.                                     <!-- Botón para móviles -->
  219.                                     <a class="btn btn--submit col-12 hide-lap-and-up" style="background:linear-gradient(0deg, #229635, #25D366);"
  220.                                     href="https://web.whatsapp.com/send?phone={{ whatsappNumber }}&amp;text=Hola {{ agencyDataInfo['agency_name'] | replace({ '%20': ' ', '&': ' ', '–': ' ', '-': ' ' }) }}, quiero reservar el paquete {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.ProductName }}, {{ host }}{{ urlCanonical }}"
  221.                                     target="_blank">
  222.                                         <i class="icon icon_whatsapp"></i>
  223.                                         Reserve por whatsapp
  224.                                     </a>
  225.                                     <!-- Botón para laptops/escritorio -->
  226.                                     <a class="btn btn--submit col-12 hide-portable" style="background:linear-gradient(0deg, #229635, #25D366);"
  227.                                     href="https://web.whatsapp.com/send?phone={{ whatsappNumber }}&amp;text=Hola {{ agencyDataInfo['agency_name'] | replace({ '%20': ' ', '&': ' ', '–': ' ', '-': ' ' }) }}, quiero reservar el paquete {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.ProductName }}, {{ host }}{{ urlCanonical }}"
  228.                                     target="_blank">
  229.                                         <i class="icon icon_whatsapp"></i>
  230.                                         Reserve por whatsapp
  231.                                     </a>
  232.                                 {% else %}
  233.                                     <!-- Botón para móviles (número por defecto) -->
  234.                                     <a class="btn btn--submit col-12 hide-lap-and-up" style="background:linear-gradient(0deg, #229635, #25D366);" 
  235.                                     href="https://api.whatsapp.com/send?phone=5713821616&amp;text=Hola, quiero reservar el paquete {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.ProductName }}, {{host}}{{urlCanonical}}" 
  236.                                     target="_blank">
  237.                                         <i class="icon icon_whatsapp"></i>
  238.                                         Reserve por whatsapp
  239.                                     </a>
  240.                                     <!-- Botón para laptops/escritorio (número por defecto) -->
  241.                                     <a class="btn btn--submit col-12 hide-portable" style="background:linear-gradient(0deg, #229635, #25D366);" 
  242.                                     href="https://web.whatsapp.com/send?phone=5713821616&amp;text=Hola, quiero reservar el paquete {{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.ProductName }}, {{host}}{{urlCanonical}}" 
  243.                                     target="_blank">
  244.                                         <i class="icon icon_whatsapp"></i>
  245.                                         Reserve por whatsapp
  246.                                     </a>
  247.                                 {% endif %}
  248.                             {% endif %}
  249.                         </div>
  250.                         <div id="online-package" class="col-12" style="margin-bottom: 10px;">
  251.                             <a href="#detail-package__info" class="btn col-12" onclick="jQuery('.detail-package__info').show()">
  252.                                 <i class="icon icon_cursor"></i>
  253.                                 <span style="margin-right: 20px;margin-left: 20px;">Solicitud en línea</span>
  254.                             </a>
  255.                         </div>
  256.                         <div id="online-booking" class="col-12 hide" style="margin-bottom: 10px;">
  257.                             <a href="https://hablecon.aviatur.com/" target="_blank" class="btn col-12" style="background: linear-gradient(0deg, rgba(48,121,170,1) 35%, rgba(99,196,223,1) 100%);">
  258.                                 <i class="icon icon_search_calendar" style="padding-bottom: 4px;"></i>
  259.                                 <span style="margin-left: 5px;">Programe asesoría en línea</span>
  260.                             </a>
  261.                         </div>
  262.                     </div>
  263.                 </div>
  265.                 <section id="detail-package__info" class="detail-package__info" style="display:none">
  266.                     <h4>
  267.                         <span class="js-selectTitle type-main" data-select="dates">1. Seleccionar fechas de viaje</span>
  268.                         <i class="icon icon_chevron_right sp-hinset--small type-grey"></i>
  269.                         <span class="js-selectTitle type-grey" data-select="rooms">2. {% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.CargosYServicios.CargoYServicio.attributes.ThirdPartyId|trim != '607' %}Habitaciones{% else %}Cantidad de pasajeros{% endif %}</span>
  270.                     </h4>
  272.                     <div id="js-packageDates">
  273.                         <div class="wrapper-susy">
  274.                             <div class="col-3 sm-12">
  275.                                 {#                                    <label>Fecha de entrada</label>#}
  276.                                 <div class="relative icon__input--inline icon_search_calendar-in js-datepicker" data-input="#date1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1">
  277.                                     <input type="hidden" name="parameters[date1]" id="date1" readonly="readonly" style="display:none">
  278.                                     <input type="text" id="js-createDatepicker1" name="parameters[date1validate]" placeholder="Fecha{% if ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.CargosYServicios.CargoYServicio.attributes.ThirdPartyId|trim != '607' %} de entrada{% else %}s disponibles{% endif %}" readonly="readonly" class="text-input js-inputDatepicker no-focus" tabindex="-1">
  279.                                 </div>
  280.                             </div>
  281.                             {% if variables.UnitCostValue != 0 %}
  282.                                 <div class="col-3 sm-12">
  283.                                     {#                                        <label>Fecha de salida</label>#}
  284.                                     <div class="relative icon__input--inline icon_search_calendar-out js-datepicker" data-input="#date-return1" data-instancenbr="1" role="button" tabindex="0" data-tabopen="1">
  285.                                         <input type="hidden" name="parameters[date-return1]" id="date-return1" readonly="readonly" style="display:none">
  286.                                         <input type="text" id="js-createDatepicker-return1" name="parameters[date-return1validate]" placeholder="Fecha de salida" readonly="readonly" class="text-input js-inputDatepicker no-focus" tabindex="-1">
  287.                                     </div>
  288.                                 </div>
  289.                             {% endif %}
  290.                             <div class="col-3 sm-12">
  291.                                 {% if variables.FormaVentaButton == true %}
  292.                                     <button class="btn btn--full js-pkgFaresSubmit" style="margin-top: 10px;">Seleccionar</button>
  293.                                 {% else %}
  294.                                     <button class="btn btn--full js-pkgFaresSubmit" disabled disabled="" style="cursor: not-allowed; opacity: 0.65;">El Producto no esta disponible actualmente</button>
  295.                                 {% endif %}
  296.                             </div>
  297.                         </div>
  298.                         <label class="label--error js-searchDateError" style="display:none"></label>
  299.                     </div>
  301.                     <div id="js-packageInfoHotel" class="sp-offset--big" data-state="init" style="display:none"></div>
  302.                     <div class="ajax-loader sp-offset--big js-loadingPackage" style="display:none">
  303.                         <div class="progress-bar"><div class="progress"><div class="indeterminate"></div></div></div>
  304.                                 {% if spinText is not defined %}
  305.                                     {% set spinText = "Cargando, un momento por favor..." %}
  306.                                 {% endif %}
  307.                         <p class="spin-text">{{ spinText }}</p>
  308.                     </div>
  309.                 </section>
  310.             </div>
  311.             {% if variables.description=='universal' %}
  312.                 <div id="conditions-package" class="frame hide-palm">
  313.                     <h4>Políticas de uso</h4>
  314.                     <span>Cuando compra productos de Universal Orlando y visitas a Universal Orlando, incluyendo Universal Studios Florida, Universal’s Islands of Adventure, Universal’s Volcano Bay, Universal CityWalk, y los hoteles de Universal Orlando Resort, favor de considerar las políticas de Universal Orlando, normas de los CDC y recomendaciones de las instituciones de salud. Por favor, tenga en cuenta que cualquier interacción que tenga con el público en general, presenta un alto riesgo de exposición al COVID-19, y Universal Orlando no puede garantizar que este no existirá durante la visita. Al visitar Universal Orlando, está asumiendo responsabilidad de el alto riesgo asociado al estar presente. Cuando</span>
  315.                     <span id="more-information" class="collapse"> entra a Universal Orlando, entiende que estás sujeto a los términos de servicio de Universal Orlando (incluyendo arbitraje, exención de una demanda colectiva, responsabilidad de riesgos que adoptas, y exención de responsabilidad debido a enfermedades contagiosas) que se encuentran en <a href="https://www.universalorlando.com/web/es/us/terms-ofservice/reopening-safety-info#theme-parks" target="_blank" rel="nofollow">www.universalorlando.com</a>.  Algunas de las imágenes presentes en nuestra página web no representan las normas de funcionamiento y seguridad actuales.
  316.                         Los visitantes deben conocer, y cumplir las normas gubernamentales en relación a las restricciones de viajes y cuarentenas obligatorias, antes de visitarnos. Universal elements and all related indicia TM &amp; © 2020 Universal Studios. All rights reserved.
  317.                     </span>
  318.                     <p id="more-information-btn" class="sp-tinset"><a onclick="seeMore('more-information')">Ver más información<i class="icon icon_chevron_down" style="font-size:10px; margin:0px 0px 3px 5px;"></i></a></p>
  319.                 </div>
  320.                 <div id="conditions-package" class="frame hide-lap-and-up">
  321.                     <h4>Políticas de uso</h4>
  322.                     <span>Cuando compra productos de Universal Orlando y visitas a Universal Orlando, incluyendo Universal Studios Florida, Universal’s Islands of Adventure, Universal’s Volcano Bay, Universal</span>
  323.                     <span id="more-information-mobile" class="collapse"> CityWalk, y los hoteles de Universal Orlando Resort, favor de considerar las políticas de Universal Orlando, normas de los CDC y recomendaciones de las instituciones de salud. Por favor, tenga en cuenta que cualquier interacción que tenga con el público en general, presenta un alto riesgo de exposición al COVID-19, y Universal Orlando no puede garantizar que este no existirá durante la visita. Al visitar Universal Orlando, está asumiendo responsabilidad de el alto riesgo asociado al estar presente. Cuando entra a Universal Orlando, entiende que estás sujeto a los términos de servicio de Universal Orlando (incluyendo arbitraje, exención de una demanda colectiva, responsabilidad de riesgos que adoptas, y exención de responsabilidad debido a enfermedades contagiosas) que se encuentran en <a href="https://www.universalorlando.com/web/es/us/terms-ofservice/reopening-safety-info#theme-parks" target="_blank" rel="nofollow">www.universalorlando.com</a>.  Algunas de las imágenes presentes en nuestra página web no representan las normas de funcionamiento y seguridad actuales.
  324.                         Los visitantes deben conocer, y cumplir las normas gubernamentales en relación a las restricciones de viajes y cuarentenas obligatorias, antes de visitarnos. Universal elements and all related indicia TM &amp; © 2020 Universal Studios. All rights reserved.
  325.                     </span>
  326.                     <p id="more-information-mobile-btn" class="sp-tinset"><a onclick="seeMore('more-information-mobile')">Ver más información<i class="icon icon_chevron_down" style="font-size:10px; margin:0px 0px 3px 5px;"></i></a></p>
  327.                 </div>
  328.             {% endif %}
  329.         </section>
  330.         <span class="js-pkgDetailHiddenInput hidden-all">
  331.             <input type="hidden" name="packageId" value="{{ ProductsDetail.OTA_PkgAvailRS.Package.attributes.ID }}">
  332.             <input type="hidden" name="dateStart" value="{{ 'today'|localizeddate('medium','none',null,null,'Y-m-d') }}">
  333.             <input type="hidden" name="dateEnd" value="">
  334.             <input type="hidden" name="VigenciaFinal" value="{{ ProductsDetail.OTA_PkgAvailRS.Package.TPA_Extensions.ProductInfo.VigenciaFinal }}">
  335.         </span>
  336.     </div>
  337. </div>
  339. {% embed twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_modal.html.twig') %}
  340.     {% block modal_id %}js-packageModal-cautions{% endblock modal_id %}
  341.     {% block modal_title %}Detalles de paquete{% endblock modal_title %}
  342.     {% block modal_body_id %}js-packageModal-body{% endblock modal_body_id %}
  343.     {% block modal_body %}
  344.         {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Package/Includes/package_conditions.html.twig') %}
  345.     {% endblock %}
  346. {% endembed %}
  348. {% embed twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/component_modal.html.twig') %}
  349.     {% block modal_id %}js-packageModal-documentation{% endblock modal_id %}
  350.     {% block modal_title %}Requisitos Documentación{% endblock modal_title %}
  351.     {% block modal_body_id %}js-packageModal-body{% endblock modal_body_id %}
  352.     {% block modal_body %}
  353.         <div id="js-modalDocumentation-loading" class="spinOverlay"></div>
  354.         <div id="js-modalDocumentation-content"></div>
  355.     {% endblock %}
  356. {% endembed %}
  358. {% endblock %}
  359. {% block javascripts_bottom %}
  360.     {{ parent() }}
  361. {% endblock javascripts_bottom %}