<input id="product_id" type="hidden" value="{{product_id}}">
<span class="breadcrumbs">{{i18n "category.bodyTemplate.estasen"}}: {{section_description}} &gt; <a class="breadcrumb_link" title="{{family_description}}" href="{{familyFriendlyURL}}">{{family_description}}</a></span>
<a class="back_button" title="Volver" href="javascript:history.back();">{{i18n "homeTemplate.ButtonBack"}}</a>

{{#if quantity}}
    <div class="product_container added">
{{else}}
    <div class="product_container">
{{/if}}
    {{#if large_promotion_media}}
        <img width="160" height="156" src="{{MEDIA_CONTENT_URL}}{{large_promotion_media}}" alt="{{productIconTooltipKey}}" class="promotion_image">
        {{#if productIconTooltipKey}}
            <a class="more_info" title="{{productIconTooltipKey}}" href="javascript:void(0);">
                <span class="tooltip">{{productIconTooltipKey}}</span>
            </a>
        {{/if}}
    {{/if}}

    <div class="product_image_container">
        <div class="product_image">
            <img id="product_image" class="image" alt="{{product_description}}" src="{{MEDIA_CONTENT_URL}}/resize_395x416{{product_large_image}}" data-zoom="{{MEDIA_CONTENT_URL}}/resize_1280x1347{{product_large_image}}" itemprop="image" width="395" height="416">
        </div>
        <p class="text_image">{{i18n "product.zoom"}}</p>
    </div>
    <div class="product_data_container">
        <p class="brand_name" itemprop="brand">{{brand}}</p>
        <h1 class="product_name" itemprop="name">{{product_description}}</h1>

        {{#if pum_weight}}
            <span class="product_weight">
                <span class="variable">{{i18n "product.variable.weight"}}</span>
                <span class="price_per_kg">{{pum_weight}}</span>
            </span>
        {{else}}
            <span class="product_weight">
                <span class="price_per_kg">{{pum}}</span>
            </span>
        {{/if}}
        {{#if additionalProductInfo.CAN_NET}}
        <span class="product_weight" style="margin-top:0">
            <span class="price_per_kg">{{i18n "product.can_net"}}:&nbsp;</span>
            <span class="price_per_kg">{{additionalProductInfo.CAN_NET}}&nbsp;{{additionalProductInfo.UNI_CNE}}</span>
        </span>
        {{/if}}

        <div class="bottom_container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

            <!-- Price -->
            {{#if on_sale_price}}
                <span class="offer">{{i18n "product.before"}} <span id="list_price_{{product_id}}"></span>{{i18n "commons.euro_symbol"}}</span>
                <span class="article_price" itemprop="price"><span id="sale_price_{{product_id}}"></span></span><span class="currency">{{i18n "commons.euro_symbol"}}</span>
                <script>
                    formatNumber('{{price}}', 'list_price_{{product_id}}');
                    formatNumber('{{on_sale_price}}', 'sale_price_{{product_id}}');
                </script>
            {{else}}
                {{#if promotion_text}}
                    <span class="promotion">{{long_promotion_text}}</span>
                {{/if}}
                <span class="article_price" itemprop="price"><span id="list_price_{{product_id}}"></span></span><span class="currency">{{i18n "commons.euro_symbol"}}</span>
                <script>
                    formatNumber('{{price}}', 'list_price_{{product_id}}');
                </script>
            {{/if}}

            <meta itemprop="priceCurrency" content="EUR">
            <div class="unit_container">
                <a class="add_button" title="{{i18n "productTemplate.mas"}}" href="javascript:void(0);">+</a>
                <a class="added_tick" title="{{i18n "product.changeUnits"}}" href="javascript:void(0);"></a>


                <label class="quantity_container">
                    {{#if quantity}}
                        <input class="input_quantity_product" id="item_quantity_{{product_id}}" type="number" data-product="{{product_id}}" value="{{quantity}}" min="1" max="999" required autocomplete="off">
                    {{else}}
                        {{#if ingredientUnits}}
                            <input class="input_quantity_product" id="item_quantity_{{product_id}}" type="number" data-product="{{product_id}}" value="{{ingredientUnits}}" min="1" max="999" required autocomplete="off">
                        {{else}}
                            <input class="input_quantity_product" id="item_quantity_{{product_id}}" type="number" data-product="{{product_id}}" value="" min="1" max="999" required autocomplete="off">
                        {{/if}}
                    {{/if}}
                </label>

                <a class="substract_button" title="{{i18n "productTemplate.menos"}}" href="javascript:void(0);">-</a>
            </div>


          <div class="button_container">


                {{#if available_for_view}}
                    <a data-product-id="{{product_id}}" class="orange_button btn_add2cart" title="{{i18n "productTemplate.anadirCarrito"}}" onClick="dataLayer.push({event:'event_gtm', category:'acciones usuario', action:'a�adir producto desde la ficha'});" href="javascript:addToCartFromItemList('{{product_id}}', 'PDP')">{{i18n "commons.addCart_btn"}} &gt;</a>
                {{else}}
                    <a class="white_button" title="{{i18n "productTemplate.anadirCarrito"}}" href="javascript:condisAlert('{{i18n "product.not.availalable"}}')">{{i18n "commons.addCart_btn"}} &gt;</a>
                {{/if}}


                 <span class="added_button">{{i18n "product.in.shopping_cart"}}</span>
                <a class="white_button" title="{{i18n "productTemplate.anadirMiLista"}}" href="javascript:addToListFromItemList('{{product_id}}')" onClick="dataLayer.push({event:'event_gtm',category:'acciones usuario',action:'a�adir producto a la lista'});">{{i18n "commons.addlist"}}</a>
            </div>
         </div>
    </div>
    <div class="extras_container">

        {{#if kcal}}
        <a class="info kcal" title="Producto con {{kcal}} {{i18n "basicProductTemplate.kilocalorias"}}" href="javascript:void(0);">
            <span class="number">{{kcal}}</span>Kcal
            <span class="info_text">{{i18n "basicProductTemplate.productoCon"}} {{kcal}} {{i18n "basicProductTemplate.kilocalorias"}}.</span>
        </a>
        {{/if}}

        {{#if flagIcons}}
            {{#each flagIcons}}
                <a class="info" title="{{productIconTooltipKey}}" href="javascript:void(0);">
                    <img alt="{{productIconTooltipKey}}" src="{{MEDIA_CONTENT_URL}}/resize_65x65{{productIconUrlKey}}">
                    {{#if productIconTooltipKey}}
                    <span class="info_text">{{productIconTooltipKey}}</span>
                    {{/if}}
                </a>
            {{/each}}
        {{/if}}
    </div>
    {{#if long_promotion_text}}
        <div class="promotion_container">
            <p class="promotion_text">{{long_promotion_text}}</p>
        </div>
    {{/if}}

    {{#if PLEASE_PLUGIN_ENABLED}}
        <div class="related_products">
            <h2>{{i18n "product.relatedproducts"}}</h2>
            <div id="pdp_recommendations" class="recommendations"></div>
        </div>
    {{/if}}
</div>

{{#if additionalProductInfo}}
    <div class="info_container">
        <div class="tabs_container">
            {{#if additionalProductInfo.COMP_INFO}}
            <a id="description_tab" class="tab" title="{{i18n 'product.tab.composition'}}" href="javascript:void(0);">{{i18n "product.tab.composition"}}</a>
            {{/if}}

            {{#if additionalProductInfo.NUTRITIONAL_INFO }}
            <a id="nutrition_tab" class="tab" title="{{i18n 'product.tab.nutritional.info'}}" href="javascript:void(0);">{{i18n "product.tab.nutritional.info"}}</a>
            {{/if}}

            {{#if additionalProductInfo.ALLERGEN_INFO}}
                 <!-- <a id="allergens_tab" class="tab min" title="{{i18n 'product.tab.allergens'}}" href="javascript:void(0);">{{i18n "product.tab.allergens"}}</a> -->
            {{/if}}
            {{#if additionalProductInfo.HEALTH_INFO}}
                <a id="health_tab" class="tab" title="{{i18n 'product.tab.health'}}" href="javascript:void(0);">{{i18n "product.tab.health"}}</a>
            {{/if}}
            {{# if additionalProductInfo.MANUF_INFO}}
                <a id="manufacturer_tab" class="tab min" title="{{i18n 'product.tab.manufacturer'}}" href="javascript:void(0);">{{i18n "product.tab.manufacturer"}}</a>
            {{/if}}
        </div>
        <div class="info_content_container">
            {{#if additionalProductInfo.COMP_INFO}}
            <div id="description" class="info_content">
                {{#if additionalProductInfo.COMP_DESCRIPTION}}
                    <p class="info_text description" itemprop="description">
                        <span class="image"></span>
                        <span class="info_title">{{i18n "product.info.description"}}</span>
                        {{additionalProductInfo.COMP_DESCRIPTION}}</p>
                {{/if}}
                {{#if additionalProductInfo.COMP_INGREDIENTS_HTML}}
                    <p class="info_text ingredients">
                        <span class="image"></span>
                        <span class="info_title">{{i18n "product.info.ingredients"}}</span>
                        {{{additionalProductInfo.COMP_INGREDIENTS_HTML}}}</p>
                {{/if}}
                {{#if additionalProductInfo.COMP_USE}}
                    <p class="info_text use">
                        <span class="image"></span>
                        <span class="info_title">{{i18n "product.info.use"}}</span>
                        {{additionalProductInfo.COMP_USE}}</p>
                {{/if}}
                {{#if additionalProductInfo.COMP_ADDITIONAL_TEXT}}
                    <p class="aditional_data">{{i18n "product.info.additional.info"}} {{additionalProductInfo.COMP_ADDITIONAL_TEXT}}</p>
                {{/if}}
            </div>
            {{/if}}
            {{#if additionalProductInfo.NUTRITIONAL_INFO }}
            <div id="nutrition" class="info_content narrow">
                <p class="input_text">{{additionalProductInfo.NUTR_PORTION_INFO}}
                    <span class="capsules_container">
                        {{#if additionalProductInfo.NUTRITIONAL_HEADER}}
                            {{#each additionalProductInfo.NUTRITIONAL_HEADER}}
                                <span class="capsule">
                                    <span class="name_container">
                                        <span class="name">{{LINE_DESCRIPTION}}</span>
                                    </span>
                                    <span class="quantity">{{AMOUNT_PER_UNIT}}</span>
                                    <span class="percentage">{{PERCENTAGE}}%</span>
                                </span>
                            {{/each}}
                        {{/if}}
                    </span>
                    <p class="input_text">{{i18n "product.nutritional.daily"}}</p>
                </p>
                <table class="nutritional_table">
                    <tr class="table_header">
                        <th>{{i18n "product.nutritional.values"}}</th>
                        <th>{{i18n "product.nutritional.measure"}}</th>
                        <th>{{i18n "product.nutritional.portion"}}</th>
                        <th>{{i18n "product.nutritional.percentage"}}<br>{{i18n "product.nutritional.vrn"}}</th>
                    </tr>
                    {{#if additionalProductInfo.NUTRITIONAL_INFO}}
                        {{#each additionalProductInfo.NUTRITIONAL_INFO}}
                            <tr class="divisor">
                                <td>{{LINE_DESCRIPTION}}</td>
                                <td>{{AMOUNT_PER_100}}</td>
                                <td>{{AMOUNT_PER_UNIT}}</td>
                                <td>{{PERCENTAGE}}%</td>
                            </tr>
                        {{/each}}
                    {{/if}}
                </table>
                <p class="note_text">{{i18n "product.nutritional.adult"}}<br>{{i18n "product.nutritional.reference"}}</p>
                <p class="note_text">{{additionalProductInfo.NUTR_PACKAGE_CONTENT}}</p>
            </div>
            {{/if}}
            {{#if additionalProductInfo.ALLERGEN_INFO}}
                <div id="allergens" class="info_content">
                    <p class="info_text allergens">
                        <span class="image"></span>
                        <span class="info_title">{{i18n "product.allergen.question"}}</span>
                        <span class="info_subtitle">{{i18n "product.allergen.take.care"}}</span>
                        {{#each additionalProductInfo.ALLERGEN_INFO}}
                            {{this}}.<br>
                        {{/each}}
                    </p>
                </div>
            {{/if}}
            {{#if additionalProductInfo.HEALTH_INFO}}
                <div id="health" class="info_content">
                    <p class="info_text health">
                        <span class="image"></span>
                        <span class="info_title">{{i18n "product.health.care"}}</span>
                        <span class="info_subtitle">{{i18n "product.health.take.care"}}</span>
                        {{#each additionalProductInfo.HEALTH_INFO}}
                            {{this}}.<br>
                        {{/each}}
                    </p>
                </div>
            {{/if}}
            {{# if additionalProductInfo.MANUF_INFO}}
                <div id="manufacturer" class="info_content narrow">
                    <p class="info_text manufacturer">
                        {{#if additionalProductInfo.MANUF_IMAGE_URL}}
                            <img class="image_manufacturer" alt="{{additionalProductInfo.MANUF_NAME}}" src="{{additionalProductInfo.MANUF_IMAGE_URL}}" width="150" height="120">
                        {{/if}}
                        <span class="info_title">{{i18n "product.manufacturer.info"}}</span>
                        {{#if additionalProductInfo.MANUF_NAME}}
                            {{additionalProductInfo.MANUF_NAME}}<br>
                        {{/if}}
                        {{#if additionalProductInfo.MANUF_URL}}
                            {{additionalProductInfo.MANUF_URL}}<br>
                        {{/if}}
                        {{#if additionalProductInfo.MANUF_MAIL}}
                            {{additionalProductInfo.MANUF_MAIL}}<br>
                        {{/if}}
                        {{#if additionalProductInfo.MANUF_TEL}}
                            {{i18n "product.manufacturer.client"}} {{additionalProductInfo.MANUF_TEL}}<br>
                        {{/if}}
                        {{#if additionalProductInfo.MANUF_OFFICE_TEL}}
                            {{i18n "product.manufacturer.office"}} {{additionalProductInfo.MANUF_OFFICE_TEL}}
                        {{/if}}
                    </p>
                </div>
            {{/if}}
        </div>
    </div>
{{/if}}




<p name="pdp_share_sn" class="social_pdp">{{i18n "product.share.friend"}}
    <a class="social_button fb" target="_blank" title="{{i18n "product.facebook"}}" href="javascript:void(0)" onClick="javascript:fb_compartir('{{STORE_URL}}{{STORE_CONTEXT_ROOT}}{{friendlyURL}}');"></a>
    <a class="social_button tw" target="_blank" title="{{i18n "twitter.share"}} {{product_description}}" href="https://twitter.com/intent/tweet?via=condislife&url={{STORE_URL}}{{STORE_CONTEXT_ROOT}}{{friendlyURL}}&text={{i18n "twitter.like"}} {{product_description}} #Condisline"></a>
</p>


