Viajes

¡Importante! Tu programa de Beneficios tiene noticias para ti

Error 500: org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "<th:block th:with="authenticated=${#authorization.expression('isAuthenticated()')}" > <!doctype html> <html lang="es"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MQ5TVX9');</script>  <meta charset="utf-8"> <th:block th:if="${submenuurl == null}"> <title>Beneficios Scotia</title> <meta name="description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus Pesos Scotia por entradas al cine, Gift Card y muchos más premios."> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront"> <meta property="og:title" content="Beneficios Scotia"> <meta property="og:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus Pesos Scotia por entradas al cine, Gift Card y muchos más premios."> <meta name="twitter:title" content="Beneficios Scotia"> <meta name="twitter:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus Pesos Scotia por entradas al cine, Gift Card y muchos más premios."> </th:block> <th:block th:if="${submenuurl != null}"> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Descuentos')}"> <title>Descuentos | Scotia</title> <meta name="description" content="Descubre los mejores descuentos exclusivos de los Beneficios Scotia. Aprovecha ofertas en viajes, entretenimiento, tecnología y más."> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/descuentos"> <meta property="og:title" content="Descuentos | Scotia"> <meta property="og:description" content="Descubre los mejores descuentos exclusivos de los Beneficios Scotia. Aprovecha ofertas en viajes, entretenimiento, tecnología y más."> <meta name="twitter:title" content="Descuentos | Scotia"> <meta name="twitter:description" content="Descubre los mejores descuentos exclusivos de los Beneficios Scotia. Aprovecha ofertas en viajes, entretenimiento, tecnología y más."> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Beneficios en Cuotas')}"> <title>Beneficios en Cuotas | Scotia</title> <meta name="description" content="Beneficios en Cuotas sin Interés, conoce aquí todas las promociones y ofertas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/beneficios-en-cuotas"> <meta property="og:title" content="Beneficios en Cuotas | Scotia"> <meta property="og:description" content="Beneficios en Cuotas sin Interés, conoce aquí todas las promociones y ofertas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Beneficios en Cuotas | Scotia"> <meta name="twitter:description" content="Beneficios en Cuotas sin Interés, conoce aquí todas las promociones y ofertas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Especial del Mes')}"> <title>Especial del Mes | Scotia</title> <meta name="description" content="Especial del Mes, descubre las promociones y ofertas exclusivas para este mes pagando con tus Tarjetas Scotia."> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/especial-del-mes"> <meta property="og:title" content="Especial del Mes | Scotia"> <meta property="og:description" content="Especial del Mes, descubre las promociones y ofertas exclusivas para este mes pagando con tus Tarjetas Scotia."> <meta name="twitter:title" content="Especial del Mes | Scotia"> <meta name="twitter:description" content="Especial del Mes, descubre las promociones y ofertas exclusivas para este mes pagando con tus Tarjetas Scotia."> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones de Beneficios')}"> <title>Misiones de Beneficios | Scotia</title> <meta name="description" content="Misiones de Beneficios, completa misiones y gana recompensas exclusivas con tus Tarjetas Scotia. ¡Descubre más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/misiones-de-beneficios"> <meta property="og:title" content="Misiones de Beneficios | Scotia"> <meta property="og:description" content="Misiones de Beneficios, completa misiones y gana recompensas exclusivas con tus Tarjetas Scotia. ¡Descubre más aquí!"> <meta name="twitter:title" content="Misiones de Beneficios | Scotia"> <meta name="twitter:description" content="Misiones de Beneficios, completa misiones y gana recompensas exclusivas con tus Tarjetas Scotia. ¡Descubre más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Copec')}"> <title>Copec | Scotia</title> <meta name="description" content="Copec, obtén beneficios y descuentos exclusivos en estaciones de servicio Copec pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/copec"> <meta property="og:title" content="Copec | Scotia"> <meta property="og:description" content="Copec, obtén beneficios y descuentos exclusivos en estaciones de servicio Copec pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Copec | Scotia"> <meta name="twitter:description" content="Copec, obtén beneficios y descuentos exclusivos en estaciones de servicio Copec pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Viajes')}"> <title>Viajes | Scotia</title> <meta name="description" content="Escapadas y Experiencias en Viajes disponibles con los Beneficios Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/viajes"> <meta property="og:title" content="Viajes | Scotia"> <meta property="og:description" content="Escapadas y Experiencias en Viajes disponibles con los Beneficios Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Viajes | Scotia"> <meta name="twitter:description" content="Escapadas y Experiencias en Viajes disponibles con los Beneficios Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Cinépolis')}"> <title>Cinépolis | Scotia</title> <meta name="description" content="Todos los días descuentos en entradas pagando con tus tarjetas de crédito y débito Scotia. ¡Ver descuentos aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/cinepolis"> <meta property="og:title" content="Cinépolis | Scotia"> <meta property="og:description" content="Todos los días descuentos en entradas pagando con tus tarjetas de crédito y débito Scotia. ¡Ver descuentos aquí!"> <meta name="twitter:title" content="Cinépolis | Scotia"> <meta name="twitter:description" content="Todos los días descuentos en entradas pagando con tus tarjetas de crédito y débito Scotia. ¡Ver descuentos aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'PDF Beneficios junio')}"> <title>PDF Beneficios junio | Scotia</title> <meta name="description" content="PDF Beneficios junio, descarga y consulta los beneficios y descuentos disponibles para el mes de junio. ¡Descarga aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/pdf-beneficios-junio"> <meta property="og:title" content="PDF Beneficios junio | Scotia"> <meta property="og:description" content="PDF Beneficios junio, descarga y consulta los beneficios y descuentos disponibles para el mes de junio. ¡Descarga aquí!"> <meta name="twitter:title" content="PDF Beneficios junio | Scotia"> <meta name="twitter:description" content="PDF Beneficios junio, descarga y consulta los beneficios y descuentos disponibles para el mes de junio. ¡Descarga aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet')}"> <title>Descuentos exclusivos Ruta Gourmet | Scotia</title> <meta name="description" content="Hasta 50% Dcto. con tus Tarjetas Scotia en la Ruta Gourmet. Disfruta descuentos en restaurantes para todas las regiones. Explora las ofertas ahora."> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/ruta-gourmet"> <meta property="og:title" content="Descuentos exclusivos Ruta Gourmet | Scotia"> <meta property="og:description" content="Hasta 50% Dcto. con tus Tarjetas Scotia en la Ruta Gourmet. Disfruta descuentos en restaurantes para todas las regiones. Explora las ofertas ahora."> <meta name="twitter:title" content="Descuentos exclusivos Ruta Gourmet | Scotia"> <meta name="twitter:description" content="Hasta 50% Dcto. con tus Tarjetas Scotia en la Ruta Gourmet. Disfruta descuentos en restaurantes para todas las regiones. Explora las ofertas ahora."> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet Internacional')}"> <title>Ruta Gourmet Internacional | Scotia</title> <meta name="description" content="Ruta Gourmet Internacional, disfruta de la mejor gastronomía internacional con Beneficios Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/ruta-gourmet-internacional"> <meta property="og:title" content="Ruta Gourmet Internacional | Scotia"> <meta property="og:description" content="Ruta Gourmet Internacional, disfruta de la mejor gastronomía internacional con Beneficios Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta Gourmet Internacional | Scotia"> <meta name="twitter:description" content="Ruta Gourmet Internacional, disfruta de la mejor gastronomía internacional con Beneficios Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Viñas')}"> <title>Ruta de Viñas | Scotia</title> <meta name="description" content="Ruta de Viñas, descubre las mejores viñas y disfruta de catas exclusivas con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/ruta-de-vinas"> <meta property="og:title" content="Ruta de Viñas | Scotia"> <meta property="og:description" content="Ruta de Viñas, descubre las mejores viñas y disfruta de catas exclusivas con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta de Viñas | Scotia"> <meta name="twitter:description" content="Ruta de Viñas, descubre las mejores viñas y disfruta de catas exclusivas con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Comida Rápida')}"> <title>Ruta de Comida Rápida | Scotia</title> <meta name="description" content="Ruta de Comida Rápida, disfruta de descuentos y promociones en tus restaurantes de comida rápida favoritos con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/ruta-de-comida-rapida"> <meta property="og:title" content="Ruta de Comida Rápida | Scotia"> <meta property="og:description" content="Ruta de Comida Rápida, disfruta de descuentos y promociones en tus restaurantes de comida rápida favoritos con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta de Comida Rápida | Scotia"> <meta name="twitter:description" content="Ruta de Comida Rápida, disfruta de descuentos y promociones en tus restaurantes de comida rápida favoritos con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta del Pádel')}"> <title>Ruta del Pádel | Scotia</title> <meta name="description" content="Ruta del Pádel, disfruta de beneficios exclusivos en clubes de pádel pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/ruta-del-padel"> <meta property="og:title" content="Ruta del Pádel | Scotia"> <meta property="og:description" content="Ruta del Pádel, disfruta de beneficios exclusivos en clubes de pádel pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Ruta del Pádel | Scotia"> <meta name="twitter:description" content="Ruta del Pádel, disfruta de beneficios exclusivos en clubes de pádel pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso un año de combustible COPEC')}"> <title>Concurso un año de combustible COPEC | Scotia</title> <meta name="description" content="Concurso un año de combustible COPEC, participa y gana combustible gratis por un año pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/concurso-un-ano-de-combustible-copec"> <meta property="og:title" content="Concurso un año de combustible COPEC | Scotia"> <meta property="og:description" content="Concurso un año de combustible COPEC, participa y gana combustible gratis por un año pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Concurso un año de combustible COPEC | Scotia"> <meta name="twitter:description" content="Concurso un año de combustible COPEC, participa y gana combustible gratis por un año pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso gift card de experiencias Bigbox')}"> <title>Concurso gift card de experiencias Bigbox | Scotia</title> <meta name="description" content="Concurso gift card de experiencias Bigbox, participa y gana gift cards para experiencias únicas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/concurso-gift-card-de-experiencias-bigbox"> <meta property="og:title" content="Concurso gift card de experiencias Bigbox | Scotia"> <meta property="og:description" content="Concurso gift card de experiencias Bigbox, participa y gana gift cards para experiencias únicas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Concurso gift card de experiencias Bigbox | Scotia"> <meta name="twitter:description" content="Concurso gift card de experiencias Bigbox, participa y gana gift cards para experiencias únicas pagando con tus Tarjetas Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones y Niveles')}"> <title>Misiones y Niveles | Scotia</title> <meta name="description" content="Misiones y Niveles, completa misiones y sube de nivel para ganar recompensas exclusivas con Beneficios Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/misiones-y-niveles"> <meta property="og:title" content="Misiones y Niveles | Scotia"> <meta property="og:description" content="Misiones y Niveles, completa misiones y sube de nivel para ganar recompensas exclusivas con Beneficios Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Misiones y Niveles | Scotia"> <meta name="twitter:description" content="Misiones y Niveles, completa misiones y sube de nivel para ganar recompensas exclusivas con Beneficios Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Todo sobre Pesos Scotia')}"> <title>Todo sobre Pesos Scotia | Scotia</title> <meta name="description" content="Todo sobre Pesos Scotia, conoce cómo acumular y canjear tus Pesos Scotia para obtener recompensas exclusivas. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/todo-sobre-pesos-scotia"> <meta property="og:title" content="Todo sobre Pesos Scotia | Scotia"> <meta property="og:description" content="Todo sobre Pesos Scotia, conoce cómo acumular y canjear tus Pesos Scotia para obtener recompensas exclusivas. ¡Conoce más aquí!"> <meta name="twitter:title" content="Todo sobre Pesos Scotia | Scotia"> <meta name="twitter:description" content="Todo sobre Pesos Scotia, conoce cómo acumular y canjear tus Pesos Scotia para obtener recompensas exclusivas. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Actualización de sistema')}"> <title>Actualización de sistema | Scotia</title> <meta name="description" content="Actualización de sistema, mantente informado sobre las actualizaciones y mejoras en el sistema de Beneficios Scotia. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/actualizacion-de-sistema"> <meta property="og:title" content="Actualización de sistema | Scotia"> <meta property="og:description" content="Actualización de sistema, mantente informado sobre las actualizaciones y mejoras en el sistema de Beneficios Scotia. ¡Conoce más aquí!"> <meta name="twitter:title" content="Actualización de sistema | Scotia"> <meta name="twitter:description" content="Actualización de sistema, mantente informado sobre las actualizaciones y mejoras en el sistema de Beneficios Scotia. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Función especial MI VILLANO FAVORITO 4')}"> <title>Función especial MI VILLANO FAVORITO 4 | Scotia</title> <meta name="description" content="Función especial MI VILLANO FAVORITO 4, canjea tus Pesos Scotia por entradas exclusivas para la función especial de MI VILLANO FAVORITO 4. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/funcion-especial-mi-villano-favorito-4"> <meta property="og:title" content="Función especial MI VILLANO FAVORITO 4 | Scotia"> <meta property="og:description" content="Función especial MI VILLANO FAVORITO 4, canjea tus Pesos Scotia por entradas exclusivas para la función especial de MI VILLANO FAVORITO 4. ¡Conoce más aquí!"> <meta name="twitter:title" content="Función especial MI VILLANO FAVORITO 4 | Scotia"> <meta name="twitter:description" content="Función especial MI VILLANO FAVORITO 4, canjea tus Pesos Scotia por entradas exclusivas para la función especial de MI VILLANO FAVORITO 4. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Canje entretenimiento')}"> <title>Canje entretenimiento | Scotia</title> <meta name="description" content="Canje entretenimiento, utiliza tus Pesos Scotia para canjear por entretenimiento exclusivo, entradas a eventos y más. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/canje-entretenimiento"> <meta property="og:title" content="Canje entretenimiento | Scotia"> <meta property="og:description" content="Canje entretenimiento, utiliza tus Pesos Scotia para canjear por entretenimiento exclusivo, entradas a eventos y más. ¡Conoce más aquí!"> <meta name="twitter:title" content="Canje entretenimiento | Scotia"> <meta name="twitter:description" content="Canje entretenimiento, utiliza tus Pesos Scotia para canjear por entretenimiento exclusivo, entradas a eventos y más. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Concursos Clientes')}"> <title>Concursos Clientes | Scotia</title> <meta name="description" content="Concursos Clientes, participa en concursos exclusivos para clientes Scotia y gana premios impresionantes. ¡Conoce más aquí!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/concursos-clientes"> <meta property="og:title" content="Concursos Clientes | Scotia"> <meta property="og:description" content="Concursos Clientes, participa en concursos exclusivos para clientes Scotia y gana premios impresionantes. ¡Conoce más aquí!"> <meta name="twitter:title" content="Concursos Clientes | Scotia"> <meta name="twitter:description" content="Concursos Clientes, participa en concursos exclusivos para clientes Scotia y gana premios impresionantes. ¡Conoce más aquí!"> </th:block> <th:block th:if="${#strings.containsIgnoreCase(submenuurl.nombre, 'Entradas Cine')}"> <title>Entradas Cine | Scotia</title> <meta name="description" content="Entradas Cine, canjea tus Pesos Scotia por entradas gratis al Cine. ¡Disfruta de las últimas películas y ahorra dinero!"> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/entradas-cine"> <meta property="og:title" content="Entradas Cine | Scotia"> <meta property="og:description" content="Entradas Cine, canjea tus Pesos Scotia por entradas gratis al Cine. ¡Disfruta de las últimas películas y ahorra dinero!"> <meta name="twitter:title" content="Entradas Cine | Scotia"> <meta name="twitter:description" content="Entradas Cine, canjea tus Pesos Scotia por entradas gratis al Cine. ¡Disfruta de las últimas películas y ahorra dinero!"> </th:block> <th:block th:if="${ !#strings.containsIgnoreCase(submenuurl.nombre, 'Descuentos') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Beneficios en Cuotas') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Especial del Mes') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones de Beneficios') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Copec') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Viajes') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Cinépolis') && !#strings.containsIgnoreCase(submenuurl.nombre, 'PDF Beneficios junio') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta Gourmet Internacional') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Viñas') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta de Comida Rápida') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Ruta del Pádel') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso un año de combustible COPEC') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Concurso gift card de experiencias Bigbox') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Misiones y Niveles') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Todo sobre Pesos Scotia') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Actualización de sistema') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Función especial MI VILLANO FAVORITO 4') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Canje entretenimiento') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Concursos Clientes') && !#strings.containsIgnoreCase(submenuurl.nombre, 'Entradas Cine')}"> <title>Beneficios Scotia</title> <meta name="description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus Pesos Scotia por entradas al cine, Gift Card y muchos más premios."> <meta property="og:url" content="https://beneficios.scotiabank.cl/scclubfront"> <meta property="og:title" content="Beneficios Scotia"> <meta property="og:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus Pesos Scotia por entradas al cine, Gift Card y muchos más premios."> <meta name="twitter:title" content="Beneficios Scotia"> <meta name="twitter:description" content="¡Usa tus tarjetas Scotia y suma beneficios! Canjea tus Pesos Scotia por entradas al cine, Gift Card y muchos más premios."> </th:block> </th:block> <meta property="og:site_name" content="Beneficios Scotia"> <meta property="og:type" content="website"> <meta property="og:locale" content="es"> <meta property="og:image:secure_url" content="https://beneficios.scotiabank.cl/scclubfront/resource/logos/BeneficiosScotia-mobile.png"> <meta property="og:image" content="https://beneficios.scotiabank.cl/scclubfront/resource/logos/BeneficiosScotia-mobile.png"> <meta name="twitter:card" content="summary"> <meta name="twitter:image" content="https://beneficios.scotiabank.cl/scclubfront/resource/logos/BeneficiosScotia-mobile.png"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" th:href="@{/resource/images/favicon.ico}"> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/bootstrap.min.css}"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/digital/css/font-icon.css"> <link rel="stylesheet" href="https://cdn.agilitycms.com/scotiabank-chile/librerias/canvas-framework/iconos-canvas.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-grid.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-canvas.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/librerias/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/librerias/owl.theme.default.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/animate/sc-animate-scroll.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/animate/sc-element-animate.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-animate.min.css"> <link rel="stylesheet" href="https://cdn.aglty.io/scotiabank-chile/css/hover-public.css"> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/stylesprod.css}"/> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/fixsiteprod.css}"/> <link rel="stylesheet" type="text/css" th:href="@{/resource/css/all.min.css}"> <link rel="stylesheet" type="text/css" href="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/boton-flotante/boton-flotante.css"/> <th:block sec:authorize="isAuthenticated()">      </th:block> <script th:src="@{/resource/js/jquery.min.js}"></script> <script th:src="@{/resource/js/popper.min.js}"></script> <script th:src="@{/resource/js/bootstrap.min.js}"></script> <script th:src="@{/resource/js/lealtad3603.js}"></script> <script src="https://cdn.aglty.io/scotiabank-chile/librerias/canvas-framework/canvas-library.js"></script> <script src="https://cdn.aglty.io/scotiabank-chile/librerias/owl.carousel.min.js"></script> <script src="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/scotia-script.js"></script> <script src="https://cdn.aglty.io/scotiabank-chile/librerias/lazysizes.min.js"></script> <script sec:authorize="!isAuthenticated()" th:src="@{/resource/js/anonymous.js}"></script>  <script async th:src="@{/resource/js/gtag.js}"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-56826654-1'); </script> <th:block sec:authorize="isAuthenticated()"> <script th:inline="javascript"> const perfil = [[${usuario.tipoCliente}]]; gtag('set', 'dimension1', perfil); </script> </th:block>  <style> .show { visibility: visible; } *{ text-decoration:initial!important; } .sc-btn-scotiazero { right: 1%; } body { font-family: 'Scotia', sans-serif; } </style>   <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "¿Qué es Beneficios Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Beneficios Scotia es un programa de beneficios, descuentos y acumulación de puntos que Scotiabank pone a disposición de sus clientes, para brindarles una mejor experiencia en el uso de sus productos y servicios." } }, { "@type": "Question", "name": "¿Quiénes pueden ser socios de Beneficios Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Todo cliente Scotiabank que siendo una persona natural, cuente con al menos una Tarjeta de Crédito. Están excluidas del programa las tarjetas empresariales, corporativas, Visa Enjoy, Visa Movistar, Visa Forum, Visa Congelada, Visa Crédito Express, Visa Bex y Tarjeta Universal." } }, { "@type": "Question", "name": "¿Existen requisitos para participar de los Beneficios Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Para participar y obtener cualquier beneficio debes mantener activa y vigente una Tarjeta de Crédito de Scotiabank que no presente ningún tipo de bloqueo. Además, no puede tener ningún producto del banco impago o en mora." } }, { "@type": "Question", "name": "¿Hay transacciones que no acumulan Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Sí, los siguientes conceptos están excluidos de la acumulación de puntos: - Avances, incluyendo avances en efectivo y en cuotas. - Compras en casinos y juegos de azar. - Compras en combustibles. - Pago de impuestos en general (Contribuciones, IVA, etc.). - Cargos hechos por el banco, tales como intereses, comisiones e impuestos. - Pago en comercios del rubro servicios financieros. - Transacciones rechazadas. - Transacciones en cajeros automáticos. - Notas de débito y/o crédito. - Pago de servicios. - Pago de seguros. - Inmobiliarias." } }, { "@type": "Question", "name": "¿Acumulan las tarjetas adicionales?", "acceptedAnswer": { "@type": "Answer", "text": "Sí, pero ten presente que los Pesos Scotia de las tarjetas de crédito con usuarios adicionales, serán cargados siempre a la cuenta del cliente titular, cualquiera haya sido la tarjeta que generó la acumulación de los puntos a abonar." } }, { "@type": "Question", "name": "¿Cómo puedo saber cuántos ScotiaPuntos tengo acumulados?", "acceptedAnswer": { "@type": "Answer", "text": "Ingresa a www.scotiaclub.cl, en el costado superior derecho, escribe tu rut y clave, para acceder a tu sitio privado. En la sección “Mi Cartola” puedes ver los Pesos Scotia disponibles y aquellos que están próximos a vencer." } }, { "@type": "Question", "name": "¿Qué información puedo encontrar en mi sitio privado?", "acceptedAnswer": { "@type": "Answer", "text": "- “Mi Cartola” ofrece el detalle de tus Pesos Scotia acumulados, canjeados y sus vencimientos. - “Mis Inscripciones” permite conocer los Pesos Scotia que has elegido inscribir en los rubros disponibles. - “Mis Cupones”, puedes revisar las gift cards y entradas al cine canjeadas con opción de imprimir para hacerlos válidos." } }, { "@type": "Question", "name": "¿Hay un límite mensual de acumulación de Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Sí, tu tarjeta de crédito podrá acumular un máximo de puntos por facturación de la Tarjeta de Crédito, equivalente a 1% de tu cupo nacional disponible, considerando su monto disponible al primer día hábil del mes anterior al período de acumulación. Cada tipo de tarjeta tiene su límite, por lo que tu monto total máximo acumulable, será el resultado de sumar los límites anteriores." } }, { "@type": "Question", "name": "¿Cómo puedo canjear mis Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "Si eres titular de los productos indicados en la pregunta N° 2 y tienes Pesos Scotia disponibles: Ingresa a www.scotiaclub.cl en la sección “Canje Pesos Scotia”, aquí tienes la opción de canjear tus Pesos Scotia. Elige la opción que quieras, mientras tengas los Pesos Scotia requeridos para cada canje. Otra opción para realizar el canje, es descargar nuestra App Scotiabank Go en tu celular (disponible para iOS y Android). Para ello: - Paga tu compra con alguna de las tarjetas de crédito indicadas en la pregunta 1, sin cuotas. - Si el monto de tu compra es igual o menor a tus puntos acumulados, podrás elegir usar tus puntos en esa compra. Si eliges esta opción, dentro de los 7 días hábiles siguientes depositaremos en dinero los puntos canjeados en tu tarjeta de crédito. El Banco no se hace responsable ni se involucrará en eventuales disputas entre titulares y usuarios adicionales. Una vez hecho el canje, no habrá derecho a retracto a excepción de existir algún problema en el sistema de canje." } }, { "@type": "Question", "name": "¿Cuál es la vigencia de mis Pesos Scotia?", "acceptedAnswer": { "@type": "Answer", "text": "- Visa/Mastercard Gold 18 meses. - Visa/Mastercard Platinum 18 meses. - Mastercard Black 18 meses. - Visa Infinite 24 meses. - Visa Singular 24 meses. - Luego de este periodo se procede a la eliminación, descontando desde el puntaje más antiguo hasta el recientemente acumulado, de lo contrario se pierden sin opción de extender o recuperar. Otros motivos de pérdida de Pesos Scotia son: - Retraso en el cumplimiento de alguna obligación con el banco por más de 30 días. - Cierre de la Tarjeta de Crédito. - Tarjeta de Crédito vencida y no renovada por más de 60 días. - Fallecimiento del titular. - Cualquier otra circunstancia que origine la suspensión o término del uso de las Tarjetas de Crédito de acuerdo a lo establecido en el respectivo Contrato de uso de Tarjetas." } }, { "@type": "Question", "name": "¿Qué es la inscripción de Pesos Scotia en comercios?", "acceptedAnswer": { "@type": "Answer", "text": "Este beneficio te permite abonar Pesos Scotia a tu tarjeta y usarlos donde quieras. ¿Cómo hacerlo? Elige el rubro donde deseas canjear, ingresando a www.scotiaclub.cl en la sección “Canje Pesos Scotia”, selecciona la opción “Comercios”. - Selecciona la Tarjeta de Crédito que quieres usar. - Escoge el monto de Pesos Scotia a canjear. - Ahora puedes comprar con tu tarjeta en el rubro seleccionado. - En un plazo de hasta 7 días recibirás el abono en dinero en el Estado de Cuenta." } }, { "@type": "Question", "name": "¿Cuándo se abonarán mis Pesos Scotia acumulados por campañas de acumulación?", "acceptedAnswer": { "@type": "Answer", "text": "En caso de participar en alguna campaña de acumulación como “Cumple Meta”, “Abono de Remuneraciones”, etc., los Pesos Scotia se abonarán al mes siguiente o subsiguiente de efectuada la campaña, los que podrás revisar en la cartola del club disponible en www.scotiaclub.cl." } } ] } </script>  </head> <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'SCOTIALEVELS-NIVEL-3') )}" >  </th:block> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQ5TVX9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <th:block th:if="${(!authenticated) || (authenticated && (!#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') ))}" >   <style> .btn-badget-close { position: absolute; top: 0.6rem; right: 1%; cursor: pointer; z-index: 9; } .sc-huincha-top { width: 95%; margin: 0 auto; display: flex; align-items: center; justify-content: space-evenly; position: relative; padding: 0.7rem 0; transform: translate3d(0, 0, 0); } .sc-text-huincha-top { font-size: 1rem; line-height: 1; color: #ffffff; font-weight: bold; } @media (min-width: 320px) and (max-width: 480px) { .btn-badget-close { right: 3%; } } .btn-badget-close { position: absolute; top: 0.6rem; right: 1%; cursor: pointer; z-index: 9; } @media (min-width: 320px) and (max-width: 480px) { .sc-huincha-top { flex-direction: column; text-align: center; } } @media (min-width: 320px) and (max-width: 480px) { .sc-icon-huincha-top { width: 100%; } } @media (min-width: 320px) and (max-width: 480px) { .sc-text-huincha-top { width: 100%; margin: 2rem 0; } } </style> <div id="sc-badgetLoad" class="scotia-forrest animate__animated animate__bounceInDown"><a class="btn-badget-close scotia-light"> <i class="icon-close"></i> </a> <div class="sc-huincha-top" style="padding: 0.5rem 0;"> <div class="sc-icon-huincha-top"> <img width="30" class="animate__animated animate__heartBeat animate__slow animate__infinite" src="https://cdn.aglty.io/scotiabank-chile/scotiabank-icons/canvas/solid-color/svg/Contactless-Payment.svg"> </div> <div class="sc-text-huincha-top" style="font-weight:normal;font-size:14px;"><strong style="color:#FDB913;font-weight:bold;">¡Importante!</strong> Tu programa de Beneficios tiene noticias para ti</div> <div class="sc-link-huincha-top"><a th:href="@{/categoria/pesosscotia/cambiocumulacionjun25}" class="scotia-button pill-primary-button clickfollow" style="padding: 5px 10px !important; font-size: 12px;">Más información</a></div> </div> </div> <div id="navbar-desktop" class="d-none d-md-block"> <nav class="navbar navbar-expand-lg shadow-none navbar-light" style="border-top: 3px solid #EC111A;"> <div class="container w-75 px-0"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid logo-scotiaclub" th:src="@{/resource/logo/BeneficiosScotia.png}" style="width:230px!important" alt="Beneficios Scotia"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-desktop-toggler" aria-controls="navbar-desktop-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-desktop-toggler"> <ul class="navbar-nav ml-auto d-flex align-items-center flex-center flex-row no-list"> <li class="nav-item"> <a data-ide="hazte-cliente" target="_blank" data-name="Hazte Cliente" data-creative="Header" data-position="1" rel="noopener" href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/" class="clickfollow scotia-button scotia-secundary-red text-center sc-w-xs-100 mr-18 mb-xs-24" tabindex="4">Hazte Cliente</a> </li> <li class="nav-item mr-4 position-relative" id="btn-referidos" style="display: none;"> <a class="nav-link" href="javascript:mostrarModalReferidos()" role="button"> <div class="blob purple-radius"></div> <img th:src="@{/resource/images/Refiere_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono refiere"> Refiere </a> <div class="texto-referidos shadow border"> <div class="sc-row align-items-center"> <div class="scotia-col-3 text-center"> <picture> <source th:srcset="@{/resource/images/ScotiaPeso_20210507.webp}" type="image/webp"> <source th:srcset="@{/resource/images/ScotiaPeso_20210507.png}" type="image/png"> <img th:src="@{/resource/images/ScotiaPeso_20210507.png}" class="img-fluid" alt="ScotiaPeso"> </picture> </div> <div class="col"> <h5 class="scotia-headline m-0">Refiere</h5> <p class="m-0">y gana hasta 150.000 Pesos Scotia al mes</p> </div> </div> </div> </li> <li sec:authorize="!isAuthenticated()" class="nav-item"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal"> Ingresar </button> </li> <li sec:authorize="isAuthenticated()" class="nav-item dropdown"> <a href="#" class="scotia-button button-primary-red dropdown-toggle d-flex align-items-center" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Mi Cuenta </a> <div class="dropdown-menu dropdown-menu-right" style="position: absolute !important;" aria-label="Menú usuario"> <th:block th:each="menuheader : ${menuesHeader}"> <a th:each="submenuheader : ${menuheader.submenues}" th:if="${menuheader.visibleTop == true && submenuheader.visibleTop == true && menuheader.userElement == true}" class="dropdown-item cool-link px-3" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|" th:text="${submenuheader.nombre}"></a> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </li> </ul> </div> </div> </nav> <div class="d-none d-md-block border-top"> <ul class="nav nav-justified container w-75 no-list" th:with="authenticated=${#authorization.expression('isAuthenticated()')}"> <li class="nav-item dropdown" th:each="menuheader,indice : ${menuesHeader}" th:id="${indice}" th:if="${(indice.first || menuesHeader[indice.index-1].nombre != menuheader.nombre) && menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}" th:classappend="${(menuurl != null) && (menuurl.nombre == menuheader.nombre)} ? 'active'"> <a th:if="${menuheader.tipo == 1}" class="nav-link cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" th:href="@{${menuheader.link}}">[[${menuheader.nombre}]]</a> <th:block th:if="${menuheader.tipo == 2}"> <a class="nav-link dropdown-toggle cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> [[${menuheader.nombre}]] <i class="fa fa-chevron-down ml-2"></i> </a> <div class="dropdown-menu" th:if="${menuheader.submenues != null}" th:with="root=@{/}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${(submenuheaderStat.first || menuheader.submenues[submenuheaderStat.index-1].nombre != submenuheader.nombre) && submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" class="dropdown-item cool-link" th:href="${submenuheader.link}" th:id="|submenu-desktop-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'">[[${submenuheader.nombre}]]</a> <a th:if="${submenuheader.tipo != 3}" class="dropdown-item cool-link" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|">[[${submenuheader.nombre}]]</a> </th:block> </div> </th:block> </li> </ul> </div> </div> <nav id="navbar-mobile" class="navbar navbar-expand-lg shadow-none navbar-light d-block d-md-none" style="border-top: 3px solid #EC111A;"> <div class="container"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid w-75 logo-scotiaclub" th:src="@{/resource/logo/BeneficiosScotia.png}" style="width:140px!important" alt="Beneficios Scotia"> </a> <button class="navbar-toggler first-button" type="button" data-toggle="collapse" data-target="#navbar-mobile-toggler" aria-controls="navbar-mobile-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-mobile-toggler"> <ul class="navbar-nav no-list"> <div class="container"> <div class="sc-row justify-content-center"> <div class="scotia-col-10"> <div sec:authorize="!isAuthenticated()" class="sc-row justify-content-center pt-3"> <div class="scotia-col-12 text-center"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal">Ingresar</button> </div> </div> <div class="sc-row py-3"> <div class="scotia-col-12"> <a href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/?utm_source=beneficios-scotia&utm_medium=header&utm_campaign=scotiazero" class="btn btn-outline-morado btn-block shadow-none px-0 rounded-8" target="_blank"> <img th:src="@{/resource/images/Portate_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono pórtate"> Hazte cliente </a> </div> <div class="scotia-col-6"> <a href="javascript:mostrarModalReferidos()" class="btn btn-outline-morado btn-block shadow-none px-0 rounded-8" style="display: none;"> <img th:src="@{/resource/images/Refiere_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono refiere"> Refiere </a> </div> </div> </div> </div> </div> <div class="accordion md-accordion" id="accordion-mobile" role="tablist" aria-multiselectable="true"> <div class="card" th:each="menuheader,indice : ${menuesHeader}" th:inline="text" th:if="${(indice.first || menuesHeader[indice.index-1].nombre != menuheader.nombre) && menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}"> <div th:if="${menuheader.tipo == 1}" class="card-header"> <a th:href="@{${menuheader.link}}" th:id="|menu-mobile-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] </h5> </a> </div> <th:block th:if="${menuheader.tipo == 2}" th:with="root=@{/}"> <div class="card-header" role="tab"> <a class="collapsed" th:href="|#collapse-menu-${menuheader.id}|" th:id="|menu-mobile-${menuheader.id}|" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" th:aria-controls="|collapse-menu-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div th:id="|collapse-menu-${menuheader.id}|" class="collapse" role="tabpanel" th:aria-label="${menuheader.nombre}"> <div class="card-body pt-2"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${(submenuheaderStat.first || menuheader.submenues[submenuheaderStat.index-1].nombre != submenuheader.nombre) && submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-mobile-${submenuheader.id}|"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> </th:block> </div> </div> </th:block> </div> <div sec:authorize="isAuthenticated()" class="card"> <div class="card-header" role="tab"> <a class="collapsed d-flex justify-content-between align-items-center" href="#collapse-menu-usuario" id="menu-mobile-usuario" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" aria-controls="collapse-menu-usuario"> <div> <img class="mr-2 imagen-usuario" th:src="@{/resource/IMAGES/USER.PNG}" alt="Usuario"> <h5 class="mb-0 d-inline"> Mi Cuenta </h5> </div> <h5><i class="fas fa-angle-down rotate-icon"></i></h5> </a> </div> <div id="collapse-menu-usuario" class="collapse" role="tabpanel" aria-label="Menú usuario"> <div class="card-body pt-2" th:with="root=@{/}"> <th:block th:each="menuheader : ${menuesHeader}" th:if="${menuheader.visibleTop && menuheader.userElement}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5>[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-mobile-${submenuheader.id}|"> <h5>[[${submenuheader.nombre}]]</h5> </a> </th:block> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </div> </div> </div> </ul> </div> </div> </nav>   </th:block>   <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}" >  <div id="navbar-desktop" class="d-none d-md-block"> <nav class="navbar navbar-expand-lg shadow-none navbar-light border-scotia"> <div class="container w-75 px-0"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid logo-scotiaclub2" th:src="@{/resource/access/logo.png}" alt="Beneficios Scotia" width="230px"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-desktop-toggler" aria-controls="navbar-desktop-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-desktop-toggler"> <ul class="navbar-nav ml-auto d-flex align-items-center flex-center flex-row no-list"> <li sec:authorize="!isAuthenticated()" class="nav-item"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal"> Ingresar </button> </li> <li sec:authorize="isAuthenticated()" class="nav-item"> <a th:href="@{/user/account/micartola}" class="btn rounded text-white text-capitalize font-weight-normal shadow-none waves-effect waves-light" style="background-color: #333333"> Mi Cuenta </a> </li> <li sec:authorize="isAuthenticated()" class="nav-item"> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red" style="background-color: #333333">Cerrar sesión</button> </form> </li> <li sec:authorize="isAuthenticated()" class="nav-item dropdown" style="display: none;"> <a href="#" class="nav-link dropdown-toggle d-flex align-items-center" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="mr-2 imagen-usuario" th:src="@{/resource/IMAGES/USER.PNG}" alt="Usuario"> <div> Mi Cuenta </div> </a> <div class="dropdown-menu dropdown-menu-right" style="position: absolute !important;" aria-label="Menú usuario"> <th:block th:each="menuheader : ${menuesHeader}"> <a th:each="submenuheader : ${menuheader.submenues}" th:if="${menuheader.visibleTop == true && submenuheader.visibleTop == true && menuheader.userElement == true}" class="dropdown-item cool-link px-3" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|" th:text="${submenuheader.nombre}"></a> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </li> </ul> </div> </div> </nav> <div class="d-none d-md-block border-top"> <ul class="nav nav-justified container w-75 no-list" th:with="authenticated=${#authorization.expression('isAuthenticated()')}"> <li class="nav-item dropdown" th:each="menuheader : ${menuesHeader}" th:if="${menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}" th:classappend="${(menuurl != null) && (menuurl.nombre == menuheader.nombre)} ? 'active'"> <a th:if="${menuheader.tipo == 1}" class="nav-link cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" th:href="@{${menuheader.link}}">[[${menuheader.nombre}]]</a> <th:block th:if="${menuheader.tipo == 2}"> <a class="nav-link dropdown-toggle cool-link" th:inline="text" th:id="|menu-desktop-${menuheader.id}|" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> [[${menuheader.nombre}]] <i class="fa fa-chevron-down ml-2"></i> </a> <div class="dropdown-menu" th:if="${menuheader.submenues != null}" th:with="root=@{/}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" class="dropdown-item cool-link" th:href="${submenuheader.link}" th:id="|submenu-desktop-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'">[[${submenuheader.nombre}]]</a> <a th:if="${submenuheader.tipo != 3}" class="dropdown-item cool-link" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|">[[${submenuheader.nombre}]]</a> </th:block> </div> </th:block> </li> </ul> </div> </div> <nav id="navbar-mobile" class="navbar navbar-expand-lg shadow-none navbar-light d-block d-md-none border-scotia"> <div class="container"> <a class="navbar-brand" th:href="@{/}"> <img class="img-fluid logo-scotiaclub2" th:src="@{/resource/logo/scotia2024.png}" alt="ScotiaClub" width="300px"> </a> <button class="navbar-toggler first-button" type="button" data-toggle="collapse" data-target="#navbar-mobile-toggler" aria-controls="navbar-mobile-toggler" aria-expanded="false" aria-label="Mostrar Menús"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-mobile-toggler"> <ul class="navbar-nav"> <div class="container"> <div class="sc-row justify-content-center"> <div class="scotia-col-10"> <div sec:authorize="!isAuthenticated()" class="sc-row justify-content-center pt-3"> <div class="scotia-col-12"> <button class="scotia-button button-primary-red login-btn" data-toggle="modal" data-target="#loginModal">Ingresar</button> </div> </div> <div class="sc-row py-3"> <div class="scotia-col-12"> <a href="https://www.scotiabankchile.cl/portabilidad-financiera" class="btn btn-outline-morado btn-block shadow-none px-0 rounded-8" target="_blank"> <img th:src="@{/resource/images/Portate_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono pórtate"> Pórtate </a> </div> <div class="scotia-col-6" style="display: none;"> <a href="javascript:mostrarModalReferidos()" class="btn btn-outline-morado btn-block shadow-none px-0 rounded-8"> <img th:src="@{/resource/images/Refiere_20210507.svg}" class="mr-2" style="width: 25px; height: 25px;" alt="Ícono refiere"> Refiere </a> </div> </div> </div> </div> </div> <div class="accordion md-accordion" id="accordion-mobile" role="tablist" aria-multiselectable="true"> <div class="card" th:each="menuheader : ${menuesHeader}" th:inline="text" th:if="${menuheader.visibleTop && !menuheader.userElement && ( !menuheader.visibleOnlyLogin || (menuheader.visibleOnlyLogin && authenticated) )}"> <div th:if="${menuheader.tipo == 1}" class="card-header"> <a th:href="@{${menuheader.link}}" th:id="|menu-mobile-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] </h5> </a> </div> <th:block th:if="${menuheader.tipo == 2}" th:with="root=@{/}"> <div class="card-header" role="tab"> <a class="collapsed" th:href="|#collapse-menu-${menuheader.id}|" th:id="|menu-mobile-${menuheader.id}|" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" th:aria-controls="|collapse-menu-${menuheader.id}|"> <h5 class="mb-0"> [[${menuheader.nombre}]] <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div th:id="|collapse-menu-${menuheader.id}|" class="collapse" role="tabpanel" th:aria-label="${menuheader.nombre}"> <div class="card-body pt-2"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true && ( !submenuheader.visibleOnlyLogin || (submenuheader.visibleOnlyLogin && authenticated) )}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|"> <h5 class="my-2">[[${submenuheader.nombre}]]</h5> </a> </th:block> </div> </div> </th:block> </div> <div sec:authorize="isAuthenticated()" class="card"> <div class="card-header" role="tab"> <a class="collapsed d-flex justify-content-between align-items-center" href="#collapse-menu-usuario" id="menu-mobile-usuario" data-toggle="collapse" data-parent="#accordion-mobile" aria-expanded="false" aria-controls="collapse-menu-usuario"> <div> <img class="mr-2 imagen-usuario" th:src="@{/resource/IMAGES/USER.PNG}" alt="Usuario"> <h5 class="mb-0 d-inline"> Mi Cuenta </h5> </div> <h5><i class="fas fa-angle-down rotate-icon"></i></h5> </a> </div> <div id="collapse-menu-usuario" class="collapse" role="tabpanel" aria-label="Menú usuario"> <div class="card-body pt-2" th:with="root=@{/}"> <th:block th:each="menuheader : ${menuesHeader}" th:if="${menuheader.visibleTop && menuheader.userElement}"> <th:block th:each="submenuheader : ${menuheader.submenues}" th:inline="text" th:if="${submenuheader.visibleTop == true}" th:with="external=${ !#strings.contains( submenuheader.link, root ) }"> <a th:if="${submenuheader.tipo == 3}" th:href="${submenuheader.link}" th:id="|submenu-mobile-${submenuheader.id}|" th:attrappend="target=${external} ? '_blank', rel=${external} ? 'noopener'"> <h5>[[${submenuheader.nombre}]]</h5> </a> <a th:if="${submenuheader.tipo != 3}" th:href="@{|${menuheader.link}${submenuheader.link}|}" th:id="|submenu-desktop-${submenuheader.id}|"> <h5>[[${submenuheader.nombre}]]</h5> </a> </th:block> </th:block> <form th:action="@{/logout}" method="POST"> <button type="submit" class="scotia-button button-primary-red logout-btn ml-2" style="padding:6px 15px;">Cerrar sesión</button> </form> </div> </div> </div> </div> </ul> </div> </div> </nav>  </th:block>  <div sec:authorize="!isAuthenticated()" class="sc-btn-scotiazero bg-unset" style="display: block;"><a href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/" class="yellow scotia-button pill-primary-button clickfollow" rel="noopener" data-ide="hazte-cliente-scotiazero-flotante" data-name="Hazte Cliente ScotiaZero" data-creative="btn-flotante-global" data-position="1">Hazte Cliente</a></div>  <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-label="Ingresa a ScotiaClub" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="close position-absolute mr-3 mt-3 d-lg-none" data-dismiss="modal" aria-label="Close" style="right: 0; top: 0;"> <img th:src="@{/resource/images/close.png}" class="img-fluid" width="30" alt=""> </button> <div class="modal-header text-center"> <h5 class="modal-title d-none d-lg-block">Ingresa a Beneficios Scotia</h5> <h4 class="modal-title font-weight-bold w-100 d-lg-none">Ingresa a Beneficios Scotia</h4> <button type="button" class="close d-none d-lg-inline-block" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form autocomplete="off" class="cr-acces-form" id="formulario-login" th:action="@{/auth}" method="post"> <div class="modal-body"> <div class="container-fluid"> <div class="row"> <div class="scotia-col-12"> <div class="form-group"> <label class="font-weight-bold" for="inputRut">Rut</label> <input type="text" class="form-control form-control-sm input-rut" id="inputRut" placeholder="Sin puntos, con guión" title="Sin puntos, con guión" name='username' pattern="^\d{8}-(\d|k|K)$" autocomplete="off"> </div> <div class="form-group"> <label class="font-weight-bold" for="inputPassword">Clave (ingresa con clave de Scotiabank.cl)</label> <input type="password" class="form-control form-control-sm" id="inputPassword" placeholder="Ingresa clave de Scotiabank.cl" name='password' autocomplete="off"> <p class="text-right ver-ejemplo mt-2">Recuperar clave</p> <div class="cr-hide-ejemplo"> <h5 class="text-center txtcl_log">Si olvidas la clave de tu sitio privado, comunícate al teléfono 600 600 1100</h5> </div> </div> <div id="login-failed-div" class="card m-card-error px-3 py-2"> <div class="row"> <div class="scotia-col-2 align-self-center pl-2"> <img th:src="@{/resource/icons/closem.svg}" alt="" width="20"> </div> <div class="scotia-col-10 p-0 align-self-center"> <h6 class="text-white m-0 p-0 font-weight-light">Ups!</h6> <p class="text-white m-0"></p> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="scotia-button button-primary-red btn-ingresar-head btn-block" disabled>Cargando...</button> </div> </form> </div> </div> </div>  <th:block sec:authorize="isAuthenticated()">  <div class="modal fade" id="welcomeModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content rounded-lg"> <div class="modal-body rgba-blue-grey-slight p-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="container-fluid"> <div class="sc-row align-items-start wlcm-bg"> <div class="scotia-col-12 p-5"> <h3 class="text-white">Bienvenido(a)</h3> <p class="text-white" th:text="${usuario.firstname}"></p> </div> </div> <div class="sc-row py-4 px-2 rounded-bottom"> <div class="scotia-col-md-4 mb-3 px-2"> <div class="card text-center py-3 card-puntos"> <div style="height: 34px;"> <h6 class="m-0">Pesos Scotia disponibles</h6> </div> <div class="card-body text-center py-0"> <h4 class="font-weight-bold color-pink" th:text="${points.availablePoints}"></h4> </div> <div class="card-footer d-none d-md-block"></div> </div> </div> <div class="scotia-col-md-4 mb-3 px-2"> <div class="card text-center py-3 card-puntos"> <div style="height: 34px;"> <h6 class="m-0" th:inline="text">Pesos Scotia por vencer al [[${points.expiringPoints.expirationDate}]]</h6> </div> <div class="card-body text-center py-0"> <h4 class="font-weight-bold color-pink" th:text="${points.expiringPoints.points}"></h4> </div> <div class="card-footer d-none d-md-block"></div> </div> </div> <div class="scotia-col-md-4 mb-3 px-2"> <div class="card text-center py-3 card-puntos"> <div style="height: 34px;"> <h6 class="m-0">Pesos Scotia inscritos</h6> </div> <div class="card-body text-center py-0"> <h4 class="font-weight-bold color-pink" th:text="${points.registeredPoints}"></h4> </div> <div class="card-footer py-0"> <h6 class="m-0">Revisa el detalle de tus inscripciones en <a th:href="@{/user/account/misinscripciones}" class="color-purple font-weight-bold">Mis inscripciones</a></h6> </div> </div> </div> <div class="scotia-col-12 text-purple text-center pt-4"> <h4 class="scotia-headline">Canje Pesos Scotia:</h4> <h4 class="scotia-headline">$1 = 1 ScotiaPeso</h4> </div> <div class="scotia-col-12 pt-4"> <a class="btn btn-block cr-red-btn" th:href="@{/user/account/micartola}">Ir a mi cuenta</a> </div> </div> </div> </div> </div> </div> </div>   <div class="modal fade" id="firstModal" tabindex="-1" role="dialog" aria-label="¡Bienvenido al ScotiaClub!" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-body p-0"> <div id="carousel-first-login" class="carousel slide" data-wrap="false" data-interval="false"> <ol class="carousel-indicators"> <li data-target="#carousel-first-login" data-slide-to="0" class="active"></li> <li data-target="#carousel-first-login" data-slide-to="1"></li> <li data-target="#carousel-first-login" data-slide-to="2"></li> <li data-target="#carousel-first-login" data-slide-to="3"></li> </ol> <div class="carousel-inner" th:with="singular=${#authorization.expression('isAuthenticated()') && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK')}"> <div class="carousel-item active"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop1.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop1.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile1.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile1.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop1.jpg}" alt="Bienvenido a ScotiaClub"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop1-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop1-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile1-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile1-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop1-singular.jpg}" alt="Bienvenido a ScotiaClub"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" href="#carousel-first-login" role="button" data-slide="next">Siguiente</a> </div> </div> <div class="carousel-item"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop2.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop2.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile2.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile2.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop2.jpg}" alt="Disfruta de ScotiaClub.cl"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop2-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop2-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile2-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile2-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop2-singular.jpg}" alt="Disfruta de ScotiaClub.cl"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" href="#carousel-first-login" role="button" data-slide="next">Siguiente</a> </div> </div> <div class="carousel-item"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop3.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop3.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile3.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile3.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop3.jpg}" alt="Descarga tu App Scotiabank Go"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop3-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop3-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile3-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile3-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop3-singular.jpg}" alt="Descarga tu App Scotiabank Go"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" href="#carousel-first-login" role="button" data-slide="next">Siguiente</a> </div> </div> <div class="carousel-item"> <picture th:if="${!singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop4.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/images/first-login-desktop4.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile4.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/images/first-login-mobile4.jpg}"> <img class="img-fluid" th:src="@{/resource/images/first-login-desktop4.jpg}" alt="Qué debes saber de ScotiaClub"> </picture> <picture th:if="${singular}"> <source type="image/webp" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop4-singular.webp}"> <source type="image/jpg" media="(min-width: 768px)" th:srcset="@{/resource/singular/first-login-desktop4-singular.jpg}"> <source type="image/webp" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile4-singular.webp}"> <source type="image/jpg" media="(max-width: 767px)" th:srcset="@{/resource/singular/first-login-mobile4-singular.jpg}"> <img class="img-fluid" th:src="@{/resource/singular/first-login-desktop4-singular.jpg}" alt="Qué debes saber de ScotiaClub"> </picture> <div class="carousel-item-btn-div"> <a class="btn btn-outline-light btn-rounded" data-dismiss="modal">Siguiente</a> </div> </div> </div> </div> </div> </div> </div> </div>  </th:block>  <div class="modal fade" id="settingModal" tabindex="-1" role="dialog" aria-labelledby="settingModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content py-5 py-lg-0"> <div class="modal-header text-center"> <h5 class="modal-title" id="settingModalCenterTitle">Personaliza tu Scotiaclub a tu gusto</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container-fluid"> <form id="formulariomodal-gustos" th:action="@{/gustos/actualizar}" method="POST"> <div class="sc-row align-content-center pt-5"> <div th:each="gusto, index : ${gustos}" class="scotia-col-lg-4 scotia-col-6 text-center mb-5"> <img th:src="@{${gusto.imagen}}"> <h6 th:text="${gusto.nombre}" class="mt-2 mb-3">Viajes</h6> <input type="checkbox" class="cbx d-none" th:id="|catmodal-${gusto.id}|" name="gusto" th:value="${gusto.id}" th:checked="${gusto.gustado}"> <label th:for="|catmodal-${gusto.id}|" class="check"> <svg width="18px" height="18px" viewBox="0 0 18 18"> <path d="M1,9 L1,3.5 C1,2 2,1 3.5,1 L14.5,1 C16,1 17,2 17,3.5 L17,14.5 C17,16 16,17 14.5,17 L3.5,17 C2,17 1,16 1,14.5 L1,9 Z"></path> <polyline points="1 9 7 14 15 4"></polyline> </svg> </label> </div> </div> </form> <div class="sc-row text-center pb-3"> <div class="scotia-col-12"> <a id="submitmodal-link" class="btn cr-red-btn btn-block">Guardar</a> </div> </div> </div> </div> </div> </div> </div>   <div th:if="${(!authenticated) || (authenticated && !#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') ) }" role="button" id="accesos-directos"> <div> <i class="fas fa-chevron-left text-white px-2"></i> </div> <div class="py-3 pr-2">   <th:block th:each="popUp : ${popUps}"> <th:block th:if="${popUp.activo}"> <th:block th:if="${popUp.idPopUp == 2}"> <a href="#" role="button" data-toggle="modal" data-target="#modal-beneficios"> <div class="bg-celeste acceso-directo mb-2"> <img th:src="@{/resource/images/descuentos_2021-01-07.png}" alt="Ícono cupones"> </div> </a> </th:block> </th:block> </th:block>  </div> </div> <script> $('[data-toggle="popover-hover"]').popover({ html: true, trigger: 'hover', placement: 'left', content: function () { return '<img src="' + $(this).data('img') + '" />'; } }); </script>  <th:block th:each="popUp : ${popUps}"> <th:block th:if="${popUp.activo}"> <th:block th:if="${popUp.idPopUp == 2}"> <div class="modal fade left" id="modal-beneficios" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-scrollable modal-full-height modal-left" role="document"> <div class="modal-content"> <div class="modal-header bg-morado"> <h5 class="modal-title font-weight-light text-white">Descarga tu cupón de descuento Cinépolis!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="text-white" aria-hidden="true">×</span> </button> </div> <div class="modal-body" id="parent-collapsable-cupones"> <th:block th:each="cupon : ${popUp.cupones}">  <div class="card mb-3"> <div class="card-body py-2"> <div class="sc-row align-items-center"> <div class="scotia-col-2"> <img th:src="@{${cupon.imagen}}" class="rounded-circle mr-3" height="50px" width="50px" alt="avatar"> </div> <div class="col"> <h6 class="card-title scotia-headline font-weight-bolder mb-2 h6-responsive" th:text="${cupon.titulo}"></h6> <p class="card-text textlight-descuento" th:utext="${cupon.subtitulo}"></p> </div> </div> <div class="collapse" th:id="|collapsable-cupon-${cuponStat.index}|" data-parent="#parent-collapsable-cupones"> <div class="card-text textlight-descuento mt-3" th:utext="${cupon.descripcion}"></div> <th:block th:switch="${cupon.tipo}"> <th:block th:case="1"> <button sec:authorize="!isAuthenticated()" role="button" class="scotia-button button-primary-red iniciar-sesion-cupones">Debes iniciar sesión</button> <th:block sec:authorize="isAuthenticated()"> <form class="formulario-descuento" th:action="@{/exchange-directly}" method="POST" th:id="${'form-cupon-'+cupon.idProducto}"> <input name="id_producto" class="d-none" th:value="${cupon.idProducto}"/> <div class="div-response text-center py-2" style="display: none;"> <span></span> <h6 class="font-weight-bolder"></h6> <p>puedes volver a ver tus códigos ingresando a la sección <a th:href="@{/user/account/miscupones}">"Mis Cupones"</a></p> </div> <button class="btn-block scotia-button button-primary-red">Obtener cupón</button> <a id="btn-miscupones" class="btn-block scotia-button button-primary-red d-none" th:href="@{/user/account/miscupones}">Ir a Mis Cupones</a> </form> </th:block> </th:block> <th:block th:case="2"> <a th:href="${cupon.link}" class="scotia-button button-primary-red btn-block" th:attrappend="target=${cupon.blank}?_blank">Quiero conocerlo</a> </th:block> </th:block> </div> <hr class="mt-2 mb-0"> <a class="btn btn-flat text-morado m-0 pb-0 px-0" data-toggle="collapse" th:href="|#collapsable-cupon-${cuponStat.index}|" role="button" aria-expanded="false" th:aria-controls="|collapsable-cupon-${cuponStat.index}|">Ver más</a> </div> </div>  </th:block> </div> </div> </div> </div> <script> $(document).ready(function() { $('.iniciar-sesion-cupones').click(function(){ $('#modal-beneficios').modal('hide'); $('#loginModal').modal('show'); }); $('.formulario-descuento').submit(function(e) { e.preventDefault(); /* Se oculta el div de respuesta */ let divResponse = $(this).find('.div-response'); divResponse.hide(); /* Se deshabilita el botón submit */ let submitButton = $(this).find('button:submit'); submitButton.prop('disabled', true); submitButton.html('<i class="fas fa-circle-notch fa-spin"></i>'); /* Se guardan los nodos del response div en variables */ let responseSpan = divResponse.find('span'); responseSpan.removeClass(); let responseH2 = divResponse.find('h6'); let responseP = divResponse.find('p'); $.ajax({ url: $(this).attr('action'), method: $(this).attr('method'), data: $(this).serialize(), success: function(respuesta) { if (respuesta.status == 'OK') { responseSpan.addClass('text-morado'); responseSpan.html('tu cupón es:'); responseH2.html(respuesta.customerReward.ticket.replaceAll("_", " ")); responseH2.show(); responseP.show(); } else { responseSpan.addClass('text-rojo'); responseSpan.html(respuesta.message); responseH2.hide(); responseP.hide(); } }, error: function(xhr, status, error) { responseSpan.addClass('text-rojo'); responseSpan.html('Ocurrió un error'); responseH2.hide(); responseP.hide(); }, complete: function() { /* Se habilita el botón nuevamente y se ajusta su texto */ submitButton.addClass('d-none'); document.getElementById('btn-miscupones').classList.remove('d-none'); //submitButton.prop('disabled', false); //submitButton.html('Obtener cupón'); /* Se muestra el div de respuesta del AJAX */ divResponse.show(); } }); }); }); </script> </th:block> <th:block th:if="${popUp.idPopUp == 3 && popUp.encuesta != null}" th:with="encuesta = ${popUp.encuesta}">  <link rel="stylesheet" type="text/css" th:href="@{/resource/css/stylereferidos.css}"> <script th:src="@{/resource/js/regionescomunas.js}"></script> <div class="modal fade" id="modal-referidos" tabindex="-1" role="dialog" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content rounded-lg"> <div class="modal-header pb-0"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-0"> <ul class=" m-0 p-0 no-list"> <li id="domreferidosForm"> <div class="container"> <div class="row"> <div class="scotia-col-12 text-center"> <img th:src="@{/resource/images/Regalo_2021-04-05.png}" width="60px" alt="Regalo"/> <h5 sec:authorize="isAuthenticated()" class="scotia-headline py-3" style="color:black !important; font-size:29px;">Referidos Scotiabank</h5> <h5 sec:authorize="!isAuthenticated()" class="scotia-headline py-3" style="color:black !important; font-size:29px;">Iniciar sesión para referir a alguien</h5> <p style="color:black !important; font-size:16px;">Gana hasta <span class="scotia-headline" style="color:black!important;">50.000 Pesos Scotia</span> por cada referido <br> que apertura su Cuenta Scotiabank</p> </div> </div> <form autocomplete="off" th:id="|form-${encuesta.idEncuesta}|" method="POST" th:action="@{/formularios}" th:classappend="${!#authorization.expression('isAuthenticated()')} ? disabled"> <input type="text" name="form-id" class="d-none" th:value="${encuesta.idEncuesta}" readonly required> <div class="sc-row px-5"> <div class="scotia-col-md-6"> <img height="24px" class="d-inline" th:src="@{/resource/images/user_2020-01-18.png}"/> <p class="color-purple d-inline font-weight-bold">Tus datos:</p> <hr class="bg-morado mb-5"> <div class="md-form mt-3" th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'columna-izquierda-referidos')}" th:each="pregunta: ${encuesta.preguntaEncuesta}"> <th:block th:switch="${pregunta.idTipoPreguntaEncuesta}"> <th:block th:case="1"> <input th:attr="type=${pregunta.tipoInput}" th:id="|input-pregunta-${preguntaStat.index}|" th:name="${pregunta.idPreguntaEncuesta}" class="form-control" th:classappend="${pregunta.clase}" th:placeholder="${pregunta.placeholder}" required> <label th:for="|input-pregunta-${preguntaStat.index}|" th:text="${#strings.replace(pregunta.pregunta,' Cliente','')}">Nombre</label> </th:block> <th:block th:case="2"> <label class="d-block" th:text="${pregunta.pregunta}"></label> <div class="form-check form-check-inline" th:each="opcion: ${pregunta.opciones}"> <input class="form-check-input" type="radio" th:name="${pregunta.idPreguntaEncuesta}|" th:id="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:classappend="${pregunta.clase}" th:value="${opcion}" required> <label class="form-check-label" th:for="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:text="${opcion}">1</label> </div> </th:block> <th:block th:case="3"> <span class="form-select-span" th:text="${pregunta.pregunta}"></span> <select th:name="${pregunta.idPreguntaEncuesta}" th:id="|select-pregunta-${preguntaStat.index}|" class="browser-default custom-select" th:classappend="${pregunta.clase}" required> <option th:each="opcion: ${pregunta.opciones}" th:text="${opcion}"></option> </select> </th:block> </th:block> </div> </div> <div class="scotia-col-md-6"> <img height="24px" class="d-inline" th:src="@{/resource/images/add-user_2020-01-18.png}"/> <p class="color-purple d-inline font-weight-bold">Los datos de tu referido:</p> <hr class="bg-morado mb-5"> <div class="md-form mt-3" th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'columna-derecha-referidos')}" th:each="pregunta: ${encuesta.preguntaEncuesta}"> <th:block th:switch="${pregunta.idTipoPreguntaEncuesta}"> <th:block th:case="1"> <input th:attr="type=${pregunta.tipoInput}" th:id="|input-pregunta-${preguntaStat.index}|" th:name="${pregunta.idPreguntaEncuesta}" class="form-control" th:classappend="${pregunta.clase}" th:placeholder="${pregunta.placeholder}" required> <label th:for="|input-pregunta-${preguntaStat.index}|" th:text="${#strings.replace(pregunta.pregunta,' Referido','')}">Nombre</label> </th:block> <th:block th:case="2"> <label class="d-block" th:text="${pregunta.pregunta}"></label> <div class="form-check form-check-inline" th:each="opcion: ${pregunta.opciones}"> <input class="form-check-input" type="radio" th:name="${pregunta.idPreguntaEncuesta}|" th:id="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:classappend="${pregunta.clase}" th:value="${opcion}" required> <label class="form-check-label" th:for="|radio-button-${pregunta.idPreguntaEncuesta}-${opcionStat.index}|" th:text="${opcion}">1</label> </div> </th:block> <th:block th:case="3"> <span class="form-select-span" th:text="${pregunta.pregunta}"></span> <select th:name="${pregunta.idPreguntaEncuesta}" th:id="|select-pregunta-${preguntaStat.index}|" class="browser-default custom-select" th:classappend="${pregunta.clase}" required> <option th:each="opcion: ${pregunta.opciones}" th:text="${opcion}"></option> </select> </th:block> </th:block> </div> </div> <th:block th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'columna-checkbox')}" th:each="pregunta: ${encuesta.preguntaEncuesta}"> <div th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'acepto-acuerdo-privacidad')}" class="scotia-col-12 mb-3"> <div class="form-check"> <input class="form-check-input" type="checkbox" th:name="${pregunta.idPreguntaEncuesta}" value="true" id="acepto-condiciones-referidos" data-open="false" required/> <label class="form-check-label" for="acepto-condiciones-referidos"> Acepto expresamente el <strong class="font-weight-bold">Acuerdo de privacidad</strong> de Scotiabank Chile y sus Filiales. Debes revisar nuestro acuerdo de privacidad <a class="font-weight-bold" href="https://www.scotiaclub.cl/scclubfront/resource/pdf/Acuerdo-de-Privacidad.pdf" target="_blank">acá.</a> </label> </div> </div> <div th:if="${#lists.contains(#strings.arraySplit(pregunta.clase, ' '), 'autorizo-contacto')}" class="scotia-col-12 mb-3"> <div class="form-check"> <input class="form-check-input" type="checkbox" th:name="${pregunta.idPreguntaEncuesta}" value="true" id="autorizo-datos-personales2" required/> <label class="form-check-label" for="autorizo-datos-personales2"> Soy responsable y autorizo el uso de los datos personales del referido ingresados en módulo de scotiaclub.cl, los cuales serán utilizados exclusivamente para la gestión de contacto entre Scotiabank y el referido. </label> </div> </div> </th:block> </div> </form> <div class="sc-row px-5"> <div class="alert alert-info text-body" role="alert"> <ul class="no-list"> <li>(1) Promoción válida del 01 al 31 de enero para el cliente Scotiabank identificado en el formulario, quien deberá contar con Tarjeta de Crédito Scotiabank vigente y utilizable, para acceder a los Pesos Scotia correspondientes. En caso que cliente no tenga Tarjeta de Crédito vigente y utilizable el abono se realizará mediante abono directo en su Cuenta Corriente, para esto debe contar con Cuenta Corriente vigente a la fecha del abono. El abono se realizará el mes siguiente a la contratación del respectivo Plan de Cuenta Corriente por parte del referido. El monto de Pesos Scotia a abonar será de 30.000 Pesos Scotia si el referido contrata un Plan ScotiaLight o ScotiaZero y de 50.000 Pesos Scotia si el referido contrata un Plan Medium o Plan Full. El tope de Abono por cliente es de 150.000 Pesos Scotia al mes, considerando como periodo válido de contratación del Plan de Cuenta Corriente Scotiabank hasta el mes siguiente de haber referido. La aprobación y otorgamiento de un plan de cuenta corriente Scotiabank está sujeto a la evaluación del referido y al cumplimiento de las políticas de Riesgo y Comerciales del Banco. Quedan excluidos de la promoción los trabajadores de Scotiabank Chile y de sus filiales, asi como los clientes que al momento del abono tengan la calidad de trabajadores de alguna de dichas instituciones.</li> <li>(2) Promoción válida del 01 al 31 de enero para el cliente Scotiabank identificado en el formulario, quien debe contar con Cuenta Corriente Scotiabank para acceder al cash back correspondiente. En caso que cliente no tenga cuenta corriente vigente para realizar el abono correspondiente, y tenga Tarjeta de Crédito vigente y utilizable al momento del abono, el premio se realizará mediante abono de Pesos Scotia. El abono se realizará el mes siguiente a la contratación del respectivo Plan de Cuenta Corriente por parte del referido. El monto será de $30.000 si el referido contrata un Plan ScotiaLight o ScotiaZero y de $50.000 si el referido contrata un Plan Medium o Plan Full. El tope de Abono por cliente es de $150.000 al mes, considerando como periodo válido de contratación del Plan de Cuenta Corriente Scotiabank hasta el mes siguiente de haber referido. La aprobación y otorgamiento de un plan de cuenta corriente Scotiabank está sujeto a la evaluación del referido y al cumplimiento de las políticas de Riesgo y Comerciales del Banco. Quedan excluidos de la promoción los trabajadores de Scotiabank Chile y de sus filiales, así como los clientes que al momento del abono tengan la calidad de trabajadores de alguna de dichas instituciones.</li> <li>(3) Infórmese sobre la garantía estatal de los depósitos en su banco o en www . cmfchile . cl. ® Marca registrada de The Bank of Nova Scotia, utilizada bajo licencia.</li> </ul> </div> </div> <div class="text-center mb-4"> <button sec:authorize="isAuthenticated()" type="submit" class="scotia-button button-primary-red" th:form="|form-${encuesta.idEncuesta}|" id="submitReferido2">Enviar</button> <button sec:authorize="!isAuthenticated()" type="button" class="scotia-button button-primary-red" disabled>Debes iniciar sesión</button> </div> </div> </li> <li id="referidosExito" style="display: none;"> <div class="text-center"> <img th:src="@{/resource/images/Regalo_2021-04-05.png}" width="60px" alt="Regalo"/> </div> <h3 class="title-card text-center h3-responsive scotia-headline mb-3 mt-4" style="color:black!important;font-size:29px;">Haz agregado con éxito a tu referido</h3> <h6 class="text-center mb-3" style="color:black!important;">Recuerda, una vez activada la cuenta, tus puntos se te abonarán a tu cuenta.</h6> <div class="d-flex justify-content-center"> <button class="scotia-button button-primary-red" id="btn-referir-otro" type="button">Referir a Otro</button> <button class="scotia-button button-primary-red" type="button" data-dismiss="modal">Cerrar ventana</button> </div> </li> <li id="referidosError" style="display: none;"> <div class="mt-4"> <div class="text-center color-purple"> <span class="far fa-frown fa-3x"></span> </div> <h3 class="title-card text-center h3-responsive scotia-headline mb-3 mt-4" style="color:black!important;">Ha ocurrido un error</h3> <h6 class="text-center mb-3" style="color:black!important;">Ha ocurrio un error, intenta más tarde.</h6> <div class="d-flex justify-content-center"> <button class="scotia-button button-primary-red" id="btn-intentar-nuevamente" type="button">Intentar de Nuevo</button> <button class="scotia-button button-primary-red" type="button" data-dismiss="modal">Cerrar ventana</button> </div> </div> </li> </ul> </div> </div> </div> </div> <script th:inline="javascript"> function mostrarModalReferidos() { $('#modal-referidos').modal('show'); } $(document).ready(function() { $('#acepto-condiciones-referidos').on('change', function() { const open = $(this).data('open'); if (!open) { window.open('https://www.scotiaclub.cl/scclubfront/resource/pdf/Acuerdo-de-Privacidad.pdf', '_blank'); $(this).data('open', true); } }); $('#modal-referidos .telefono').each(function() { $(this).attr('minlength', '9'); $(this).attr('maxlength', '9'); }); const formularioEncuesta = $([[|#form-${encuesta.idEncuesta}|]]); formularioEncuesta.on('submit',function(e){ e.preventDefault(); let form = $(this); $('#submitReferido2').attr('disabled', true); $.ajax({ type: form.attr('method'), url: form.attr('action'), data: form.serialize(), // serializes the form's elements. success: function(data) { $("#domreferidosForm").slideUp(); $('#referidosExito').show(); }, error: function(error) { $('#domreferidosForm').slideUp(); $('#referidosError').show(); } }); }); $('#btn-referir-otro, #btn-intentar-nuevamente').on('click', function() { if ($(this).attr('id') == 'btn-referir-otro') { formularioEncuesta[0].reset(); } $('#submitReferido2').attr('disabled', false); $("#domreferidosForm").slideDown(); $("#referidosExito").hide(); }); }); </script>  </th:block> </th:block> </th:block>  <script th:inline="javascript"> var autenticado = [[${authenticated}]]; function estaLogeado(){ if(autenticado){ return true; }else{ return false; } } </script>  <script> document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll('.nav-item.dropdown > .nav-link').forEach(function (link) { link.addEventListener('click', function (e) { const parent = this.parentElement; const menu = parent.querySelector('.dropdown-menu'); // Si no tiene submenú, permitir navegación normal if (!menu) return; // Interrumpir el comportamiento por defecto solo si es dropdown e.preventDefault(); const isAlreadyOpen = parent.classList.contains('show'); // Cerrar todos document.querySelectorAll('.nav-item.dropdown').forEach(function (item) { item.classList.remove('show'); const submenu = item.querySelector('.dropdown-menu'); if (submenu) submenu.classList.remove('show'); }); // Si no estaba abierto, lo abrimos if (!isAlreadyOpen) { parent.classList.add('show'); menu.classList.add('show'); } }); }); // Cierra si haces clic fuera del menú document.addEventListener('click', function (e) { if (!e.target.closest('.nav-item.dropdown')) { document.querySelectorAll('.nav-item.dropdown').forEach(function (item) { item.classList.remove('show'); const menu = item.querySelector('.dropdown-menu'); if (menu) menu.classList.remove('show'); }); } }); }); </script> </th:block>  <style th:inline="text"> .text-white-off { color: #ffffff73!important; } .bg-submenu{ background:[[${submenuurl.color}]]!important; } .bg-submenu-caja{ background-color:[[${submenuurl.color_borde}]]!important; } </style> <th:block th:with="authenticated=${#authorization.expression('isAuthenticated()')}" > <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}" > <style> #menu-saboristas{ background-image: url([[${submenuurl.nombre} == 'Mi cartola' ? '/scclubfront/resource/sections/beneficios1655740431.jpg' : @{${submenuurl.imagen}}]]); background-repeat: no-repeat; background-position: top; } </style> </th:block> <section class="scotia-black-bg"> <div id="navbar-desktop" class="container d-none d-md-block"> <div class="container d-none d-md-block"> <ul class="nav py-2 justify-content-center align-items-center"> <th:block th:each="submenu : ${menuurl.submenues}" th:with="current=${submenuurl.strIndex == submenu.strIndex}" th:if="${(submenuStat.first || menuurl.submenues[submenuStat.index-1].nombre != submenu.nombre) && submenu.visibleTop == true && ( !submenu.visibleOnlyLogin || (submenu.visibleOnlyLogin && authenticated) )}"> <li class="col-md-2 text-center" th:if="${current || submenu.visibleTop}"> <a th:if="${submenu.tipo == 3}" th:href="${submenu.link}" th:classappend="${current} ? text-white : text-white-off" target="_blank" rel="noopener" th:text="@{${submenu.nombre}}"></a> <a th:if="${submenu.tipo != 3}" th:href="@{|${menuurl.link}${submenu.link}|}" th:classappend="${current} ? text-white : text-white-off" th:text="@{${submenu.nombre}}"></a> </li> </th:block> </ul> </div> </div> </section>  </th:block> <style> .list, .list li{ list-style: initial!important; font-size:.8rem!important; color:#333!important; } </style><style> .list, .list li{ list-style: initial!important; font-size:.8rem!important; color:#333!important; } </style> <th:block th:switch="${submenuurl.tipo}" th:with="authenticated=${#authorization.expression('isAuthenticated()')}" > <x th:case="1" th:remove="tag"> <section id="que-saborista"> <div class="container pt-5 pb-5"> <div class="row"> <div class="col-md-6"> <h2 class="cr-supertitle"><span th:text="${submenuurl.informationsubmenu.titulo}">titulo</span><span th:text="${submenuurl.informationsubmenu.subtitulo}">suntitulo</span></h2> <h5 class="pr-5" th:text="${submenuurl.informationsubmenu.descripcion}">descripcion</h5> <a target="_blank" th:href="@{${submenuurl.informationsubmenu.link}}"><button type="button" class="btn cr-red-btn btn-crezco mt-4 mb-5" th:text="${submenuurl.informationsubmenu.textoLink}">texto link</button></a> <div class="col-md-12 pt-2"> <p th:utext="${submenuurl.informationsubmenu.condiciones}"></p> </div> </div> <div class="col-md-6 m"> <img class="cr-fit-img" th:src="@{${submenuurl.informationsubmenu.imagen}}" /> </div> <div class="col-md-6"></div> </div> </div> </section> <script> $(document).ready(function(){ var parent = $('#que-saborista ul').parent(); var content = parent.html(); content = content.replace(/<ul>/g, '').replace(/<\/ul>/g, ''); content = content.replace(/<li>/g, '<p class="cr-tips">').replace(/<\/li>/g, '</p>'); parent.html(content); }); </script> </x> <x th:case="2" th:remove="tag"> <section id="que-saborista"> <div class="container pt-5 pb-5"> <div class="row"> <div class="col-sm-6 col-md-4 col-lg-4 pb-3" th:each="productoLikeLista : ${submenuurl.productosLikeLista}" > <div class="cr-caja-summary"> <div class="cr-ruta-img"> <img th:src="@{${productoLikeLista.imagen}}" /> </div> <div class="text-center p-2 cr-blue-bg rounded cr-discount" th:style="|background-color: ${submenuurl.color}|"> <h1 class="font-weight-bold" th:text="${productoLikeLista.porcentajeInfo}">porcentajeInfo</h1> </div> <div class="row align-items-center"> <div class="col-8"> <div class="p-3"> <h4 th:text="${productoLikeLista.titulo}">titulo</h4> <p> <span th:text="${productoLikeLista.subtitulo}">subtitulo</span><br> <span th:text="${productoLikeLista.direcciones}">direccionTxt1</span> </p> </div> </div> <div class="col-4"> <div class="cr-like text-center color-purple pt-4 pb-4"> <i id="mg_199" name="mg_199" class="far fa-heart fa-3x" onclick="like(199);"></i> <br>Me gusta<br> <span th:text="${productoLikeLista.like}">likes</span> </div> </div> </div> </div> </div> </div> </div> </section> </x>  <x th:case="4" th:remove="tag"> <section id="que-saborista"> <div class="container pt-5 pb-5"> <div class="row"> <div class="col-sm-6 col-md-4 col-lg-3 pb-3" th:each="producto : ${productos}"> <div class="cr-caja-summary"> <x th:if="${producto.stock == 0}" th:remove="tag"> <div class="ribbon"> <span>Agotado</span> </div> </x> <div class="cr-product-img"> <img th:src="@{${producto.imagen}}"/> </div> <div class="cr-product-contenido"> <h6 class="mb-0">CineHoyts Parque Arauco</h6> <h6 th:text="${producto.subtitulo}" class="mb-0"></h6> <h6 th:text="${producto.porcentajeInfo}">21:00 hrs</h6> <h4 class="font-weight-bold" th:text="|${#numbers.formatInteger(producto.precio,0,'POINT')} Pesos Scotia|"></h4> <h6>Entrada válida para 1 persona</h6> <table class="tablanueva shadow-sm" border="1" width="100%"> <thead> <tr> <td>STOCK</td> <td>CANJEADOS</td> </tr> </thead> <tbody> <tr> <td th:text="${producto.stock}">x</td> <td th:text="${producto.canjeados}">x</td> </tr> </tbody> </table> <x th:if="${producto.stock != 0}" th:remove="tag"> <a th:href="@{|${menuurl.link}${submenuurl.link}/detalle/${producto.idProducto}|}" class="btn cr-purple-btn">Canjear</a> </x> <x th:if="${producto.stock == 0}" th:remove="tag"> <a href="#" class="btn cr-purple-btn disabled">Agotado</a> </x> </div> </div> </div> </div> </div> </section> </x>   <th:block th:case="5"> <th:block th:if="${verProductosCategoria == null}"> <div th:style="|border: 4px solid ${submenuurl.color}; background-color: ${submenuurl.color};|" class="container-fluid" th:if="${submenuurl.id == 6321}"> <h4 class="text-white scotia-headline my-2 text-center">Stock agotado por éxito de canjes. Próximamente nuevas Gift Cards.</h4> </div> <section th:id="|section-submenu-${submenuurl.id}|"> <div class="container py-5"> <h6 class="scotia-headline">Canjea tus Pesos Scotia por las siguientes Gift Cards</h6> <div class="row justify-content-center"> <div class="col-md-5 pt-4"> <div class="card border shadow-sm" style="border-radius: 12px;"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <img th:src="@{/resource/images/Paso1_2021-04-30.svg}" class="img-fluid" alt="Paso 1"> </div> <div class="col-md-12 pt-3"> <h4 class="h4-responsive scotia-headline text-center">Elige tu Gift Card</h4> </div> </div> </div> </div> </div> </div> <div class="row justify-content-center mt-2"> <div class="col-sm-6 col-md-4 col-lg-3 pb-3" th:each="categoria : ${categorias}"> <div class="cr-caja-categoria yeah-hover"> <div th:if="${!categoria.hasStock()}" class="full-ribbon"> <span>AGOTADO</span> </div> <img class="fit-img" th:src="@{${categoria.imagen}}"> <a th:href="@{|${menuurl.link}${submenuurl.link}/productos/${categoria.strIndex}|}"></a> </div> </div> </div> </div> </section> </th:block> <th:block th:if="${verProductosCategoria == true}"> <section th:id="|section-submenu-${submenuurl.id}|"> <div class="container py-5"> <div class="row justify-content-center"> <div class="col-md-5 pt-4"> <div class="card border shadow-sm" style="border-radius: 12px;"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <img th:src="@{/resource/images/Paso2_2021-04-30.svg}" class="img-fluid" alt="Paso 2"> </div> <div class="col-md-12 pt-3"> <h4 class="h4-responsive scotia-headline text-center">Escoge un monto</h4> </div> </div> </div> </div> </div> </div> <div class="row border shadow cr-grey-bg mt-4"> <div class="col-md-4"> <img class="fit-img" th:src="@{${categoria.imagen}}"> </div> <div class="col-md-8 p-4"> <form id="formulario-canje-giftcard" class="prevent-multiple-submit" autocomplete="off" th:action="@{|${menuurl.link}${submenuurl.link}/canje|}" th:object="${producto}" method="POST"> <h4 th:text="${categoria.nombre}">nombre</h4> <hr> <h5 class="pb-4">Escoge el monto que quieres canjear</h5> <fieldset class="mb-4" th:disabled="${!#authorization.expression('isAuthenticated()')}"> <th:block th:each="producto : ${categoria.productos}"> <div class="row align-items-center"> <div class="col-7 col-sm-8"> <label class="escoje-monto mb-0"> <input type="radio" th:value="${producto.idProducto}" name="idProducto" required th:disabled="${producto.stock == 0}" th:data-requiere-validar-tarjeta="${producto.requiereValidarTarjetas}" th:data-requiere-validacion-sms="${producto.requiereValidacionSms}"> <span th:text="${producto.titulo}">Producto</span> por <span th:text="${#numbers.formatInteger(producto.precio,0,'POINT')}">precio</span> Pesos Scotia<span th:if="${producto.stock == 0}"> <b>(Agotado)</b></span> <span class="checkmark"></span> </label> </div> <div class="col-5 col-sm-4"> <div class="card"> <div class="card-body text-center py-1"> <h6 class="m-0 font-weight-normal" th:inline="text">Stock: [[${producto.stock}]]</h6> </div> </div> </div> </div> <hr class="my-2"> </th:block> </fieldset> <th:block th:if="${categoria.nominativa}"> <p>Datos de quien usará la Giftcard</p> <div class="row "> <div class="col-md-6 pb-2"> <input class="form-control small-input" type="text" name="nombreAsociado" placeholder="Nombre" id="input-nombre" required pattern="[a-zA-ZÀ-ž\s]+"> </div> <div class="col-md-6 pb-2"> <input class="form-control small-input input-rut" id="input-rut" type="text" name="rutAsociado" placeholder="RUT" title="Sin puntos, con guión" required autocomplete="off" oninput="validarRutGift(this)" minlenght="9" maxlength="10" pattern="^\d{8}-(\d|k|K)$"> </div> </div> </th:block> <div id="div-validar-tarjeta" style="display: none;"> <hr> <div class="form-group row"> <label for="digitos-tarjeta" class="col-sm-7 col-form-label">Ingrese los últimos 4 dígitos de su tarjeta de crédito:</label> <div class="col-sm-4"> <input class="form-control" maxlength="4" id="digitos-tarjeta" name="digitosTarjeta" placeholder="XXXX" required> </div> </div> </div> <hr> <h6 class="scotia-headline">Detalle</h6> <p> Gift Card NOMINATIVA sólo utilizable por el rut que realiza el canje, será solicitada su cédula de identidad al momento del uso. No se aceptan devoluciones de canje. Revisa aquí el instructivo de cómo usar tu Gift Card <a class="text-rojo" th:if="${categoria.idCategoria != 67}" th:href="@{/resource/bases/proceso_canje_giftcard.pdf}" target="_blank">Instrucciones de uso <i class="fas fa-external-link-alt ml-2"></i></a> <a class="text-rojo" th:if="${categoria.idCategoria == 67}" th:href="@{/resource/documentos/ManualCinepolis.pdf}" target="_blank">Instrucciones de uso <i class="fas fa-external-link-alt ml-2"></i></a> </p> <hr> <div class="container-fluid"> <div class="row"> <div class="col-12 col-md-8 px-0 order-1"> <input type="checkbox" class="cbx d-none" id="cat-viajes" required> <label for="cat-viajes" class="check"> <svg width="18px" height="18px" viewBox="0 0 18 18"> <path d="M1,9 L1,3.5 C1,2 2,1 3.5,1 L14.5,1 C16,1 17,2 17,3.5 L17,14.5 C17,16 16,17 14.5,17 L3.5,17 C2,17 1,16 1,14.5 L1,9 Z"></path> <polyline points="1 9 7 14 15 4"></polyline> </svg> </label> <button class="btn my-0 py-0 pr-0 pl-2" type="button" data-toggle="collapse" data-target="#collapse-terminos-y-condiciones" aria-expanded="true" aria-controls="collapse-terminos-y-condiciones"> Acepto los términos y condiciones </button> </div> <div class="col-12 col-md-4 mb-2 px-0 order-0 order-md-1"> </div> </div> </div> <div id="collapse-terminos-y-condiciones" class="collapse" aria-label="Términos y Condiciones"> <div class="card-body list" th:utext="${categoria.condicionesLegales}"></div> </div> <hr> <div class="row mt-4"> <div class="col-12 col-md-6 col-lg-4 order-md-1"> <button sec:authorize="!isAuthenticated()" type="button" class="scotia-button button-primary-red btn btn-block rounded mb-2 btn-sm mt-2" data-toggle="modal" data-target="#loginModal" id="btn-inicia-sesion">Iniciar Sesión</button> <button sec:authorize="isAuthenticated()" id="btn-submit-canje-gc" type="button" class="scotia-button button-primary-red btn btn-block rounded mb-2 btn-sm mt-2">Canjear</button> </div> <div class="col-12 col-md-6 col-lg-4"> <a class="scotia-button scotia-secundary-red btn btn-block rounded btn-sm mt-2" th:href="@{|${menuurl.link}${submenuurl.link}|}">Volver</a> </div> </div> <th:block sec:authorize="isAuthenticated()">  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content" th:with="hasValidPhone = ${usuario.hasValidPhone()}"> <div th:if="${hasValidPhone}" class="modal-header"> <h5 class="modal-title text-morado scotia-headline" id="exampleModalLabel">Código de Confirmación</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div th:if="${hasValidPhone}" class="modal-body"> <p>Ingresa el código que hemos enviado al número <strong class="scotia-headline">[[${usuario.getMaskedPhone()}]]</strong> para confirmar tu canje.</p> <input class="form-control" minlength="6" maxlength="6" id="codigo-sms" name="codigo" placeholder="Ingresa tu código de validación"> <button type="submit" class="btn btn-block btn-morado mt-4">Confirmar canje</button> <button id="enviar-codigo-sms" type="button" class="btn btn-block btn-outline-morado mt-2">Enviar código</button> <small id="small-msj-codigo" class="form-text text-muted mt-2">En caso de no recibir el código, puedes solicitarlo nuevamente dentro de <span id="contador-reenviar-sms"></span> segundos</small> </div> <div th:if="${!hasValidPhone}" class="modal-body p-0"> <img th:src="@{/resource/images/ErrorDatos_PopUp.jpg}" class="img-fluid"> </div> </div> </div> </div> </th:block> </form> <form th:action="@{/sms/send}" id="form-sms" style="display: none;" method="POST"></form> </div> </div> </div> <div th:if="${categoria.idCategoria == 67}" class="modal fade" id="cinepolisModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content rounded-lg" style="border-radius: 20px !important;"> <div class="modal-body p-0"> <button type="button" class="close position-absolute mr-0" data-dismiss="modal" aria-label="Close" style="right: 21px; top:23px; opacity: 1;"> <span aria-hidden="true" class="text-white">×</span> </button> <img class="img-fluid" th:src="@{/resource/images/avisocinepolis.png}" id="banner-modal-img" alt="Imagen de Pop Up"/> <div class="d-flex justify-content-center position-absolute w-100" style="bottom: 12px;"> <a id="banner-modal-btn" class="btn" data-dismiss="modal" role="button" style="border-radius: 32px; min-width: 160px;">Entendido</a> </div> </div> </div> </div> </div> </section> <script th:inline="javascript"> [# sec:authorize="!isAuthenticated()"] $("#input-nombre" ).focus(function() { $("#btn-inicia-sesion").click(); $("#input-nombre").blur(); }); $("#input-rut" ).focus(function() { $("#btn-inicia-sesion").click(); $("#input-rut").blur(); }); [/] !function(a,b){"function"==typeof define&&define.amd?define(function(){return a.Rut=b()}):"object"==typeof exports?module.exports=b():a.Rut=b()}(this,function(){var a;return a=function(){function a(a,b){this.setRut(a,b)}var b,c,d;return a.prototype.setRut=function(a,c){if(null==c&&(c=!1),"string"!=typeof a)throw new Error("rut tiene que ser string");this.rut=c?b(a):b(a.substr(0,a.length-1)),this.checkDigit=c?d(a):a.substr(a.length-1).toUpperCase(),this.isValid=this.validate()},a.prototype.validate=function(){var a;return/([0-9]|k)/i.test(this.checkDigit)?(a=d(this.rut),this.checkDigit.toLowerCase()===a.toLowerCase()):!1},a.prototype.getCleanRut=function(){return this.rut+""+this.checkDigit},a.prototype.getNiceRut=function(a){return null==a&&(a=!0),a?c(this.rut)+"-"+this.checkDigit:this.rut+"-"+this.checkDigit},b=function(a){return a.replace(/(\.|\-)/g,"")},d=function(a){var b,c,d,e;for(e=0,b=a.length,c=2;--b>=0;)e+=a.charAt(b)*c,8===++c&&(c=2);return d=e%11,1===d?"K":0===d?"0":String(11-d)},c=function(a){return a.split("").reverse().reduce(function(a,b,c){return a=0===c%3?b+"."+a:b+""+a})},a}()}); let rutsNoValidos = ['00000000','0000000','0000000','00000','0000','000','00','0','-0','0-0','00-0','000-0','0000-0','00000-0','000000-0','0000000000-0','000000000','0000000-0','0000000-0','000000000-0', '00000000-0', '0000000-0', '11111111-1', '22222222-2', '33333333-3', '44444444-4', '55555555-5', '66666666-6', '77777777-7', '88888888-8', '99999999-9']; function validarRutGift(rutgift){ var rut = new Rut(rutgift.value); if ( rut.isValid ) { for (let num of rutsNoValidos){ if(num === rutgift.value){ rutgift.setCustomValidity("RUT No válido"); return false; console.log("error rut no valido"); } } rutgift.setCustomValidity(''); return true; } else { rutgift.setCustomValidity("RUT No válido"); return false; } } $(document).ready(function() { $('#btn-submit-canje-gc').click(function() { let validForm = $('#formulario-canje-giftcard')[0].reportValidity(); let validRut = validarRutGift(document.getElementById('input-rut')); if (validForm && validRut) { if ($('.escoje-monto input:checked').data('requiere-validacion-sms')) { $('#codigo-sms').attr('required', ''); /* SI EL BOTÓN ESTÁN DESHABILITADO, YA SE ENVIÓ EL SMS Y NO DEBE ENVIARSE DE NUEVO */ if (!$('#enviar-codigo-sms').prop('disabled')) { $('#enviar-codigo-sms').click(); } $('#exampleModal').modal('show'); } else { $(this).addClass('disabled'); $(this).html('<i class="fas fa-circle-notch fa-spin"></i>'); $('#formulario-canje-giftcard').submit(); } } }); $('#exampleModal').on('hidden.bs.modal', function (e) { $('#codigo-sms').removeAttr('required'); $('#enviar-codigo-sms').hide(); }); $('.escoje-monto input').change(function(e) { /* Validar tarjetas */ if ($(this).data('requiere-validar-tarjeta')) { $('#div-validar-tarjeta').show(); $('#digitos-tarjeta').prop('disabled', false); } else { $('#div-validar-tarjeta').hide(); $('#digitos-tarjeta').prop('disabled', true); } }); $('#enviar-codigo-sms').click(function() { $(this).hide(); $(this).prop('disabled', true); let form = $('#form-sms'); $.ajax({ url: form.attr('action'), method: form.attr('method'), data: form.serialize(), success: function(respuesta) { $('#codigo-sms').removeClass('readonly'); $('#small-msj-codigo').slideDown(); let counter = 120; // 120 segundos let timer = setInterval(function() { counter--; if (counter == 0) { clearInterval(timer); $('#enviar-codigo-sms').show(); $('#enviar-codigo-sms').prop('disabled', false); } let newTime = new Date(counter * 1000); $('#contador-reenviar-sms').html(newTime.toLocaleTimeString().substring(3, 8)); }, 1000); }, error: function() { alert('Error enviando código'); } }); }); }); </script> </th:block> </th:block>   <th:block th:case="6"> <x th:if="${verProductosCategoria == null}" th:remove="tag"> <section th:id="|section-submenu-${submenuurl.id}|"> <div class="container pt-5 pb-5"> <div class="row"> <div class="col-md-12 mb-4"> <h5 class="mb-1">Abona tus Pesos Scotia a tu Tarjeta de Crédito y úsalos donde quieras</h5> <h5 class="mb-1 font-weight-bold text-morado">Válido solo para compras nacionales</h5> <a class="btn btn-sm btn-morado rounded ml-0" th:href="@{/resource/documentos/ManualAbonoPesosScotia.pdf}" target="_blank">Revisa cómo canjear <i class="fas fa-file-download ml-2"></i></a> </div> <div class="col-lg-2 col-xl-3"></div> <div class="col-sm-12 col-md-12 col-lg-8 col-xl-6 mt-3"> <div class="cr-caja-progreso"> <div class="cr-progreso-number cr-progreso-active"><p>1</p></div> <p>Escoge una Categoría</p> <hr class="style1"> <div class="cr-progreso-number"><p>2</p></div> <p>Elige un monto</p> <hr class="style1"> <div class="cr-progreso-number"><p>3</p></div> <p>Canjea</p> </div> </div> <div class="col-lg-2 col-xl-3"></div> </div> <div class="row mt-5"> <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2" th:each="categoria : ${submenuurl.categoriaProductoLista}"> <div th:class="|cr-caja-categoria canje-caja-cat yeah-hover ${categoria.colorHover}|"> <img class="soy-hover" th:src="@{${categoria.imagen}}" style="max-width: 50px;"> <img class="soy-nohover" th:src="@{${categoria.imagen}}" style="max-width: 50px;"> <th:block sec:authorize="isAuthenticated()"> <div th:if="${(#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') && categoria.id == 24) || (#arrays.contains(usuario.tipoCliente, 'SINGULAR'))}" class="rubro-x2"><p>x2</p></div> </th:block> <p th:text="${categoria.nombre}">Nombre</p> <a class="link-rubro" th:href="@{|${menuurl.link}${submenuurl.link}/productos/${categoria.strIndex}|}"></a> </div> </div> </div> <th:block sec:authorize="isAuthenticated()"> <div th:if="${usuario.tipoCliente == 'SINGULAR'}" class="row mt-5"> <div class="col-12 text-center"> <h3>Recuerda que tus Pesos Scotia valen el doble en todas tus compras nacionales.</h3> </div> </div> </th:block> </div> </section>  <div class="modal fade" id="modal-confirmar-inscripcion" tabindex="-1" role="dialog" aria-label="Información Importante" aria-modal="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar" style="position: absolute; right: 20px;"> <span aria-hidden="true">×</span> </button> <div class="text-center mb-3"> <img th:src="@{/resource/images/exclamation_2020-10-21.svg}" class="animated heartBeat infinite slow" height="60" alt="¡Importante!"> </div> <h4 class="h4-responsive font-weight-bolder text-center scotia-headline">Información importante</h4> <p class="text-center">Antes de inscribir toma en cuenta lo siguiente:</p><br><br> <p class="mb-2"><strong class="font-weight-bold scotia-headline">1.</strong> Tu abono es válido solo para compras nacionales.</p> <p class="mb-2 font-weight-bold"><strong class="scotia-headline">2.</strong> La compra debe ser realizada posterior a la inscripción.</p> <p class="mb-2"><strong class="font-weight-bold scotia-headline">3.</strong> Puedes abonar el monto que quieras. No requiere usar el total de Pesos Scotia.</p> <p class="mb-2"><strong class="font-weight-bold scotia-headline">4.</strong> El abono de la compra estará disponible hasta 7 días hábiles.</p> <p class="mb-2"><strong class="font-weight-bold scotia-headline">5.</strong> Los Pesos Scotia que no utilices se liberan en hasta 10 días hábiles.</p> <th:block sec:authorize="isAuthenticated()"> <p th:if="${usuario.tipoCliente == 'SINGULAR'}" class="mb-2"><strong class="font-weight-bold scotia-headline">6.</strong> Tus Pesos Scotia valen en doble en compras nacionales.</p> </th:block> </div> <div class="modal-footer" th:classappend="${#authorization.expression('isAuthenticated()') ? 'justify-content-between' : 'justify-content-center'}"> <button id="btn-inscripcion-iniciar-sesion" sec:authorize="!isAuthenticated()" type="button" class="btn btn-morado rounded">inicia sesión</button> <th:block sec:authorize="isAuthenticated()"> <div class="form-check"> <input type="checkbox" class="form-check-input" id="checkbox-aceptar-inscripcion"> <label class="form-check-label" for="checkbox-aceptar-inscripcion">Acepto los términos y condiciones<label> </div> <a id="btn-aceptar-inscripcion" class="btn btn-morado rounded disabled">Aceptar</a> </th:block> </div> </div> </div> </div> <script> $(document).ready(function() { $('.link-rubro').click(function(e) { e.preventDefault(); $('#btn-aceptar-inscripcion').attr('href', $(this).attr('href')); $('#modal-confirmar-inscripcion').modal('show'); }); $('#checkbox-aceptar-inscripcion').on('change', function() { if ($(this).prop('checked')) { $('#btn-aceptar-inscripcion').removeClass('disabled'); } else { $('#btn-aceptar-inscripcion').addClass('disabled'); } }); $('#btn-inscripcion-iniciar-sesion').on('click', function() { $('#modal-confirmar-inscripcion').modal('hide'); $('#loginModal').modal('show'); }); $('#checkbox-aceptar-inscripcion').trigger('change'); }); </script> </x> <x th:if="${verProductosCategoria == true}" th:remove="tag"> <section th:id="|section-submenu-${submenuurl.id}|"> <div class="container pt-5 pb-5"> <div class="row"> <div class="col-md-12 mb-4"> <h5 class="mb-1">Abona tus Pesos Scotia a tu Tarjeta de Crédito y úsalos donde quieras</h5> <h5 class="mb-1 font-weight-bold text-morado">Válido solo para compras nacionales</h5> <h6 class="mb-1 text-purple" th:if="${!#strings.isEmpty(submenuurl.productosLikeLista[0].subtitulo)}"> <b th:text="${submenuurl.productosLikeLista[0].subtitulo}"></b> </h6> <a class="btn btn-sm btn-morado rounded ml-0" th:href="@{/resource/documentos/ManualAbonoPesosScotia.pdf}" target="_blank">Revisa cómo canjear <i class="fas fa-file-download ml-2"></i></a> </div> <div class="col-lg-2 col-xl-3"></div> <div class="col-sm-12 col-md-12 col-lg-8 col-xl-6 mt-3"> <div class="cr-caja-progreso"> <div class="cr-progreso-number cr-progreso-check"><p><i class="fa fa-check"></i></p></div> <p>Escoge una Categoría</p> <hr class="style1"> <div class="cr-progreso-number cr-progreso-active"><p>2</p></div> <p>Elige un monto</p> <hr class="style1"> <div class="cr-progreso-number"><p>3</p></div> <p>Canjea</p> </div> </div> <div class="col-lg-2 col-xl-3"></div> </div> <div class="row mt-5"> <div class="col-md-2 col-lg-3"></div> <div class="col-md-8 col-lg-6 shadow cr-grey-bg p-5"> <th:block th:if="${inscripcionVigente}"> <h5 th:inline="text">Lo sentimos, pero no puedes realizar otra inscripción de canje en este rubro, porque ya tienes una inscripción activa por [[${#numbers.formatInteger(inscripcion.registeredPoints, 0, 'POINT')}]] Pesos Scotia en el rubro seleccionado, que estará vigente hasta el [[${inscripcion.unregisterDate}]]. Luego de esta fecha, puedes volver a inscribir.</h5> <h5>Mientras tanto, puedes seguir inscribiendo en los otros rubros disponibles.</h5> <div class="text-center mt-3"> <a th:href="@{|${menuurl.link}${submenuurl.link}|}" class="btn cr-red-btn">Volver</a> </div> </th:block> <th:block th:if="${!inscripcionVigente}"> <h4 class="pb-4" th:text="|Tienes ${puntosDisponibles} Pesos Scotia disponibles|">Tienes - Pesos Scotia disponibles</h4> <th:block th:if="${#strings.length(submenuurl.productosLikeLista[0].condicionesComercio) > 10}"> <div class="container mb-4"> <div class="row"> <div class="col-12 text-center"> <div class="card p-3" style="background-color: #f2f2f2;"> <p class="mb-0">Antes de confirmar tu canje, verifica que tu comercio se encuentra disponible <button class="btn btn-morado btn-sm text-white rounded font-weight-bold" data-target="#modal-comerciones-inscripciones" data-toggle="modal">aquí</button></p> </div> </div> </div> </div>  <div id="modal-comerciones-inscripciones" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-scrollable" role="document"> <div class="modal-content"> <div class="modal-header bg-morado text-white"> <h5 class="modal-title">Comercios Asociados</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" th:utext="${submenuurl.productosLikeLista[0].condicionesComercio}"></div> <div class="modal-footer"> <button type="button" class="btn cr-red-btn" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> </th:block> <form class="prevent-multiple-submit" id="inscription-form" autocomplete="off" th:action="@{|${menuurl.link}${submenuurl.link}/canje|}" th:object="${producto}" method="post"> <input type="hidden" name="idProducto" th:value="${submenuurl.productosLikeLista[0].id}"> <div class="form-group "> <label for="exampleInputEmail1">Selecciona la Tarjeta de Crédito con que realizarás la compra</label> <select id="card-key" class="form-control" name="cardKey" style="display:block !important;"> <option th:each="tarjeta : ${submenuurl.tarjetasCliente}" th:value="${tarjeta.key}" th:text="${tarjeta.numero}">Tarjetas</option> </select> </div> <div class="form-group "> <label for="exampleInputEmail1">Ingresa el monto que deseas abonar a tu Tarjeta de Crédito</label> <div class="form-group row align-items-center simple-form"> <input min="1" th:max="${#strings.replace(puntosDisponibles,'.','')}" class="col-md-6 simple-input form-control number-input ml-3" type="number" name="monto" placeholder="monto" th:value="*{monto}"> <div class="col-md-3"> <h6>Pesos Scotia</h6> </div> </div> </div> <div class="text-center pt-3"> <div class="row"> <div class="col-lg-1"></div> <div class="col-12 col-md-6 col-lg-5 order-md-1"> <button type="submit" class="btn btn-block btn-morado rounded">Quiero canjear</button> </div> <div class="col-12 col-md-6 col-lg-5 mt-2 mt-md-0"> <a th:href="@{|${menuurl.link}${submenuurl.link}|}" class="btn btn-block btn-outline-morado rounded">Volver</a> </div> <div class="col-lg-1 order-md-2"></div> </div> </div> </form> </th:block> </div> <div class="col-md-2 col-lg-3"></div> </div> </div> </section> <script> $('#inscription-form').submit(function() { var cardNumber = $("#card-key option:selected" ).text(); var t1 = '<input type="hidden" name="cardNumber" value="'; var t2 = '" /> '; $(this).append(t1.concat(cardNumber).concat(t2)); }); </script> </x> </th:block>  <x th:case="7" th:remove="tag"> <section id="scotipesos"> <div class="container pt-5 pb-5"> <div class="row mt-3"> <div class="col-md-2 col-lg-3"></div> <div class="col-md-8 col-lg-6 p-4 border rounded shadow cr-grey-bg"> <div class="row"> <div class="col-12 text-center mb-5"> <h5>Completa los siguientes datos</h5> </div> <div class="col-12"> <div class="row"> <div class="col-md-6"> <div class="form-group cr-acces-form"> <label for="exampleInputEmail1">Nombre</label> <input type="text" class="form-control" id="Nombre" aria-describedby="emailHelp" placeholder="Ingresa tu nombre completo"> </div> <div class="form-group cr-acces-form"> <label for="exampleInputEmail1">Rut</label> <input type="number" class="form-control" id="Nombre" aria-describedby="emailHelp" placeholder="Sin puntos ni guiÃ³n"> </div> </div> <div class="col-md-6"> <div class="form-group cr-acces-form"> <label for="exampleInputEmail1">Selecciona tu tarjeta</label> <select class="form-control" id="exampleFormControlSelect1"> <option th:each="tarjeta : ${submenuurl.tarjetasCliente}" th:value="${tarjeta.key}" th:text="${tarjeta.numero}">Tarjetas</option> </select> </div> <div class="form-group cr-acces-form"> <label for="exampleInputEmail1">Cantidad</label> <input type="number" class="form-control" id="Nombre" aria-describedby="emailHelp" placeholder="Ej: $4.000"> </div> </div> <div class="col-12 mt-4 text-center"> <button type="submit" href="" class="btn cr-red-btn mt-3" >Quiero canjear</button> </div> </div> </div> </div> </div> <div class="col-md-2 col-lg-3"></div> </div> </div> </section> </x>   <th:block th:case="8"> <style> .scotia-access-blue-bg, .scotia-purple-bg{ background:#005A85!important; } </style> <script> class Descuento { constructor (id, nombre,imagen, codigo, titulo, subtitulo, descuento, descripcion, acceder, condicionesComercio, direcciones, terminosYCondiciones, generaCanje, tags) { this.id = id; this.nombre = nombre; this.imagen = imagen; this.codigo = codigo; this.titulo = titulo; this.subtitulo = subtitulo; this.descuento = descuento; this.descripcion = descripcion; this.acceder = acceder; this.condicionesComercio = condicionesComercio; this.direcciones = direcciones; this.terminosYCondiciones = terminosYCondiciones; this.generaCanje = generaCanje; this.tags = tags; } } class Tag { constructor (id, nombre, icono) { this.id = id; this.nombre = nombre; this.icono = icono } } /* crea los elementos HTML de los descuentos o beneficios y su estilo */ function crearBeneficio(item, estilo){ var cardElement = document.createElement('div'); switch(estilo){ case 'singular': cardElement.classList.add('col-md-4' ,'mb-4', 'descuento', 'animated', 'fadeIn'); cardElement.setAttribute("data-titulo", item.titulo); cardElement.setAttribute("data-descuento", item.descuento); /* se crean atributos clases de los tags del descuento */ for (var i = 0; i<=item.tags.length; i++){ if(typeof item.tags[i] != 'undefined'){ var tag = item.tags[i]; var nombreClass=tag.nombre.replace(' ','-'); nombreClass=nombreClass.replace(' ','-'); nombreClass=nombreClass.replace(' ','-'); nombreClass=nombreClass.replace(' ','-'); cardElement.classList.add(nombreClass.toLowerCase()); } } var elementChildOne = document.createElement('div'); elementChildOne.classList.add('card', 'hoverable', 'hvr-grow"', 'card-beneficio'); /* se crea la imagen */ var imageElement = document.createElement('img'); imageElement.classList.add('img-fluid'); imageElement.src=item.imagen; imageElement.setAttribute("alt", item.titulo); imageElement.setAttribute("id", 'img-'+item.id); /* se crea el body */ var cardBodyElement = document.createElement('div'); cardBodyElement.classList.add('card-body', 'py-4', 'pt-4'); /* se crea el titulo */ var titleElement = document.createElement('h5'); titleElement.classList.add('scotia-headline', 'h5-responsive'); titleElement.innerText=item.titulo; var descuentoElement = document.createElement('p'); descuentoElement.classList.add('text-muted', 'text-beneficio'); descuentoElement.innerText= item.subtitulo; /* se crea contenedor del footer */ var containerButtonElement= document.createElement('div'); containerButtonElement.classList.add('d-flex', 'justify-content-end', 'align-items-center'); /* se crea el btn flecha */ var buttonElement = document.createElement('a'); buttonElement.classList.add('text-right', 'mr-3', 'my-3', 'btn-modal-descuento'); buttonElement.setAttribute("data-id-producto", item.id); var iconCompartir = document.createElement('i'); iconCompartir.classList.add('fas', 'fa-arrow-right', 'fa-2x'); buttonElement.appendChild(iconCompartir); /* se coloca el botÃ³n en su contenedor*/ containerButtonElement.appendChild(buttonElement); /* se colocan los elementos dentro del card body */ cardBodyElement.appendChild(titleElement); cardBodyElement.appendChild(descuentoElement); /* se arma la card */ elementChildOne.appendChild(imageElement); elementChildOne.appendChild(cardBodyElement); elementChildOne.appendChild(containerButtonElement); cardElement.appendChild(elementChildOne); break; case 'masivo': cardElement.classList.add('scotia-col-12', 'scotia-col-sm-12', 'scotia-col-md-6', 'scotia-col-lg-4', 'marketing-card','mb-3', 'h-100', 'descuento', 'animated', 'fadeIn'); cardElement.setAttribute("data-titulo", item.titulo); cardElement.setAttribute("data-descuento", item.descuento); cardElement.setAttribute("data-id", item.id); cardElement.setAttribute("onclick", "verDetalles("+item.id+", 'sinnombre')"); /* se crean atributos clases de los tags del descuento */ for (var i = 0; i<=item.tags.length; i++){ if(typeof item.tags[i] != 'undefined'){ var tag = item.tags[i]; var nombreClass=tag.nombre.replace(' ','-'); nombreClass=nombreClass.replace(' ','-'); nombreClass=nombreClass.replace(' ','-'); nombreClass=nombreClass.replace(' ','-'); cardElement.classList.add(nombreClass.toLowerCase()); } } /* se valida si es un beneficios access para dar estilo */ let direccionesLimpio = item.direcciones.replaceAll('<p>', ''); direccionesLimpio = direccionesLimpio.replaceAll('</p>', ''); let parametrosDirecciones = direccionesLimpio.split('|'); var elementChildOne = document.createElement('div'); elementChildOne.classList.add('scotia-box-float', 'h-100'); elementChildOne.style.overflow = 'hidden'; /* se crea la caja de la imagen */ var elementImagen = document.createElement('div'); elementImagen.classList.add('img-card', 'img-context'); /* se crea la imagen */ var imageElement = document.createElement('img'); imageElement.classList.add('m-auto', 'sc-d-block', 'align-center', 'img-fluid'); imageElement.src=item.imagen; imageElement.setAttribute("alt", item.titulo); imageElement.setAttribute("id", 'img-'+item.id); elementImagen.appendChild(imageElement); /* se crea la franja */ var elementFranja = document.createElement('div'); let claseFranja = 'scotia-ocean'; elementFranja.classList.add('text-center', 'sc-d-flex', 'py-2', 'justify-content-center', 'text-white', 'align-items-center'); if(parametrosDirecciones.length >= 2){ let clase = parametrosDirecciones[1]; console.log(clase); let clasestring = clase.replace(/\s/g, ''); console.log(clasestring); if(clasestring.length === 0){ elementFranja.classList.add('scotia-ocean'); }else{ elementFranja.classList.add(clasestring); } }else{ elementFranja.classList.add('scotia-ocean'); } /* se crea icono de la franja */ var iconoFranja = document.createElement('span'); iconoFranja.classList.add('iconcanvas-icon-calendar'); /* se crea texto de la franja */ var textoFranja = document.createElement('h6'); textoFranja.classList.add('subtitle-2', 'ml-3'); textoFranja.textContent = item.descuento; /* se arma la franja */ elementFranja.appendChild(iconoFranja); elementFranja.appendChild(textoFranja); /* se crea el body */ var cardBodyElement = document.createElement('div'); cardBodyElement.classList.add('p-30', 'scotia-light-bg'); /* se crea el titulo */ var titleElement = document.createElement('h3'); titleElement.classList.add('subtitle-1', 'pb-2', 'scotia-black-tint'); titleElement.innerText=item.titulo; var descuentoElement = document.createElement('div'); descuentoElement.classList.add('headline-small', 'pb-48'); descuentoElement.innerText= item.subtitulo; /* se crea contenedor del btn */ var containerButtonElement= document.createElement('span'); containerButtonElement.classList.add('sc-d-block', 'text-right'); /* se crea el btn */ var buttonElement = document.createElement('i'); buttonElement.classList.add('iconcanvas-icon-arrowright', 'scotia-black'); buttonElement.setAttribute("data-id-producto", item.id); var btnCompartir = document.createElement('div'); btnCompartir.classList.add('d-flex', 'justify-content-center', 'align-items-center'); var abtnElement = document.createElement('a'); abtnElement.setAttribute('onclick', 'verLinks('+item.id+')'); abtnElement.classList.add('d-flex', 'mr-2'); var iconCompartir = document.createElement('i'); iconCompartir.classList.add('fas', 'fa-share-alt', 'text-muted'); var h6CompartirElement = document.createElement('h6'); h6CompartirElement.classList.add('m-0', 'ml-2', 'small'); h6CompartirElement.textContent = 'Compartir'; //abtnElement.appendChild(iconCompartir); //abtnElement.appendChild(h6CompartirElement); /* se coloca el btn en su contenedor*/ containerButtonElement.appendChild(buttonElement); //containerButtonElement.appendChild(abtnElement); /* se colocan los elementos dentro del card body */ cardBodyElement.appendChild(titleElement); cardBodyElement.appendChild(descuentoElement); cardBodyElement.appendChild(containerButtonElement); /* se arma la card */ elementChildOne.appendChild(elementImagen); elementChildOne.appendChild(elementFranja); elementChildOne.appendChild(cardBodyElement); cardElement.appendChild(elementChildOne); break; } return cardElement; } /* crea los elementos HTML categorias de los descuentos y sus opciones de estilo */ function crearEtiqueta(item, estilo){ var labelElement=document.createElement('div'); switch(estilo){ case 'singular': labelElement.classList.add('etiqueta', 'col-md-2', 'color-etiquetas', 'py-4'); let nombre = item.nombre.replaceAll(' ', '-'); labelElement.setAttribute('data-nombre', nombre.toLowerCase()); var elementChildOne = document.createElement('a'); var elementSpan = document.createElement('div'); elementSpan.classList.add('text-center', 'mb-2'); var nombreElement = document.createElement('h6'); nombreElement.classList.add( 'text-center' , 'nombre'); nombreElement.innerText=item.nombre; var iconElement = document.createElement('i'); var tagIcono = item.icono; var fAwesome; if(tagIcono.includes('fas')){ fAwesome='fas'; tagIcono=tagIcono.replace('fas', ''); } if(tagIcono.includes('fab')){ fAwesome='fab'; tagIcono=tagIcono.replace('fab', ''); } tagIcono=tagIcono.replace('fa-2x', ''); tagIcono=tagIcono.replace(' ', ''); tagIcono=tagIcono.replace(' ', ''); tagIcono=tagIcono.replace(' ', ''); iconElement.classList.add(fAwesome, tagIcono, 'fa-2x'); elementSpan.appendChild(iconElement); elementChildOne.appendChild(elementSpan); elementChildOne.appendChild(nombreElement); labelElement.appendChild(elementChildOne); break; case 'masivo': labelElement=document.createElement('a'); labelElement.classList.add('etiqueta'); labelElement.setAttribute('role' , 'button'); labelElement.setAttribute('data-nombre', item.nombre); var elementChildOne = document.createElement('div'); elementChildOne.classList.add('d-flex', 'rounded', 'px-2', 'py-1' , 'mb-1'); var nombreElement = document.createElement('p'); nombreElement.classList.add('ml-3', 'my-0' , 'nombre'); nombreElement.innerText=item.nombre; var iconElement = document.createElement('i'); var tagIcono = item.icono; var fAwesome; if(tagIcono.includes('fas')){ fAwesome='fas'; tagIcono=tagIcono.replace('fas', ''); } if(tagIcono.includes('fab')){ fAwesome='fab'; tagIcono=tagIcono.replace('fab', ''); } tagIcono=tagIcono.replace('fa-2x', ''); tagIcono=tagIcono.replace(' ', ''); tagIcono=tagIcono.replace(' ', ''); tagIcono=tagIcono.replace(' ', ''); iconElement.classList.add(fAwesome, tagIcono); elementChildOne.appendChild(iconElement); elementChildOne.appendChild(nombreElement); labelElement.appendChild(elementChildOne); break; } return labelElement; } function verDetalles(id, nombre) { for (let descuento of descuentos) { let nombreDescuento = descuento.nombre.replaceAll(' ', '-'); if (descuento.id === id || nombreDescuento.toLowerCase() === nombre.toLowerCase()) { if(descuento.nombre == 'SALONES2025'){ window.open('../../categoria/mundos/viajes2025', '_blank'); break; } let direccionesLimpio = descuento.direcciones ? descuento.direcciones .replaceAll('<p>', '') .replaceAll('</p>', '') .replaceAll(' ', '') .replaceAll('\n', '') .replaceAll(';', '') : ''; console.log(direccionesLimpio); let parametrosDirecciones = direccionesLimpio.split('|'); console.log(parametrosDirecciones); let elementoPrincipal = document.getElementById('imagenes-tarjetas'); elementoPrincipal.innerHTML = ''; if (parametrosDirecciones.length >= 3) { let parametrosTarjetas = parametrosDirecciones[2] ? parametrosDirecciones[2].split(',') : []; for (let i = 0; i < parametrosTarjetas.length; i++) { let colElement = document.createElement('div'); colElement.classList.add('col-2', 'p-0', 'pl-1', 'pb-1'); let tarjetaElement = document.createElement('img'); tarjetaElement.classList.add('img-fluid'); tarjetaElement.src = '/scclubfront/resource/tarjetas/' + parametrosTarjetas[i] + '.svg'; colElement.appendChild(tarjetaElement); elementoPrincipal.appendChild(colElement); } } else { let tarjetaElement = document.createElement('img'); tarjetaElement.classList.add('img-fluid', 'm-1'); if (descuento.codigo) { switch (descuento.codigo.toLocaleLowerCase()) { case 'nonpremium': tarjetaElement.src = '/scclubfront/resource/tarjetashd/Nonpremium-Tarjetas.png'; break; case 'foco': tarjetaElement.src = '/scclubfront/resource/tarjetashd/Foco-Tarjetas.png'; break; case 'credito': tarjetaElement.src = '/scclubfront/resource/tarjetashd/Credito-Tarjetas.png'; break; case 'wealth': tarjetaElement.src = '/scclubfront/resource/tarjetashd/Wealth-Tarjetas.png'; break; default: tarjetaElement.src = '/scclubfront/resource/tarjetashd/Todas-Tarjetas.png'; } } else { tarjetaElement.src = '/scclubfront/resource/tarjetashd/Todas-Tarjetas.png'; } elementoPrincipal.appendChild(tarjetaElement); } /* Se setean los parámetros de información */ document.getElementById('detalle-imagen-1').src = descuento.imagen || ''; document.getElementById('detalle-imagen-1').setAttribute('alt', descuento.titulo || ''); document.getElementById('detalle-imagen-2').src = descuento.imagen || ''; document.getElementById('detalle-imagen-2').setAttribute('alt', descuento.titulo || ''); document.getElementById('detalle-titulo').innerHTML = descuento.titulo || ''; document.getElementById('detalle-descuento').innerHTML = descuento.subtitulo || ''; document.getElementById('detalle-dias').innerHTML = parametrosDirecciones[0] || ''; document.getElementById('detalle-descripcion').innerHTML = descuento.descripcion || ''; document.getElementById('detalle-comousar').innerHTML = descuento.acceder || ''; document.getElementById('detalle-terminos').innerHTML = descuento.terminosYCondiciones || ''; document.getElementById('detalle-condiciones').innerHTML = descuento.condicionesComercio || ''; document.getElementById('detalle-direcciones').innerHTML = parametrosDirecciones[0] || ''; $('#id-producto-modal').val(descuento.id); if (descuento.generaCanje === true) { $('.btn-obtener-beneficio').show(); $('#btn-obtener-beneficio').prop('disabled', false); } else { $('.btn-obtener-beneficio').hide(); $('#btn-obtener-beneficio').prop('disabled', true); } /* Se cambia la visualización para ver el detalle */ document.getElementById('descuentos').classList.add('d-none'); document.getElementById('sitios-detalle').classList.remove('d-none'); document.getElementById('sitios-detalle').scrollIntoView(); break; } } } function volver(){ document.getElementById('sitios-detalle').classList.add('d-none'); document.getElementById('descuentos').classList.remove('d-none'); } function enfocarDetalles(){ document.getElementById('detalles-acordeon').scrollIntoView(); } function removeAll(selectBox) { while (selectBox.options.length > 0) { selectBox.remove(0); } } function poblarSelectCategorias(selectElement){ let todoOption = new Option('Todas las categorias', 'todas'); selectElement.add(todoOption,undefined); for(let etiqueta of tags){ let newOption = new Option(etiqueta.nombre, etiqueta.nombre.toLowerCase()); selectElement.add(newOption,undefined); } } function cambiarCategoria(){ let categoria = $('#select-categoria option:selected').val() categoria=categoria.replaceAll(' ','-'); cardSeleccionadas = []; if(categoria != 'todas'){ for(let card of cardsDescuentos){ if(card.classList.contains(categoria.toLowerCase())){ cardSeleccionadas.push(card); } } }else{ cardSeleccionadas = cardsDescuentos; } paginar(cardSeleccionadas); } $(document).ready(function() { var url_string = window.location.href; var url = new URL(url_string); var beneficio = url.searchParams.get("beneficio"); if(beneficio != null){ console.log(beneficio); verDetalles(0, beneficio); }else{ console.log(url_string); console.log(url); console.log(beneficio); } }); </script> <script th:inline="javascript"> function cerrarEIniciarSesion() { $('#modalDescuentos').modal('hide'); $('#loginModal').modal('show'); } var descuentos = []; var tags = []; [# th:each="producto : ${productos}"] var [(|tags_${producto.idProducto}|)] = []; [# th:each="tag : ${producto.tags}"] var [(|tag_${producto.idProducto}_${tag.idTagProducto}|)] = new Tag( [[${tag.idTagProducto}]], [[@{${tag.nombre}}]], [[@{${tag.icono}}]] ); [(|tags_${producto.idProducto}|)].push([(|tag_${producto.idProducto}_${tag.idTagProducto}|)]); var [(|existe_${producto.idProducto}_${tag.idTagProducto}|)] = false; /* Si lista de tags no posee este TAG, se agrega */ for (var i = 0; i < tags.length; i++) { var tag = tags[i]; if (tag.id == [[${tag.idTagProducto}]]) { [(|existe_${producto.idProducto}_${tag.idTagProducto}|)] = true; break; } } if (![(|existe_${producto.idProducto}_${tag.idTagProducto}|)]) { tags.push([(|tag_${producto.idProducto}_${tag.idTagProducto}|)]); } [/] descuentos.push(new Descuento( [[${producto.idProducto}]], [[${producto.nombre}]], [[@{${producto.imagen}}]], [[@{${producto.codigo}}]], [[${producto.titulo}]], [[${producto.subtitulo}]], [[${producto.porcentajeInfo}]], [[${#strings.replace(producto.tituloTipo1,'<ul>','<ul class=''list pl-3''>')}]], [[${#strings.replace(producto.tituloTipo2,'<ul>','<ul class=''list pl-3''>')}]], [[${#strings.replace(producto.condicionesComercio,'<ul>','<ul class=''list pl-3''>')}]], [[${#strings.replace(producto.direcciones,'<ul>','<ul class=''list pl-3''>')}]], [[${producto.condicionesLegales}]], [[${producto.generaCanje}]], [(|tags_${producto.idProducto}|)] )); [/] </script> <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}"> <style> .headline-medium { font-size: 24px; font-weight: 700; letter-spacing: 0.5px; } .color-etiquetas { color:#38483f; } .etiqueta:hover { background-color: #38483f !important; color: var(--white) !important; } .etiqueta.active { background-color: #38483f !important; color: var(--white) !important; } .card-beneficio { background-color:#fff; border:1px solid #E2E8EE; box-shadow:0 2px 10px 0 rgb(0 34 91 / 11%); } .text-beneficio { font-size: 18px; height:130px; } </style> <script> var etiquetasDescuentos = []; for (var i = 0; i < tags.length; i++) { var tag = tags[i]; etiquetasDescuentos.push(crearEtiqueta(tag, 'singular')); } var cardsDescuentos = []; for (var i = 0; i < descuentos.length; i++) { var descuento = descuentos[i]; cardsDescuentos.push(crearBeneficio(descuento, 'singular')); } </script>  <section th:id="|section-submenu-${submenuurl.id}|" class="descuentos"> <section style="background-color: #38483f;"> <div class="container"> <div class="row justify-content-center py-5"> <div class="col-md-12 text-center"> <h2 class="headline-medium text-center text-white">Revisa todos los beneficios que tenemos para ti</h2> </div> </div> </div> </section> <section style="background-color: #f1f1f1;"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-md-12"> <div class="row justify-content-center" id="row-etiquetas"> </div> </div> </div> </div> </section> <div class="container"> <div class="row my-5" id="row-descuentos"> </div> </div> </section> <script> $(document).ready(function() { $('#row-etiquetas').append(etiquetasDescuentos); $('#row-descuentos').append(cardsDescuentos); $('#row-etiquetas').on('click', '.etiqueta', function(event) { document.getElementById('row-descuentos').innerHTML = ''; if($(this).hasClass( "active" )){ $(this).removeClass( "active" ); $(this).children().first().removeClass( "animate__animated animate__fadeInUp" ); $('#row-descuentos').append(cardsDescuentos); }else{ for(let etiqueta of document.getElementsByClassName('etiqueta')){ if(etiqueta.classList.contains('active')){ etiqueta.classList.remove('active'); } } $(this).addClass( "active" ); $(this).children().first().addClass( "animate__animated animate__fadeInUp" ); for(let descuento of cardsDescuentos){ if(descuento.classList.contains($(this).attr('data-nombre'))){ document.getElementById('row-descuentos').appendChild(descuento); } } /* gtag('event', 'etiquetas-descuentos', { event_label: $(this).attr('data-nombre'), event_category: 'ecommerce' }); */ } }); }); </script>  </th:block> <th:block th:if="${(!authenticated) || (authenticated && !#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}"> <style> .etiqueta:hover > div { background-color: #E0E0E0 !important; color: var(--morado) !important; } .etiqueta.active > div { background-color: var(--morado) !important; color: var(--white) !important; } </style> <section th:id="|section-submenu-${submenuurl.id}|" class="descuentos p-0"> <div class="sc-container" id="descuentos"> <div class="sc-row justify-content-center pt-5" th:if="${submenuurl.id != 6390}"> <div class="scotia-col-12 col-md-8"> <h4 th:if="${submenuurl.descripcion == null || #strings.isEmpty(submenuurl.descripcion)}" class="scotia-headline h4-responsive text-center m-0">Increíbles beneficios pagando con tus tarjetas Scotia</h4> <h4 th:if="${submenuurl.descripcion != null && !#strings.isEmpty(submenuurl.descripcion)}" th:text="${submenuurl.descripcion}" class="scotia-headline h4-responsive text-center m-0"></h4> </div> </div> <div class="sc-container-fluid d-none"> <div class="card border shadow-none"> <div class="card-body"> <div class="accordion" id="accordioncategoria"> <div class="card shadow-none"> <div class="card-header p-0 bg-white" id="headingcategoria"> <h5 class="mb-0"> <button class="btn btn-link p-0 d-flex align-items-center justify-content-between w-100 pr-2 collapsed" style="text-decoration: none;" type="button" data-toggle="collapse" data-target="#collapsecategoria" aria-expanded="false" aria-controls="collapsecategoria"> <h5 class="scotia-headline">Categorías</h5> <i class="fas fa-chevron-down d-flex d-sm-flex d-md-none"></i> </button> </h5> </div> <div id="collapsecategoria" class="collapse show" aria-labelledby="headingcategoria" data-parent="#accordioncategoria"> <div class="card-body px-0" id="etiquetas"></div> </div> </div> </div> </div> </div> </div> <div class="py-3 animate__animated animate__fadeIn">  <div class="sc-row justify-content-center mb-4"> <div class="scotia-col-md-12"> <div class="sc-container"> <div class="sc-row justify-content-center"> <div class="scotia-col-md-4 mt-2"> <div class="input-group"> <select class="form-control form-control-lg scotia-black-tint" style="display:block!important" id="select-categoria" onclick="cambiarCategoria()"> </select> </div> </div> <div class="scotia-col-md-8 mt-2"> <div class="input-group mb-3"> <input id="buscador" type="text" class="form-control py-4" placeholder="Busca tu beneficio aquí..." aria-label="Busca tu beneficio aquí" style="border-radius: 6px 0px 0px 6px;"> <div class="input-group-append"> <span class="input-group-text scotia-ocean text-white px-4" style="border-radius: 0px 6px 6px 0px;"><i class="fas fa-search" aria-hidden="true"></i></span> </div> </div> </div> </div> </div> </div> </div>   <div id="row-descuentos" class="sc-row"></div>   <div class="container"> <nav aria-label="..." class="mt-4 d-flex flex-row-reverse justify-content-center"> <ul class="pagination justify-content-center d-none" id="paginador-siguiente" onclick="paginarSiguiente()"> <li class="page-item"> <a role="button" class="page-link font-weight-bold btn-morado ml-3 btn-rounded btn-sm text-white" id="btn-paginador-siguiente" aria-disabled="true">Siguiente</a> </li> </ul> <ul class="pagination justify-content-center" id="paginador"></ul> <ul class="pagination justify-content-center d-none" id="paginador-anterior"> <li class="page-item"> <a role="button" class="page-link font-weight-bold btn-morado mr-3 btn-rounded btn-sm text-white" id="btn-paginador-anterior" onclick="paginarAnterior()" >Anterior</a> </li> </ul> </nav> </div>   </div>  </div>  <style th:inline="text"> #sitios-detalle-banner{ background-image:url([[@{/resource/beneficios/DetalleBeneficios.webp}]]); background-repeat:no-repeat; } </style> <div id="sitios-detalle" class="animate__animated animate__fadeIn d-none"> <div class="sc-container-fluid py-42 sc-d-none sc-d-sm-none sc-d-md-none sc-d-lg-block" id="sitios-detalle-banner"> <div class="sc-container"> <div class="sc-row"> <div class="scotia-col-md-7"> <div class="scotia-box-solid p-36 pr-42"> <h6 class="subtitle-1 scotia-black-tint d-none" id="detalle-antetitulo">Válido hasta el 31 de enero de 2023</h6> <h3 class="headline-large scotia-black-tint"><span class="scotia-black" id="detalle-descuento">40% de Dcto.</span> en <span id="detalle-titulo">Cocina de Javier</span></h3> <h6 class="body-1 scotia-black-tint mt-2" id="detalle-dias">Todos los lunes</h6> <div class="mt-42 sc-d-flex"> <button class="scotia-button scotia-outline-black mr-3" onclick="volver()">Volver</button> <button class="scotia-button scotia-fill-red" onclick="enfocarDetalles()">Ver beneficio</button> </div> </div> </div> <div class="scotia-col-md-5 sc-d-flex sc-justify-content-center sc-align-items-center"> <div class="scotia-box-solid p-1"> <img src="" class="img-fluid animate__animated animate__fadeIn" id="detalle-imagen-1"> </div> </div> </div> </div> </div> <div class="sc-container" id="detalles-acordeon"> <div class="sc-row py-42 flex-column-reverse flex-md-row"> <div class="scotia-col-md-8 mt-2"> <div class="scotia-box-solid p-36 mb-3"> <h6 class="headline-small pb-2">Descripción del beneficio</h6> <div id="detalle-descripcion"> </div> </div> <div class="scotia-box-solid p-36"> <h4 class="headline-small scotia-black pb-4">Detalle del Beneficio</h4> <div class="sc-accordion sc-d-block w-100 mb-12"> <div class="sc-card-accordion"> <div class="sc-card-header sc-position-relative py-24 subtitle-1 scotia-black-tint"> ¿Cómo usar el Beneficio ? <i class="iconcanvas-icon-chevrondown scotia-black-tint sc-position-absolute"></i> </div> <div class="sc-card-content py-24"> <p class="body-2 scotia-black" id="detalle-comousar"> </p> </div> </div> <div class="sc-card-accordion"> <div class="sc-card-header sc-position-relative py-24 subtitle-1 scotia-black-tint"> Condiciones <i class="iconcanvas-icon-chevrondown scotia-black-tint sc-position-absolute"></i> </div> <div class="sc-card-content py-24"> <p class="body-2 scotia-black" id="detalle-condiciones"> </p> </div> </div> <div class="sc-card-accordion"> <div class="sc-card-header sc-position-relative py-24 subtitle-1 scotia-black-tint"> Direcciones <i class="iconcanvas-icon-chevrondown scotia-black-tint sc-position-absolute"></i> </div> <div class="sc-card-content py-24"> <p class="body-2 scotia-black" id="detalle-direcciones"> </p> </div> </div> <div class="sc-card-accordion"> <div class="sc-card-header sc-position-relative py-24 subtitle-1 scotia-black-tint"> Términos y Condiciones <i class="iconcanvas-icon-chevrondown scotia-black-tint sc-position-absolute"></i> </div> <div class="sc-card-content py-24"> <p class="body-2 scotia-black" id="detalle-terminos"> </p> </div> </div> </div> </div> </div> <div class="scotia-col-md-4 mt-2"> <div class=""> <img src="" class="img-fluid animate__animated animate__fadeIn" id="detalle-imagen-2"> </div> <button sec:authorize="isAuthenticated()" id="btn-obtener-beneficio" style="display:hidden;" type="submit" form="formulario-canje" class="btn btn-block cr-purple2-btn mb-2 btn-obtener-beneficio" disabled>Generar cupón</button> <button sec:authorize="!isAuthenticated()" style="display:hidden;" type="button" class="btn btn-block cr-purple2-btn mb-2 btn-obtener-beneficio" onclick="cerrarEIniciarSesion()">Inicia sesión para obtener tu cupón</button> <h6 class="headline-small scotia-black pt-36 pb-2">Exclusivo con tus Tarjetas Scotia:</h6> <div id="imagenes-tarjetas" class="row"> <img th:src="@{/resource/tarjetas/Tarjetas2.png}" class="img-fluid" id="detalle-imagen-3"> </div> </div> </div> <div class="sc-container py-2 sc-d-block sc-d-md-none sc-d-lg-none sc-d-sm-block text-center"> <button class="scotia-button scotia-outline-black mr-3" onclick="volver()">Volver</button> </div> </div> </div>  </section>  <div class="modal fade" id="modalredessociales" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content" style="border-radius: 6px;"> <div class="modal-body"> <button type="button" class="close py-2 px-3" data-dismiss="modal" aria-label="Close" style="position:absolute;right:2px;top:10px;background-color:white;color:black;border:1px solid black;border-radius:75%;z-index: 2;"> <i class="fas fa-times black-text" style="font-size:12px;"></i> </button> <br> <h5 class="text-muted my-4 text-left">Comparte este beneficio de Scotiaclub con tus amigos y familia</h5> <div class="row align-items-center my-3 d-none"> <div class="col-md-4 mb-2"> <img id="imagen-desc-link" src="" class="img-fluid rounded" style=""> </div> <div class="col-md-8"> <h6 class="scotia-headline" id="modal-titulo"></h6> <h6 class="" id="modal-subtitulo"></h6> </div> </div> <h6 class="scotia-headline">Redes sociales</h6> <div class="row my-3"> <div class="col-6"> <a id="btn-facebook" type="button" class="d-flex align-items-center justify-content-start btn-redsocial" target="_blank"> <span class="btn-floating btn-fb"><i class="fab fa-facebook-f"></i></span> <h6 class="mt-2 font-weight-bold">Facebook</h6> </a> </div> <div class="col-6"> <a id="btn-twitter" type="button" class="d-flex align-items-center justify-content-start btn-redsocial" target="_blank"> <span class="btn-floating btn-tw"><i class="fab fa-twitter"></i></span> <h6 class="mt-2 font-weight-bold">Twitter</h6> </a> </div> </div> <h6 class="scotia-headline">Mensajería</h6> <div class="row my-3"> <div class="col-6"> <a id="btn-whatsapp" type="button" target="_blank" class="d-flex align-items-center justify-content-start btn-redsocial" title="Ir a Whatsapp"> <span class="btn-floating success-color" type="button" role="button"><i class="fab fa-whatsapp"></i></span> <h6 class="mt-3 font-weight-bold">WhatsApp</h6> </a> </div> <div class="col-6"> </div> </div> </div> </div> </div> </div> <script th:inline="javascript"> /* Se agregan las etiquetas */ var etiquetasDescuentos = []; for (var i = 0; i < tags.length; i++) { var tag = tags[i]; etiquetasDescuentos.push(crearEtiqueta(tag, 'masivo')); } /* Se crean las cards descuentos de esta vista */ var cardsDescuentos = []; for (var i = 0; i < descuentos.length; i++) { var descuento = descuentos[i]; cardsDescuentos.push(crearBeneficio(descuento, 'masivo')); } $('.btn-redsocial').on('click', function () { $('#modalredessociales').modal('hide'); }); function verLinks(id){ var desc; for(let descuento of descuentos){ if(descuento.id == id){ desc = descuento; break; } } gtag('event', 'compartir', { event_label: desc.titulo, event_category: 'ecommerce' }); document.getElementById('imagen-desc-link').setAttribute('src', desc.imagen); document.getElementById('modal-titulo').textContent = desc.titulo; document.getElementById('modal-subtitulo').textContent = desc.descuento; document.getElementById('btn-twitter').setAttribute('href', 'https://twitter.com/share?url=https://scotiaclub.cl/scclubfront'+[[${menuurl.link}]]+[[${submenuurl.link}]]+'/detalle/'+id+'&text=¡Revisa este beneficio o descuento que esta increíble!'); document.getElementById('btn-whatsapp').setAttribute('href', 'https://api.whatsapp.com/send?text=Revisa%20este%20beneficio%20o%20descuento%20que%20esta%20increible!%20https://scotiaclub.cl/scclubfront'+[[${menuurl.link}]]+[[${submenuurl.link}]]+'/detalle/'+id); document.getElementById('btn-facebook').setAttribute('href', 'https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fscotiaclub.cl%2Fscclubfront%2Fcategoria%2F'+[[${menuurl.strIndex}]]+'%2F'+[[${submenuurl.strIndex}]]+'%2F'+'detalle%2F'+id+'&src=sdkpreparse'); $('#modalredessociales').modal('show'); } /* funciones para paginar anterior y siguiente, esto no se esta usando por pedido del banco */ function paginarAnterior(){ var pageButtons= document.querySelectorAll('.boton-paginador'); var arrayPos = 0; for (var p of pageButtons) { if(p.textContent == '1' && p.classList.contains('activo')){ break; } if(p.classList.contains('activo')){ arrayPos--; var position = parseInt(p.textContent); var botonAnterior = pageButtons[arrayPos]; botonAnterior.click(); break; } arrayPos++; } } function paginarSiguiente(){ var pageButtons= document.querySelectorAll('.boton-paginador'); var arrayPos = 0; var maxPos = pageButtons.length; for (var p of pageButtons) { if(parseInt(p.textContent) == maxPos && p.classList.contains('activo')){ break; } if(p.classList.contains('activo')){ arrayPos++; var position = parseInt(p.textContent); var botonSiguiente = pageButtons[arrayPos]; botonSiguiente.click(); break; } arrayPos++; } } /* setup del paginador -true: habilita el paginador y los botones de cada pagina, -false: deshabilita el paginador y sus funciones */ var habilitarPaginador = false; function paginar(listaElementos) { /* Variables generales */ var list_element = document.getElementById('row-descuentos'); var paginador_element = document.getElementById('paginador'); var current_page = 1; var rows = 999; // cantidad de cards x pagina, x defecto muestra todo en una if(habilitarPaginador) { rows = 9; // son 9 cards x pagina paginador_element.classList.remove('d-none'); } else { rows = 999; paginador_element.classList.add('d-none'); } function desplegarLista(items, wrapper, rows_per_page, page){ wrapper.innerHTML=""; page--; var start = rows_per_page * page; var end = start + rows_per_page; var paginatedItems= items.slice(start, end); for(var i = 0; i < paginatedItems.length; i++){ var item = paginatedItems[i]; /* se envia al wrapper */ wrapper.appendChild(item); } } /* función para crear botones del paginador */ function createPaginationButton(page, items){ var button = document.createElement('li'); button.classList.add('page-item'); var aButton= document.createElement('a'); aButton.classList.add('page-link'); aButton.classList.add('boton-paginador'); aButton.setAttribute('role', 'button'); aButton.innerHTML = page; /* vemos si es pagina activa */ if(current_page == page){ aButton.classList.add('btn-morado', 'rounded', 'page-link', 'font-weight-bold', 'text-white', 'activo'); } button.addEventListener('click', function(){ current_page=page; desplegarLista(items, list_element, rows, current_page); var current_btn = document.querySelector('.activo'); current_btn.classList.remove('btn-morado', 'rounded' ,'font-weight-bold', 'text-white', 'animated', 'heartBeat', 'activo'); aButton.classList.add('btn-morado' , 'rounded','font-weight-bold', 'text-white', 'animated', 'heartBeat', 'activo') }) button.appendChild(aButton); return button; } /* funcion para setear el paginador */ function setupPaginador(items, wrapper, rows_per_page){ wrapper.innerHTML=""; var page_count = Math.ceil(items.length / rows_per_page); for (var i= 1; i < page_count + 1; i++){ var btn = createPaginationButton(i , items); wrapper.appendChild(btn); } } desplegarLista(listaElementos, list_element, rows, current_page); setupPaginador(listaElementos, paginador_element, rows) } function mostrarCategorias(){ if(window.innerWidth < 763){ document.getElementById('collapsecategoria').classList.remove('show'); } else { document.getElementById('collapsecategoria').classList.add('show'); } } /* se cierra la sección categoría en mobile */ window.addEventListener("resize", mostrarCategorias()); $(document).ready(function() { var cardSeleccionadas = cardsDescuentos; $('#etiquetas').append(etiquetasDescuentos); poblarSelectCategorias(document.getElementById('select-categoria')); paginar(cardSeleccionadas); $('#buscador').keyup(function () { var cardEncontradas = []; var value = $(this).val().toLowerCase(); for(var i=0; i<= cardSeleccionadas.length; i++){ if(typeof cardSeleccionadas[i] != 'undefined'){ var card = cardSeleccionadas[i]; /* parametrización de la busqueda*/ var information = card.getAttribute('data-titulo').toLocaleLowerCase()+card.getAttribute('data-descuento').toLocaleLowerCase(); var findPosition = information.search(value); if(findPosition > -1) { cardEncontradas.push(card); } } } /* si el buscador esta vacio mostrará todas las cards de la categoría actual */ if(value != '' ){ if(cardEncontradas.length > 0){ paginar(cardEncontradas); }else{ document.getElementById('row-descuentos').innerHTML=""; document.getElementById('paginador').innerHTML=""; var divAviso = document.createElement('div'); divAviso.classList.add('container'); var mensaje = document.createElement('h6'); mensaje.classList.add('font-weight-bolder'); mensaje.textContent='No se encontraron resultados.'; divAviso.appendChild(mensaje); document.getElementById('row-descuentos').appendChild(divAviso); var button = document.createElement('li'); button.classList.add('page-item'); var aButton= document.createElement('a'); aButton.classList.add('page-link'); aButton.classList.add('boton-paginador'); aButton.innerHTML = '0'; button.appendChild(aButton); document.getElementById('paginador').appendChild(button); } }else{ paginar(cardSeleccionadas) } }); /* HAY QUE BORRAR DEL CSS btn.etiqueta */ $(".etiqueta").click(function(){; var etiqueta=$(this).find('.nombre').get(0); if ($(this).hasClass('active')) { $(this).removeClass('active'); etiqueta.classList.remove('animated', 'fadeInLeft'); etiqueta.classList.remove('font-weight-bolder'); cardSeleccionadas=cardsDescuentos; paginar(cardsDescuentos); } else { $(".etiqueta").removeClass('active', 'font-weight-bolder'); $(this).addClass('active'); var lista = document.querySelectorAll('.fadeInLeft'); for(var i= 0; i<=lista.length; i++){ if(typeof lista[i] != 'undefined'){ var noseleccionados = lista[i]; noseleccionados.classList.remove('animated', 'fadeInLeft','font-weight-bolder'); } } etiqueta.classList.add('animated', 'fadeInLeft'); etiqueta.classList.add('font-weight-bolder'); /* Al marcar la opción se registra en Analytics */ gtag('event', 'etiquetas-beneficios', { event_label: $(this).attr('data-nombre'), event_category: 'ecommerce' }); /* se prepara la busqueda de cards */ var nombreEtiqueta = etiqueta.textContent; nombreEtiqueta = nombreEtiqueta.replace(' ','-'); nombreEtiqueta = nombreEtiqueta.replace(' ','-'); nombreEtiqueta = nombreEtiqueta.replace(' ','-'); nombreEtiqueta = nombreEtiqueta.toLowerCase(); cardSeleccionadas = []; for(var i = 0; i<=cardsDescuentos.length; i++){ if(typeof cardsDescuentos[i] != 'undefined'){ var cardDescuento = cardsDescuentos[i]; if(cardDescuento.classList.contains(nombreEtiqueta)){ cardSeleccionadas.push(cardDescuento); } } } paginar(cardSeleccionadas); } }); }); </script> </th:block>  <div class="modal fade" id="modalDescuentos" tabindex="-1" role="dialog" aria-label="Descubre tu beneficio" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="container-fluid pt-5"> <form class="prevent-multiple-submit" autocomplete="off" id="formulario-canje" th:action="@{|${menuurl.link}${submenuurl.link}/canje|}" th:object="${producto}" method="POST"> <input id="id-producto-modal" class="d-none" name="idProducto" required> <div class="row align-items-stretch"> <div class="col-6 pl-0 d-flex flex-column"> <div class="rounded z-depth-1 mb-2 p-3 flex-grow-1 text-center d-flex align-items-center"> <h4 class="mb-0 color-purple text-center font-weight-bold" id="titulo-beneficio-modal"></h4> </div> <div class="bg-morado p-3 text-white text-center rounded z-depth-1"> <h4 class="mb-0 font-weight-bold" id="porcentaje-beneficio-modal"></h4> </div> </div> <div class="col-6 rounded z-depth-1 px-0 d-flex align-items-center"> <img id="imagen-modal" class="img-fluid"> </div> </div> <div class="row pt-3"> <div class="col-12 rounded z-depth-1 mb-3"> <p class="mb-0 py-3" id="descripcion-beneficio-modal"></p> </div> </div> <div class="row"> <div class="col-12 px-0"> <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true"> <div class="card"> <div class="card-header" role="tab" id="headingOne1"> <a data-toggle="collapse" data-parent="#accordionEx" href="#collapseOne1" aria-expanded="true" aria-controls="collapseOne1"> <h5 class="mb-0 font-weight-bold"> ¿Cómo accedo a este beneficio? <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div id="collapseOne1" class="collapse show" role="tabpanel" aria-labelledby="headingOne1" data-parent="#accordionEx"> <div class="card-body" id="acceder-a-beneficio-modal"></div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="headingTwo2"> <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseTwo2" aria-expanded="false" aria-controls="collapseTwo2"> <h5 class="mb-0 font-weight-bold"> Condiciones <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div id="collapseTwo2" class="collapse" role="tabpanel" aria-labelledby="headingTwo2" data-parent="#accordionEx"> <div class="card-body" id="condiciones-comercio-modal"></div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="headingThree3"> <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseThree3" aria-expanded="false" aria-controls="collapseThree3"> <h5 class="mb-0 font-weight-bold"> Direcciones <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div id="collapseThree3" class="collapse" role="tabpanel" aria-labelledby="headingThree3" data-parent="#accordionEx"> <div class="card-body" id="direcciones-modal"></div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="headingFour4"> <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseFour4" aria-expanded="false" aria-controls="collapseFour4"> <h5 class="mb-0 font-weight-bold"> Términos y condiciones <i class="fas fa-angle-down rotate-icon"></i> </h5> </a> </div> <div id="collapseFour4" class="collapse" role="tabpanel" aria-labelledby="headingFour4" data-parent="#accordionEx"> <div class="card-body" id="terminos-y-condiciones-modal"></div> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div>  <script> $('#row-descuentos').on('click', '.btn-modal-descuento', function() { var id = $(this).data('id-producto'); if(id == 10237){ window.open('https://www.scotiaclub.cl/scclubfront/categoria/tienda/scotiamarket', '_blank'); }else{ for (var i = 0; i < descuentos.length; i++) { var DESCUENTO = descuentos[i]; if (DESCUENTO.id == id) { let direccionesLimpio = DESCUENTO.direcciones.replaceAll('<p>', ''); direccionesLimpio = direccionesLimpio.replaceAll('</p>', ''); let parametrosDirecciones = direccionesLimpio.split('|'); let elementoPrincipal = document.getElementById('imagenes-tarjetas'); elementoPrincipal.innerHTML = ''; if(parametrosDirecciones.length >= 3){ let parametrosTarjetas = parametrosDirecciones[2].split(','); for(let i=0; i<=parametrosTarjetas.lenght; i++){ let tarjetaElement = document.createElement('img'); tarjetaElement.classList.add('img-fluid', 'm-1'); tarjetaElement.src = '/resource/tarjetas/'+parametrosTarjetas[i]+'.svg'; elementoPrincipal.appendChild(tarjetaElement); } }else{ if(DESCUENTO.codigo != null && DESCUENTO.codigo == 'nonpremium'){ let tarjetaElement = document.createElement('img'); tarjetaElement.classList.add('img-fluid', 'm-1'); tarjetaElement.src = '/resource/tarjetas/Tarjetas-Scotia-Simple.webp'; elementoPrincipal.appendChild(tarjetaElement); }else{ let tarjetaElement = document.createElement('img'); tarjetaElement.classList.add('img-fluid', 'm-1'); tarjetaElement.src = '/resource/tarjetas/Tarjetas2.png'; elementoPrincipal.appendChild(tarjetaElement); } } $('#imagen-modal').attr('src', DESCUENTO.imagen); $('#titulo-beneficio-modal').html(DESCUENTO.titulo); $('#descripcion-beneficio-modal').html(DESCUENTO.descripcion); $('#porcentaje-beneficio-modal').html(DESCUENTO.descuento); $('#acceder-a-beneficio-modal').html(DESCUENTO.acceder); $('#condiciones-comercio-modal').html(DESCUENTO.condicionesComercio); $('#direcciones-modal').html(DESCUENTO.direcciones[0]); $('#terminos-y-condiciones-modal').html(DESCUENTO.terminosYCondiciones); $('#id-producto-modal').val(id); if (DESCUENTO.generaCanje) { $('.btn-obtener-beneficio').show(); $('#btn-obtener-beneficio').prop('disabled', false); } else { $('.btn-obtener-beneficio').hide(); $('#btn-obtener-beneficio').prop('disabled', true); } /*gtag('event', 'beneficios', { event_label: DESCUENTO.titulo, event_category: 'ecommerce' }); */ $('#modalDescuentos').modal('show'); break; } } } }); </script> </th:block>  <x th:case="9" th:remove="tag"> <section th:utext="${submenuurl.informationHtml.html}" id="que-saborista"></section> </x>  </th:block> <style type="text/css"> .cr-purple-btn { border-radius: 4px; padding: 8px 2rem; } .tablanueva { border: 1px; margin-bottom: 10px; color: #673ab7; border-radius: 8px; } thead { background-color: #eee; } </style> <th:block th:with="authenticated=${#authorization.expression('isAuthenticated()')}" >  <th:block th:if="${(!authenticated) || (authenticated && !#arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') ) }" > <style> .scotia-line { width: 100%; border: 1px solid; } .underline { text-decoration: underline; } .sc-link-simple { text-decoration: none; } /* Responsivo */ /* small devices */ @media (min-width: 320px) and (max-width: 480px) {} /* small-medium devices */ @media (min-width: 481px) and (max-width: 767px) {} /* medium devices */ @media (min-width: 768px) and (max-width: 1024px) {} /* large devices */ @media (min-width: 1025px) and (max-width: 1280px) {} /* Xlarge devices */ @media (min-width: 1280px) and (max-width: 2560px) {} </style> <footer> <div class="scotia-line scotia-gris300 mb-120 mb-xs-30"></div> <div class="sc-container"> <div class="sc-row"> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black pb-xs-18 font-weight-bold">Contáctanos</h6> <div class="sc-d-flex"> <i class="iconcanvas-icon-call text-size-24 mr-18"></i> <div class="body-2 scotia-black font-weight-normal">600 600 1100</div> </div> </div> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black pb-xs-18 font-weight-bold">¿Necesitas ayuda?</h6> <ul class="text-left no-list"> <li class="pb-18 font-weight-normal"><a th:href="@{/categoria/todosobrepesosscotia/todosobrepesosscotia}" class="scotia-black clickfollow sc-link-simple caption">Todo sobre Pesos Scotia</a></li> <li class="pb-18 font-weight-normal"><a th:href="@{/categoria/beneficiosscotia/preguntasfrecuentes}" class="scotia-black clickfollow sc-link-simple caption">Preguntas frecuentes</a></li> <li class="pb-18 font-weight-normal"><a th:href="@{/resource/bases/bases_programa_beneficios_scotiabank_chile.pdf}" target="_blank" class="scotia-black clickfollow sc-link-simple caption">Términos y condiciones</a></li> </ul> </div> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black pb-xs-18 font-weight-bold">Te podría interesar</h6> <ul class="no-list text-left">  <li class="pb-18 font-weight-normal"><a href="https://www.scotiabankchile.cl/Personas/app-scotia-go" class="scotia-black clickfollow sc-link-simple caption">Descarga App Scotia</a></li> <li class="pb-18 font-weight-normal"><a href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/" target="_blank" class="scotia-black clickfollow sc-link-simple caption">Hazte Cliente Scotia</a></li> </ul> </div> <div class="scotia-col-12 scotia-col-sm-12 scotia-col-md-3 scotia-col-lg-3 mb-xs-42"> <h6 class="body-1 pb-42 scotia-black font-weight-bold">Nuestras Redes Sociales</h6> <ul class="no-list sc-d-flex sc-justify-content-center"> <li><a target="_blank" href="https://www.facebook.com/ScotiabankCL" rel="noopener"><i class="fab fa-facebook-square scotia-black text-size-24 mr-30"></i></a></li> <li><a target="_blank" href="https://www.instagram.com/scotiabank.cl/" rel="noopener"><i class="fab fa-instagram scotia-black text-size-24 mr-30" aria-hidden="true"></i> </a> </li> <li><a target="_blank" href="https://www.linkedin.com/company/scotiabank" rel="noopener"><i class="fab fa-linkedin scotia-black text-size-24 mr-30" aria-hidden="true"></i></a></li> <li><a target="_blank" href="https://twitter.com/Scotiachile" rel="noopener"> <img src="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/icons/twitter-x.svg" style="width: 25px;" class="mr-30"> </a></li> <li><a target="_blank" href="https://www.youtube.com/user/scotiabankchile" rel="noopener"><i class="fab fa-youtube-square scotia-black text-size-24 mr-30" aria-hidden="true"></i></a></li> <li><a target="_blank" href="https://www.tiktok.com/@scotiaenchile?_t=8etBNDKTrDK&_r=1" rel="noopener"> <img src="https://cdn.aglty.io/scotiabank-chile/frameworks/scotiabankchile/icons/tiktok.svg" style="width: 20px;" class="mr-30"> </a> </li> </ul> </div> </div> </div> <div class="scotia-line scotia-gris300 mt-30"></div> <div class="sc-container sc-d-sm-block sc-d-md-flex sc-d-lg-flex sc-align-items-center py-30"> <img src="https://cdn.aglty.io/scotiabank-chile/2024/header/logo-scotiabank-red.svg" style="width:200px"> <ul class="no-list sc-d-block sc-d-sm-block sc-d-md-flex sc-d-lg-flex ml-auto my-xs-24"> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="hazte cliente footer" data-name="hazte cliente footer" data-creative="footer-personas" data-position="1" href="https://www.scotiaclub.cl/scclubfront/categoria/platosycomida/rutagourmet">Ruta Gourmet</a></li> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="cuenta corriente footer" data-name="cuenta corriente footer" data-creative="footer-personas" data-position="1" href="https://www.scotiaclub.cl/scclubfront/categoria/miscanjes/concursos">Concursos</a></li> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="creditos footer" data-name="creditos footer" data-creative="footer-personas" data-position="1" href="https://www.scotiaclub.cl/scclubfront/categoria/mundos/descuentos">Beneficios</a></li> <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="tarjetas footer" data-name="tarjetas footer" data-creative="footer-personas" data-position="1" href="https://beneficios.scotiabank.cl/scclubfront/categoria/mundos/viajes">Viajes</a></li>  <li class="mr-30 my-xs-12 font-weight-normal"><a class="clickfollow scotia-black caption sc-link-simple" data-ide="inversiones footer" data-name="inversiones footer" data-creative="footer-personas" data-position="1" href="https://banco.scotiabank.cl/mfe/clsales/mfe-onboarding-unico-wpub/">Hazte Cliente</a></li> </ul> </div> <div class="scotia-line scotia-gris300"></div> <div class="sc-container-fluid legal scotia-gris200-bg scotia-black text-right py-24"> <div class="sc-container font-weight-normal"> Infórmese sobre el límite de garantía estatal a los depósitos en su banco o en www.cmfchile.cl | © 2024 Scotiabank All Rights Reserved</div> </div> </footer> </th:block>   <th:block th:if="${(authenticated && #arrays.contains(usuario.tipoCliente, 'PREMIUM_BK') )}" > <section class="fondoSng" id="prefooter"> <div class="container"> <div class="row"> <div class="col-md-4"> <h5>Normativas e Información</h5> <ul class="footer-nav list-unstyled font-weight-normal">  <li><a th:href="@{/categoria/normativaseinformacion/terminosycondiciones}">Términos y condiciones</a></li> </ul> </div> <div class="col-md-4"> <h5>¿Necesitas ayuda?</h5> <ul class="footer-nav list-unstyled font-weight-normal"> <li><a th:href="@{/categoria/ayuda/acerca}">Acerca de Beneficios Scotia</a></li> <li><a th:href="@{/categoria/ayuda/preguntasfrecuentes}">Preguntas frecuentes</a></li> <li>Contáctanos al 600 600 1100</li> </ul> </div> <div class="col-md-4"></div> </div> <div class="row align-items-end"> <div class="col-md-10"> <p class="tx-chico">Infórmese sobre el límite de garantía estatal a los depósitos en su banco o en www.cmfchile.cl</p> </div> </div> </div> </section> <section id="footer" style="background-color:#38483f"> <div class="container"> <div class="row align-items-end"> <div class="col-md-8"> <h3 style="color:#3d816a ;">Impulsando nuevas posibilidades.<span>®</span></h3> </div> <div class="col-md-4 text-right"> <div class="row align-items-center"> <div class="col"> <img id="img_footx" src="https://cdn.aglty.io/scotiabank-chile/2024/header/logo-scotiabank-red.svg" style="width:200px" alt="Scotiabank"/> </div> </div> </div> </div> </div> </section> <style> #prefooter { background-color: #38483f; color: white; background-image: initial; } .footer-nav>li>a{ color:white } </style> </th:block>  </th:block>  <script sec:authorize="isAuthenticated()" type="text/javascript"> function setFirstCookie() { let time = 10*365*24*60*60; /* 10 años */ document.cookie = "first=true; max-age=" + time + "; path=/"; } function setWelcomeCookie() { document.cookie = "welcomex=true; max-age=3600; path=/"; } $(document).ready(function() { if (!getCookie("first")) { //$('#firstModal').modal('show'); setFirstCookie(); setWelcomeCookie(); return; } if (!getCookie("welcomex")) { //$('#welcomeModal').modal('show'); setWelcomeCookie(); } }); </script> <script th:src="@{/resource/js/mdb.min.js}"></script> <script> $(document).ready(function() { //remove disabled attribute from submit button btn-ingresar-head $(".btn-ingresar-head").html("Ingresar"); $(".btn-ingresar-head").removeAttr("disabled"); }); </script> <script> //document.body.innerHTML = document.body.innerHTML.replaceAll('ScotiaPesos', 'Pesos Scotia'); //document.body.innerHTML = document.body.innerHTML.replaceAll('ScotiaClub', 'Beneficios Scotia'); $(document).ready(function() { $('.carouselHomeScotia .carousel-item').first().addClass('active'); $('.carouselHomeScotia .carousel-indicators li').first().addClass('active'); $('#carouselHomeScotia2 .carousel-item').first().addClass('active'); $('#carouselHomeScotia2 .carousel-indicators li').first().addClass('active'); //fix for carousel bullets index reallocating $('.carouselHomeScotia .carousel-indicators li').each(function(index) { $(this).attr('data-slide-to', index); }); $('#carouselHomeScotia2 .carousel-indicators li').each(function(index) { $(this).attr('data-slide-to', index); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { var dropdowns = document.querySelectorAll('.dropdown-toggle'); dropdowns.forEach(function (dropdown) { dropdown.addEventListener('click', function () { var currentDropdown = this.closest('.dropdown'); var allDropdowns = document.querySelectorAll('.dropdown.show'); allDropdowns.forEach(function (otherDropdown) { if (otherDropdown !== currentDropdown) { otherDropdown.classList.remove('show'); otherDropdown.querySelector('.dropdown-menu').classList.remove('show'); } }); currentDropdown.classList.toggle('show'); currentDropdown.querySelector('.dropdown-menu').classList.toggle('show'); }); }); }); </script> </body> </html> ")

Refiere

Home

Beneficios

Descuentos

Beneficios en Cuotas

Especial del Mes

Ruta Verde

Misiones de Beneficios

Copec

Rutas Scotia

Ruta Gourmet

Ruta Gourmet Internacional

Ruta de Viñas

Ruta de Comida Rápida

Ruta del Pádel

Marketplace

Sorteos Scotia

Misiones

Misiones y Niveles

Concurso iPad Pro 13

Concursos Estufas

Misiones de Beneficios

Pesos Scotia

Todo sobre Pesos Scotia

¿Cómo canjear Pesos Scotia?

Cambio acumulación junio 2025

Canje Pesos Scotia

Canje Entretenimiento

Concursos Clientes

Estreno MISIÓN IMPOSIBLE

Entradas Cine