Cacher is the code snippet organizer for pro developers

{{= it.include("core/html-start.html", {"class":"bg-color-grey-totally-soft"}) }}

{{= it.include("core/header/header.html", {"type" : "light"}) }}

{{= it.include("core/searchbar/searchbar-rewards") }}

   <main class="wrapper public" role="main">
    <div class="clearfix mb-50 d-none d-sm-inline"></div>
    {{= it.include("bp/entity-steps-redeem.html", {
        "class": "",
        "active": "confirmation",
        "showRedeem": "Redeem option"
    }) }}
    <div class="container position-relative">
        <div class="row justify-content-center">
           <div class="col-12 col-md-8 col-lg-6">
              <section class="entity-activated-account-confirmation text-center color-gunmetal py-6">
                 <div class="mb-8">
                    <i class="icon-check md color-lima mb-4"></i>
                    <div class="title-section">Thank you for your order</div>
                    <p>40.000 Points have been converted to 2.00 Miles</p>
                    <p>These Miles have been added to the <strong>FFP 1234567000</strong> </p>
                    <p>We have sent you a confirmation email to  <strong>email@gmail.com</strong></p>
                  </div>
                 <div class="mb-6">
                    <a href="#" class="btn btn-primary">GO TO MY ACCOUNT</a>
                 </div>
              </section>
           </div>
        </div>
     </div>
      
      {{= it.include("common/entity-banner-fullwidth.html", {
         "title": "Discover our Merchandising & Gifts", 
         "subtitle": "RADISSON MERCHANDISING",
         "description": "",
         "button": "DISCOVER MORE",
         "image": "rewards-join-banner-full.jpg",
      }) }}

      {{= it.include("rewards/entity-social-media-buttons.html", {
            "logo_desktop": "img/logos/radisson-rewards.svg",
            "label": "on social media",
            "array": [
                  {"url":"https://es-la.facebook.com/", "title":"Facebook", "social": "facebook" },
                  {"url":"https://twitter.com/", "title":"Twitter", "social": "twitter"},
                  {"url":"https://www.instagram.com/", "title":"Instagram", "social": "instagram"},
                  {"url":"https://www.weibo.com", "title":"Weibo", "social": "weibo"}
               ]
            })
         }}
      
   </main>
   
{{= it.include("core/entity-footer.html") }}

{{= it.include("core/html-end.html") }}

<script>
   $(function () {
      RewardsSignupConfirmation.init();
   });

</script>

< xmlns:c xmlns:c="http://java.sun.com/jsp/jstl/core"="http://java.sun.com/jsp/jstl/core"/>%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ey" uri="http://www.radisson.com/radisson" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="dxa" uri="http://www.sdl.com/tridion-dxa" %>

<jsp:useBean id="entity" type="com.ey.radisson.dxa.modules.entities.PhotoTextLinks" scope="request" />

<section class="entity-multimedia-text multimedia-right-text-left mt-50 line-t" style="background: palegoldenrod">
<div class="container">
    <div class="row mb-3">
        <div class="col-md-9">
            <h2 class="title-section">${entity.text.title}</h2>
            <h1>${entity.seeMoreLink}</h1>
        </div>

        <c:if test="${not empty entity.seeMoreLink}">

            <c:set var="seeMoreLink"><ey:linkUrl entityModel='${entity.seeMoreLink}'/></c:set>
            <c:set var="outputUrl" value="${fn:split(seeMoreLink, '@')}"/>
            <c:set var="target" value="${not empty outputUrl[1] ? outputUrl[1] : '_self'}"/>

            <c:if test="${not empty outputUrl[0] && outputUrl[0] ne '#'}">
                <div class="col-md-3 hidden d-md-block">
                    <div class="text-right">
                        <a href="${outputUrl[0]}" target="${target}" title="${entity.seeMoreLink.title}" class="btn btn-link text-underline text-12">${entity.seeMoreLink.text}<span class="icon-arrow-right xxs"></span></a>
                    </div>
                </div>
            </c:if>
        </c:if>

    </div>
    <div class="row mb-5">
        <div class="col-md-6">
            <div class="mb-4">
                <h3 class="subtitle text-18">${entity.text.subtitle}</h3>
            </div>
            <div class="mb-5">
                <div class="overflow-text js-overflow-text js-description" data-max-lines="3">
                    ${entity.text.description}
                </div>

                <button class="btn btn-link" data-show-more=".js-description" data-original-text="<dxa:resource key='core.weReadMore'/>" data-toggle-text="<dxa:resource key='core.weReadLess'/>">
                    <span class="text"><dxa:resource key="core.weReadMore"/></span>
                    <i class="icon-arrow-down xxs"></i>
                </button>
            </div>

            <c:if test="${not empty entity.link}">
                <div class="mb-3">
                    <c:forEach items="${entity.link}" var="link">

                        <c:set var="seeMoreLink"><ey:linkUrl entityModel='${link}'/></c:set>
                        <c:set var="outputUrl" value="${fn:split(seeMoreLink, '@')}"/>
                        <c:set var="target" value="${not empty outputUrl[1] ? outputUrl[1] : '_self'}"/>

                        <c:if test="${not empty outputUrl[0] && outputUrl[0] ne '#'}">
                            <a href="${outputUrl[0]}" target="${target}" class="btn mb-3 btn-secondary btn-sm"><i class="icon-${link.iconClass.key} xs"></i>${link.text}</a>
                            <div class="w-100"></div>
                        </c:if>


                    </c:forEach>
                </div>
            </c:if>

        </div>

        <div class="col-md-6">
            <ey:imageTag requestURL="${entity.photo.url}" imagePolicy="Card" altText="${entity.photo.alternateText}" gravity="${entity.photo.gravity}" attributes="class=&apos;img-responsive&apos;"/>
        </div>
    </div>
</div>
</section>