src/Aviatur/GeneralBundle/Resources/views/components/modalErrorUrl.html.twig line 1

Open in your IDE?
  1. <div id="js-modalErrorUrl" class="!fixed grid grid-cols-12 justify-items-center items-center h-full w-full bg-black bg-opacity-50 left-0 top-0 z-[103] modal-general">
  2.     <div class="bg-[#F3F6F8] w-[36rem] xs:w-96 h-96 xs:h-auto rounded-lg col-span-12 grid grid-cols-12 justify-items-center px-8 py-4 gap-y-6">
  3.         <button type="button" class="text-[#042A44] col-start-12 js-modal-errorUrl__btnClose" data-dismiss="modal"><span class="material-symbols-rounded">close</span></button>
  4.         <p class="col-span-12 w-2/3 xs:w-full text-[#005CB9] text-center font-[Roboto] text-2xl font-medium js-modalErrorUrlTitle">Lo sentimos, <span class="text-[#042A44]">no es posible reservar en línea</span></p>
  5.         <p class="col-span-12 w-4/5 xs:w-full text-[#2F2F2F] text-center font-[Ubuntu] text-base font-light js-modalErrorUrlContent">Las fechas seleccionadas corresponden para el mismo día, por politicas del servicio <strong>uno de nuestros asesores lo asistirá personalmente.</strong></p>
  6.         <div class="grid grid-flow-col xs:grid-flow-dense col-span-12 gap-4">
  7.             {% if app.session.has('operatorId') != 1 %}
  8.                 <a href="https://web.whatsapp.com/send?phone=5713821616&amp;text=" target="_blank"
  9.                     class="grid grid-flow-col items-center py-3.5 px-12 rounded-full bg-[#00C77C] shadow-[0px_1px_12.2px_1px_rgba(0,0,0,0.10)] gap-2 text-[#FFF] font-[Roboto] text-sm font-normal js-modalErrorWppHref">
  10.                     <span class="material-symbols-rounded">person</span>Hablar con un asesor
  11.                 </a>
  12.             {% else %}
  13.                 <a target="_blank"
  14.                     class="grid grid-flow-col items-center py-3.5 px-12 rounded-full bg-[#00C77C] shadow-[0px_1px_12.2px_1px_rgba(0,0,0,0.10)] gap-2 text-[#FFF] font-[Roboto] text-sm font-normal js-modalErrorWppHref">
  15.                     <span class="material-symbols-rounded">person</span>Por favor comunicarce con el departamento de hoteles
  16.                 </a>
  17.             {% endif %}
  18.         </div>
  19.         <span class="col-span-12 text-[#005CB9] font-[Roboto] text-base font-normal pointer underline searchNewDate js-searchNewDate">Ver otras fechas</span>
  20.     </div>
  21. </div>
  22. <style>
  23.     {# Missing class in default assets when is toggled with js, came from SaSS #}
  24.     .modal-general {
  25.         visibility: hidden;
  26.         opacity: 0;
  27.         position: absolute;
  28.         left: 0%;
  29.         top: 0;
  30.         right: 0;
  31.         bottom: 0;
  32.         -webkit-transition: opacity 1s ease;
  33.         transition: opacity 1s ease;
  34.         z-index: 999;
  35.         margin-bottom: 0 !important;
  36.         background-color: rgba(0, 0, 0, 0.5);
  37.     }
  38. </style>