<p class="back">
    <span class="section_container">
        <a id="btn_back" href="javascript:history.back();"></a>
    </span>
</p>

<div class="promo_container">
    <p class="promo_title">{{bannerInfo.promotionTitle}}</p>

    {{#if bannerInfo.smallImage}}
        <img alt="{{bannerInfo.bannerDescription}}" src="{{MEDIA_CONTENT_URL}}/resize_460x460{{bannerInfo.smallImage}}">
    {{else}}
        <img alt="{{bannerInfo.bannerDescription}}" src="{{MEDIA_CONTENT_URL}}/resize_460x460{{bannerInfo.bannerImageUrl}}">
    {{/if}}

    <p class="data">{{bannerInfo.promotionText}}</p>


    {{#if bannerInfo.promotionRules}}
        <ul class="questions_list">
            <li class="question_container">
                <a class="question" title="{{i18n "mobile.banner.base"}}" href="javascript:showPromotionRules('promotionRules', '{{bannerInfo.promotionRules}}');">{{i18n "mobile.banner.base"}}<span></span></a>
                <div class="answer_container">
                    <p class="text" id="promotionRules"></p>
                </div>
            </li>
        </ul>
    {{/if}}

    <div class="buttons_container">
        {{#if bannerInfo.bannerProduct}}
            <a class="button_orange {{#if bannerInfo.quantity}}added{{/if}}" title="{{i18n "mobile.productTemplate.anadirCarrito"}}" onclick="dataLayer.push({event:'event_gtm', category:'acciones usuario', action:'aņadir producto desde banner'});" href="javascript:addToCartFromBanner('{{bannerInfo.bannerProduct}}'); javascript:changeBannerButton();">{{i18n "mobile.productTemplate.anadirCarrito"}}</a>
        {{/if}}

        <a class="button_white" title="{{i18n "mobile.banner.return"}}" href="{{STORE_CONTEXT_ROOT}}/">{{i18n "mobile.banner.return"}}</a>
    </div>
</div>