{{#product}}
<div class="ficheMain prodContainer {{#isInCart}}inCart{{/isInCart}} addClassIfInCart" id="fiche_{{id}}" prId="{{id}}">
    <div class="myb" onclick="history.back()" style="position: absolute; top: 0px; right: 0px;"
         title="Fermer la fiche">&#10060;
    </div>

    <div class="prod_img_fiche">
        <img src="https://img.luxcaddy.lu/thumbs/{{{img}}}" alt="{{{Titre}}}">
        {{#promoIcon}}
        <div class="promoIcon">{{{promoIcon}}}</div>
        {{/promoIcon}}
    </div>


    <div class="ficheLabels">
        {{#noLivDays}}
        <div class="npliv" style="text-decoration: line-through;">{{.}}</div>
        <br>
        {{/noLivDays}}
        {{#livDays}}
        <div class="npliv">Livr.            {{.}} jours</div>
        <br>
        {{/livDays}}
        {{#expiresSoon}}
        <div class="exSoon">!! Date courte</div><br>
        {{/expiresSoon}}


        {{#vegan}}
        <img src="/images/labels/vegan.svg" title="Vegan" alt="Vegan"><br>
        {{/vegan}}
        {{#noGluten}}
        <img src="/images/labels/glutenfree.svg" title="Sans gluten" alt="Sans gluten"><br>
        {{/noGluten}}
        {{#isBio}}
        <img src="/images/labels/bio.svg" title="produit 'BIO'" alt="produit 'BIO'"><br>
        {{/isBio}}
        {{#isFreezed}}
        <img src="/images/labels/surgele.svg" title="surgelé" alt="surgelé"><br>
        {{/isFreezed}}
        {{#isUK}}
        <img src="/images/labels/uk.svg" title="UK Import" alt="UK Import"><br>
        {{/isUK}}


        {{#isTransfair}}
        <img src="/images/label_transfair.jpg" title="Transfair" title="Transfair"><br>
        {{/isTransfair}}

        {{#isTerroir}}
        <img src="/images/label_terroir.png" title="Produit du terroir" alt="Produit du terroir"><br>
        {{/isTerroir}}
        {{#isMarqueNationale}}
        <img src="/images/label_marque_nationale.png" title="Marque nationale" alt="Marque nationale"><br>
        {{/isMarqueNationale}}
        {{#isMadeInLux}}
        <img src="/images/label_madeinl.png" title="Made in Luxembourg" alt="Made in Luxembourg"><br>
        {{/isMadeInLux}}

    </div>
    <div style="position: absolute; top: 0px; left: 50px; width: 600px; font-size: 18px; color: #333;">
        <div class="ficheTitel">{{{Titre}}}</div>
        <div style="font-size: 15px; color: #666; width: 260px; margin-top: 10px;">
            {{{Subtitle}}}

            {{#isBio}}
            &nbsp;&nbsp; [&nbsp;LU-BIO-04&nbsp;]
            {{/isBio}}

        </div>
    </div>
    <div style="position: absolute; top: 120px; left: 50px; width: 260px; font-size: 18px; color: #333;">
        <div style="margin-bottom: 15px;">
            <span class="ficheMeta">
              Contenu                {{#contenuEgoutteStr}}
              &nbsp; / &nbsp; Poids egoutté                {{/contenuEgoutteStr}}
            </span><br>
            <div class="ficheHr"></div>
            {{contenuStr}}
            {{^grammage_fixe}}
            &nbsp;<img src="/images/icons/grammageVariable.gif" onclick="help(20)">
            {{/grammage_fixe}}

            {{#contenuEgoutteStr}}
            &nbsp; / &nbsp; {{{contenuEgoutteStr}}}
            {{/contenuEgoutteStr}}


        </div>
        {{#marque}}
        <div style="margin-bottom: 15px;">
            <span class="ficheMeta">Marque</span><br>
            <div class="ficheHr"></div>
            <a href="{{{brandLink}}}">{{{marque}}}</a>
        </div>
        {{/marque}}
        <div style="margin-bottom: 20px;">
            <span class="ficheMeta">Prix unitaire</span><br>
            <div class="ficheHr"></div>
            {{{uniteStr}}}
        </div>
        <table width="100%">
            <tr>
                <td class="fiche_prod_price">
                    {{#hasPromoPrice}}
                    <span class="prod_price_nopromo">{{pricettc_org}}&nbsp;&euro;</span>
                    <span class="prod_price_promo">{{pricettc}}&nbsp;&euro;</span>
                    {{/hasPromoPrice}}

                    {{^hasPromoPrice}}
                    {{pricettc}}&nbsp;&euro;
                    {{/hasPromoPrice}}
                </td>
            </tr>
        </table>

        {{#may_be_bought}}
        <table width="100%">
            <tr>
                <td>
                    <div class="fiche_adder_container">
                        <div class="npb_gfix">{{contenuInCart}}</div>
                        <div class="adder addClassIfInCart" prId="{{id}}"><input type="text" value="{{qteInCart}}">
                            <div class="b plus toCart" prId="{{id}}"><span>+</span></div>
                            <div class="b minus fromCart" prId="{{id}}"><span>&ndash;</span></div>
                        </div>
                    </div>
                </td>
                <td width="100%" class="ficheAddBut noSel toCart" prId="{{id}}">
                    AJOUTER AU PANIER                </td>
            </tr>
        </table>
        {{/may_be_bought}}

        {{^may_be_bought}}
        <table width="100%">
            <tr>
                <td style="background: #bbb; padding: 5px 10px;">

                    {{#deactivated}}
                        Désactivé ou hors saison.                    {{/deactivated}}
                    {{^deactivated}}
                        Stock épuisé                    {{/deactivated}}

                </td>
            </tr>
        </table>
        {{/may_be_bought}}


        <div style="border-top: 1px solid #ccc; margin-top: 7px; position: relative;">
        </div>

        <div class="ficheAlistBut toLists" prId="{{id}}">
            <div><span>&equiv;</span> &nbsp; Listes d'achats</div>
        </div>

    </div>


    <div style="margin-left: 50px; width: 600px; font-size: 16px; color: #333;">
        {{#Description}}
        <span class="ficheMeta">Description</span><br>
        <div class="ficheHr"></div>
        <span class="ficheDesc">{{{Description}}}</span>
        <br><br><br>
        {{/Description}}


        {{#openFood.ingredients}}
        <span class="ficheMeta">Ingrédients.*</span><br>
        <div class="ficheHr"></div>
        <span class="ficheDesc">{{{openFood.ingredients}}}</span>

        <div style="color: #aaa; font-size: 0.7em; margin-top: 8px;">
        *  Ces données sont fournies par 'OPEN FOOD FACTS' sous la license "Open Database License (ODbL)". Luxcaddy n'est pas responsable pour l'exactitude de ces données. Vérifiez toujours l'étiquette du produit avant consommation.
        </div>
        <br><br><br>
        {{/openFood.ingredients}}


        {{#openFood.hasNutriments}}
        <span class="ficheMeta">Description</span><br>
        <div class="ficheHr"></div>
        <span class="ficheDesc">
            {{#openFood.nutriments}}
                {{key}}: {{val}}<br>
            {{/openFood.nutriments}}

        </span>
        <br><br><br>
        {{/openFood.hasNutriments}}


        <span class="ficheMeta">Catégories:</span><br>
        <div class="ficheHr"></div>
        <div style="margin: 12px 0px 8px 10px;">
            {{#prodCategories}}
            {{#.}}
            &#10095; &nbsp;<a href="/category/{{id}}/{{{encodedName}}}" class="toCategory"
                              data-encodedname="{{{encodedName}}}" catId="{{id}}">{{{name}}}</a>
            {{/.}}
            <br>
            {{/prodCategories}}
        </div>
        <br><br>

        <span class="ficheMeta">Allergènes*</span><br>
        <div class="ficheHr"></div>
        <div style="margin: 20px 0px 14px 10px;">
            {{#allergenes}}
            <div class="allergenes"><img src="/images/icons/allergenes/{{{id}}}.svg">{{{txt}}}</div>
            {{/allergenes}}
            {{^allergenes}}
            Pas d'allergènes à signaler            {{/allergenes}}
        </div>
        <div style="font-size: 0.8em; color: #666;">
            *Vérifiez TOUJOURS les informations figurant sur les emballages des produits avant toute consommation. Les données et photographies sur cette page ne sont pas contractuelles.        </div>
        <br><br><br>

        {{#backLabelImg}}
        <span class="ficheMeta">Mesures de sécurité</span><br>
        <div class="ficheHr"></div>
        <div style="font-size: 0.8em; margin: 10px 0;">Utilisez les produits biocides avec précaution. Avant toute utilisation, lisez l'étiquette et les informations concernant le produit.</div>
        <div style="margin-top: 30px; background-image: url('{{{backLabelImg}}}'); background-position: center center; background-size: 100% auto; height: 200px; width: 200px; cursor: zoom-in; background-repeat: no-repeat;">
            <a href="{{{backLabelImgBig}}}" target="_blank" style="display: block; height: 100%; width: 100%; cursor: zoom-in;"></a>
        </div>
        <br><br><br>
        {{/backLabelImg}}


    </div>


</div>

{{/product}}