<input id="product_id" type="hidden" value="{{product_id}}">
<div class="top_container">
    <a class="back_button" title="{{i18n "mobile.return"}}" href="javascript:history.back();"></a>
</div>

<section class="product_container" itemscope itemtype="http://schema.org/Product">
    <span class="product_category">{{family_description}}</span>

    {{#if quantity}}
        <div class="product added" id="product_{{product_id}}" product_id="{{product_id}}">
    {{else}}
        <div class="product" id="product_{{product_id}}" product_id="{{product_id}}">
    {{/if}}


        {{#if mobile_promotion_media}}
            <img width="145" height="32" src="{{MEDIA_CONTENT_URL}}{{mobile_promotion_media}}" alt="{{long_promotion_text}}" class="promotion_image">
        {{/if}}

        <div class="product_row">
            <div class="product_data">
                <span class="name product_name" itemprop="name">{{additionalProductInfo.WINE_DESCRIPTION}}</span>
                <span class="data">{{i18n "mobile.wine.brand"}} <span itemprop="brand">{{additionalProductInfo.WINE_CONDIS_DESCRIPTION}}</span></span>

                <span style="font-family: 'Font2'; font-size: 87.5%; color: #706F6F;">{{pum}}</span>

                {{#if on_sale_price}}
                    <div class="product_price_container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                        <span class="product_previous_price"><span id="list_price_{{product_id}}"></span><span>{{i18n "mobile.commons.euro_symbol"}}</span></span>
                        <span class="product_price"><span itemprop="price" id="sale_price_{{product_id}}"></span><span class="currency">{{i18n "mobile.commons.euro_symbol"}}</span></span>
                        <script>
                            formatNumber('{{price}}', 'list_price_{{product_id}}');
                            formatNumber('{{on_sale_price}}', 'sale_price_{{product_id}}');
                        </script>
                    </div>
                {{else}}
                    <div class="product_price_container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                        <span class="product_price"><span itemprop="price" id="list_price_{{product_id}}"></span><span class="currency">{{i18n "mobile.commons.euro_symbol"}}</span></span>
                        <script>
                            formatNumber('{{price}}', 'list_price_{{product_id}}');
                        </script>
                    </div>
                {{/if}}
            </div>
            <a class="product_image_container" title="{{i18n "mobile.wine.image.enlarge"}}" href="javascript:enlargeImage('{{family_description}}', '{{product_description}}', '{{product_large_image}}', '{{MEDIA_CONTENT_URL}}')"">
                <img class="product_image" alt="{{product_description}}" data-original="{{MEDIA_CONTENT_URL}}/resize_210x210{{product_large_image}}" src="{{MEDIA_CONTENT_URL}}/resize_210x210{{product_large_image}}">
                <meta itemprop="image" content="{{MEDIA_CONTENT_URL}}/resize_210x210{{product_large_image}}">
                <span>{{i18n "mobile.wine.image.enlarge"}}</span>
            </a>
        </div>
        <div class="unit_container">
            <a class="substract_button" title="{{i18n "mobile.productTemplate.menos"}}" href="javascript:void(0);"></a>
            {{#if quantity}}
                <span class="quantity_container"  id="item_quantity_{{product_id}}"  title="{{i18n "mobile.product.changeUnits"}}">{{quantity}}</span>
            {{else}}
                {{#if ingredientUnits}}
                    <span class="quantity_container" id="item_quantity_{{product_id}}"   title="{{i18n "mobile.product.changeUnits"}}">{{ingredientUnits}}</span>
                {{else}}
                    <span class="quantity_container" id="item_quantity_{{product_id}}"   title="{{i18n "mobile.product.changeUnits"}}">0</span>
                {{/if}}
            {{/if}}
            <a class="add_button" title="{{i18n "mobile.productTemplate.mas"}}" href="javascript:void(0);"></a>
        </div>


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


            <span class="added_button"></span>
        </div>

                <p class="info_text">
                    {{#if additionalProductInfo.WINE_ZONE_IMAGE}}
                        <img class="do" alt="{{additionalProductInfo.WINE_ZONE}}" src="{{MEDIA_CONTENT_URL}}/resize_144x46{{additionalProductInfo.WINE_ZONE_IMAGE}}">
                    {{/if}}

                    {{#if additionalProductInfo.WINE_DESCRIPTION}}
                        {{i18n "mobile.wine.description"}} <span>{{additionalProductInfo.WINE_DESCRIPTION}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_ZONE}}
                        {{i18n "mobile.wine.zone"}} <span>{{additionalProductInfo.WINE_ZONE}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_ALCOHOL}}
                        {{i18n "mobile.wine.alcohol"}} <span>{{additionalProductInfo.WINE_ALCOHOL}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_TEMPERATURE}}
                        {{i18n "mobile.wine.temperature"}} <span>{{additionalProductInfo.WINE_TEMPERATURE}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_FORMAT}}
                        {{i18n "mobile.wine.format"}} <span>{{additionalProductInfo.WINE_FORMAT}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_GRAPES}}
                        {{i18n "mobile.wine.grapes"}} <span>{{additionalProductInfo.WINE_GRAPES}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_MONTHS_BARREL}}
                        {{i18n "mobile.wine.months.barrel"}} <span>{{additionalProductInfo.WINE_MONTHS_BARREL}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_MONTHS_BOTTLE}}
                        {{i18n "mobile.wine.months.bottle"}} <span>{{additionalProductInfo.WINE_MONTHS_BOTTLE}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_PUNCTUATION}}
                        {{i18n "mobile.wine.punctuation"}} <span>{{additionalProductInfo.WINE_PUNCTUATION}}</span><br><br>
                    {{/if}}

                    {{#if additionalProductInfo.WINE_MEALS}}
                        {{i18n "mobile.wine.pairings"}}<br>
                        {{#if additionalProductInfo.WINE_CUP}}
                            <span class="wine_pairing">
                                <img alt="{{additionalProductInfo.WINE_CUP.MEAL_HINT}}" src="{{MEDIA_CONTENT_URL}}/resize_37x35{{additionalProductInfo.WINE_CUP.MEAL_IMAGE}}" width="37" height="35">
                            </span>
                        {{/if}}

                        {{#if additionalProductInfo.WINE_MEALS}}
                            {{#each additionalProductInfo.WINE_MEALS}}
                                <span class="wine_pairing">
                                    <img alt="{{MEAL_HINT}}" src="{{MEDIA_CONTENT_URL}}/resize_37x35{{MEAL_IMAGE}}" width="37" height="35">
                                </span>
                            {{/each}}
                        {{/if}}
                    {{/if}}
                </p>
    </div>

</section>

{{#if additionalProductInfo.WINE_INFO}}
    <section class="info_container">
        <ul class="info_list">
            <li class="info">
                <a class="info_name" title="{{i18n "mobile.wine.winery.info"}}" href="javascript:void(0);">{{i18n "mobile.wine.winery.info"}}<span></span></a>
                <div class="info_content">
                    {{#if additionalProductInfo.WINE_ELABORATION}}
                        <p class="info_text"><span class="info_title">{{i18n "wine.elaboration"}}</span></p>
                        <p class="info_text">{{additionalProductInfo.WINE_ELABORATION}}</p>
                    {{/if}}
                    {{#if additionalProductInfo.TASTING_NOTES}}
                        <p class="info_text"><span class="info_title">{{i18n "wine.tastingNotes"}}</span></p>
                        <p class="info_text">{{additionalProductInfo.TASTING_NOTES}}</p>
                    {{/if}}
                </div>
            </li>
        </ul>
    </section>
{{/if}}



<aside class="button_seccion">
    <div class="social_buttons">
        <a class="social_button fb" target="_blank" title="{{i18n "mobile.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 "mobile.twitter.share"}} {{product_description}}" href="https://twitter.com/intent/tweet?via=condislife&url={{STORE_URL}}{{STORE_CONTEXT_ROOT}}{{friendlyURL}}&text={{i18n "mobile.twitter.like"}} {{product_description}} #Condisline"></a>
    </div>
</aside>
