<div id="product" dir="{$Product->getDir()}" data-log="view:product:{$Product->id}">
    <h1 id=title>{$Product->title} <span id="extratitle">{$Product->extratitle}</span></h1>
    {*    {if substr({$Product->collection_name},0,1) != "#"}<p id=collection><a*}
    {*                href="{$Product->getCollectionUrl()}">{$Page->translate('Collection')} {$Product->collection_name}</a>*}
    {*        </p>{/if}*}
    {if count($Product->getComments()) }
        {*                    <label class="product">{$Page->translate("Presentation de l'éditeur")}</label>*}
        <div class="comments">
            {foreach from=$Product->getComments() key=id item=c}
                <div class="comment">{$c.text}</div>
            {/foreach}
        </div>
    {/if}
    <br/>
    {include file=$localizer->getPath("tags.tpl") tags=$Product->getTags()}
    <br/>

    <div class="flex">
        <div class="left">
            {$Product->image(260,'','class="zoomable"')}
            {if $Product->pdfViewer()}
                <a id="pdfviewer" href="#" data-ref="{$Product->reference}" class="button">{$trad.ParcourirLivre}</a>
            {else}
                {if $Product->hasFlipping }
                    <a id="flipLink"
                       href="{$Page->compile('[flipping:url]')}/{$Page->page}"
                       class="button">{$trad.ParcourirLivre}</a>
                {/if}
            {/if}
        </div>
        <div class="right">
            <p id=reference><label class="product">{$trad.ref} :</label> {$Product->reference}
                &nbsp;
                <a class="like {if $Product->selected()}select{else}unselect{/if}"
                   data-like="product:{$Product->id}"></a>
            </p>
            <p id="description">{$Product->productDescription}</p>
            {include file=$localizer->getPath("product_price.tpl")}



            {if count($Product->translations)!=0}
                <p id="language"><label class="product">{$trad.strTranslate} :</label>
                    &nbsp;
                    {foreach from=$Product->translations key=url item=lang}
                        <a id="lang" href="{$url}">{$lang}</a>
                    {/foreach}</p>
            {/if}
        </div>
    </div>

    <div class="product_part">
        {$Product->getProductPart()}
    </div>

    {if $Product->hasAudio }
        <div class="product-audio">
            <label class="product">{$Page->translate("Extrait audio")}</label>
            <div id="audio">
                {$Product->getAudioTag()}
            </div>
        </div>
    {/if}
    {if $Product->hasVideo }
        <div class="product-video">
            <label class="product">{$Page->translate("Extrait vidéo")}</label>
            <div id="video">
                {$Product->getVideoTag()}
            </div>
        </div>
        >
    {/if}

    <div class="product-content">

        {if $Product->summary }
            <label class="product">{$trad.summary}</label>
            <div id=summary>{$Product->summary|nl2br}</div>
            <br/>
        {/if}
        {if $Product->contents!=''}
            <label class="product">{$trad.contents}</label>
            <div id=contents>{$Product->contents|nl2br}</div>
        {/if}
        </td>
    </div>


    {if $Product->digital }
        {include file=$localizer->getPath("product_chapters.tpl")}
    {/if}


    <div class="no-responsive">
        <label class="product">{$trad.acheteurachete}</label><br/><br/>
        <div>
            {$widget->get('productsList',"id=hList:type=hlist:select=recommended:ref={$Product->reference}:count=10:width=75")}
        </div>
    </div>
    <br/>


</div>