{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
* 
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{if !$priceDisplay || $priceDisplay == 2}
	{assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, $priceDisplayPrecision)}
	{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}
{elseif $priceDisplay == 1}
	{assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, $priceDisplayPrecision)}
	{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}
{/if}
{include file="$tpl_dir./product-js.tpl"} 
{include file="$tpl_dir./breadcrumb.tpl"} 

<div id="primary_block" class="clearfix borderGreen">
	{include file="$tpl_dir./errors.tpl"} 
	
	{if isset($confirmation) && $confirmation}
	<p class="confirmation">
		{$confirmation}
	</p>
	{/if}
	<h1>[{$product->name|escape:'htmlall':'UTF-8'}]</h1>

	<!-- right infos-->
	<div id="pb-right-column">
	<h2>{$product->description_short|strip_tags|escape:'htmlall':'UTF-8'}</h2>
		<!-- product img-->
		<div id="image-block">
		{if $have_image}
			<div class="flexslider">
			{*<span id="view_full_size">
				<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"{if $jqZoomEnabled} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
				<span class="span_link"><img src="{$img_dir}productLoupe.png" alt="Zoom" /></span>
			</span>*}
			<ul class="slides" id="view_full_size">
				{foreach from=$images item=image name=slides}
				{assign var=imageIds value="`$product->id`-`$image.id_image`"}
				<li >
					<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')}" rel="other-views" class="thickbox{if $smarty.foreach.slides.first} shown{/if}" title="{$image.legend|htmlspecialchars}">
						<img src="{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')}" alt="{$image.legend|htmlspecialchars}" height="{$largeSize.height}" width="{$largeSize.width}" />
					</a>
				</li>
				{/foreach}
			</ul>
			</div>
			<span class="span_link"><img src="{$img_dir}productLoupe.png" alt="Zoom" /></span>
		{else}
			<span id="view_full_size">
				<img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
				<span class="span_link"><img src="{$img_dir}productLoupe.png" alt="Zoom" /></span>
			</span>
		{/if}
		</div>
		{if isset($images) && count($images) > 0}
		<!-- thumbnails -->
		<div class="hidden">
			<ul id="views_block">
			{if isset($images)}
				{foreach from=$images item=image name=thumbnails}
				{assign var=imageIds value="`$product->id`-`$image.id_image`"}
				<li id="thumbnail_{$image.id_image}">
					<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')}" rel="other-views" class="thickbox{if $smarty.foreach.thumbnails.first} shown{/if}" title="{$image.legend|htmlspecialchars}">
						<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />
					</a>
				</li>
				{/foreach}
			{/if}
			</ul>
		</div>
		{/if}  
	</div>

	<!-- left infos-->
	<div id="pb-left-column"> 
		<!-- add to cart form-->
		<form id="buy_block" {if $PS_CATALOG_MODE AND !isset($groups) AND $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart')}" method="post">
			{if (!$allow_oosp && $product->quantity <= 0) OR !$product->available_for_order OR (isset($restricted_country_mode) AND $restricted_country_mode) OR $PS_CATALOG_MODE}{else}
				<p id="add_to_cart" class="buttons_bottom_block"> 
					<input type="submit" name="Submit" value="{l s='Add to cart'}" class="exclusive" />
				</p>
			{/if}
			
			<!-- quantity wanted -->
			<div id="quantity_wanted_p"> 
				<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />
				<a href="javascript:void(0)" class="more" title="+">&nbsp;</a>
				<a href="javascript:void(0)" class="less" title="-">&nbsp;</a>
			</div>
			{if $product->show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
				<div class="content_prices clearfix">
					<!-- prices --> 
						<p class="our_price_display">
						{if $priceDisplay >= 0 && $priceDisplay <= 2}
							<span id="our_price_display">{convertPrice price=$productPrice}</span> 
						{/if}
						</p>  
						{if $product->specificPrice AND $product->specificPrice.reduction && $product->specificPrice.reduction > 0}
							<p id="old_price">
							{if $priceDisplay >= 0 && $priceDisplay <= 2}
								{if $productPriceWithoutReduction > $productPrice}
									<span id="old_price_display">{convertPrice price=$productPriceWithoutReduction}</span> 
								{/if}
							{/if} 
							</p>
						{/if}   
					{if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}

				</div>
			{/if}

			<div class="floatRight">
				<a class="productFlecheVerte uppercase" href="#new_comment_form">{l s='Donnez-nous votre avis'}</a>
			</div>
			<div class="floatRight">
				<a class="productFlecheVerte uppercase" href="{$link->getPageLink('livredor.php')}">{l s='Lire le livre d\'or'}</a>
			</div>
			
			<div class="clear"></div>
			<div class="tiroirs">
				{if $product->contenu_tiroir_1}
					<div class="tiroir">
						<h3><span>{$product->tiroir_1}</span></h3>
						<div class="texte hidden">{$product->contenu_tiroir_1}</div>
					</div>
				{/if} 
				{if $product->contenu_tiroir_2}
					<div class="tiroir">
						<h3><span>{$product->tiroir_2}</span></h3>
						<div class="texte hidden">{$product->contenu_tiroir_2}</div>
					</div>
				{/if} 
				{if $product->contenu_tiroir_3}
					<div class="tiroir">
						<h3><span>{$product->tiroir_3}</span></h3>
						<div class="texte hidden">{$product->contenu_tiroir_3}</div>
					</div>
				{/if} 
				{if $product->contenu_tiroir_4}
					<div class="tiroir">
						<h3><span>{$product->tiroir_4}</span></h3>
						<div class="texte hidden">{$product->contenu_tiroir_4}</div>
					</div>
				{/if} 
				{if $product->contenu_tiroir_5}
					<div class="tiroir">
						<h3><span>{$product->tiroir_5}</span></h3>
						<div class="texte hidden">{$product->contenu_tiroir_5}</div>
					</div>
				{/if} 
				{if $product->contenu_tiroir_6}
					<div class="tiroir">
						<h3><span>{$product->tiroir_6}</span></h3>
						<div class="texte hidden">{$product->contenu_tiroir_6}</div>
					</div>
				{/if} 
			</div>
 

		
			<!-- hidden datas -->
			<div class="hidden">
				<input type="hidden" name="token" value="{$static_token}" />
				<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />
				<input type="hidden" name="add" value="1" />
				<input type="hidden" name="id_product_attribute" id="idCombination" value="" /> 
			</div>

			
			<!-- minimal quantity wanted -->
			<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
				{l s='This product is not sold individually. You must select at least'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s='quantity for this product.'}
			</p>
			{if $product->minimal_quantity > 1}
			<script type="text/javascript">
				checkMinimalQuantity();
			</script>
			{/if}

			<!-- availability -->
			<p id="availability_statut"{if $product->quantity > 0 || ($product->quantity <= 0 && !$product->available_later && $allow_oosp) OR ($product->quantity > 0 && !$product->available_now) OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
				<span id="availability_label">{l s='Availability:'}</span>
				<span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}>{if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}</span>				
			</p>
			<p id="availability_date"{if ($product->quantity > 0) OR !$product->available_for_order OR $PS_CATALOG_MODE OR !isset($product->available_date) OR $product->available_date < $smarty.now|date_format:'%Y-%m-%d'} style="display: none;"{/if}>
				<span id="availability_date_label">{l s='Availability date:'}</span>
				<span id="availability_date_value">{dateFormat date=$product->available_date full=false}</span>
			</p> 

			<!-- Out of stock hook -->
			<div id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>
				{$HOOK_PRODUCT_OOS}
			</div>
 
		</form> 
		{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}
	</div>

{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}
<!-- quantity discount -->
<ul class="idTabs clearfix">
	<li><a href="#discount" style="cursor: pointer" class="selected">{l s='Sliding scale pricing'}</a></li>
</ul>
<div id="quantityDiscount">
	<table class="std">
        <thead>
            <tr>
                <th>{l s='Product'}</th>
                <th>{l s='From (qty)'}</th>
                <th>{l s='Discount'}</th>
            </tr>
        </thead>
		<tbody>
            {foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}
            <tr id="quantityDiscount_{$quantity_discount.id_product_attribute}">
                <td>
                    {if (isset($quantity_discount.attributes) && ($quantity_discount.attributes))}
                        {$product->getProductName($quantity_discount.id_product, $quantity_discount.id_product_attribute)}
                    {else}
                        {$product->getProductName($quantity_discount.id_product)}
                    {/if}
                </td>
                <td>{$quantity_discount.quantity|intval}</td>
                <td>
                    {if $quantity_discount.price >= 0 OR $quantity_discount.reduction_type == 'amount'}
                       -{convertPrice price=$quantity_discount.real_value|floatval}
                   {else}
                       -{$quantity_discount.real_value|floatval}%
                   {/if}
                </td>
            </tr>
            {/foreach}
        </tbody>
	</table>
</div>
{/if}
{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}

<!-- description and features -->
	{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
	<div id="more_info_block" class="clear "> 
		<div id="more_info_sheets" class="sheets align_justify">  
		{if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}
		</div>
	</div>
	{/if}  
</div>
<div class="rightCol">
	{if $product->video_1!=""}
	<div style="margin-bottom:20px;z-index:1;position:relative"><h5 class="uppercase">{l s='La créatrice en parle'}</h5>{$product->video_1}<div class="clear"></div></div>
	{/if}
	{if isset($accessories) && $accessories}
		<h5 class="clear uppercase">{l s='Vous aimerez aussi'}</h5> 
		<div id="accessoires">
			<div id="slides">
				<ul id="slides_frame">
				{foreach from=$accessories item=accessoire}
					<li class="item">
					<a href="{$accessoire.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$accessoire.name|escape:'htmlall':'UTF-8'}">
						<img src="{$link->getImageLink($accessoire.link_rewrite, $accessoire.id_image, 'home_default')}" alt="{$accessoire.legend|escape:'htmlall':'UTF-8'}"  style="width:79px"/>
					</a>
					</li>
				{/foreach}
				</ul>
			</div> 
			<div class="clear"></div>
			<span id="scroll_left"><img src="{$img_dir}scroll_left.png" alt=">" /></span> 
			<span id="scroll_right"><img src="{$img_dir}scroll_right.png" alt=">" /></span>
		</div>
		
	{/if} 
	<div class="blocRight clear">
		<h5 class="uppercase"><span>{l s='Les services garancia'}</span></h5>
		

		<ul class="liens">
			<li><a href="{$link->getCMSLink(6,'les-services-garancia')}#paiement_securise">{l s='Paiement sécurisé'}</a></li>
			
			<li><a href="{$link->getCMSLink(6,'les-services-garancia')}#retours_gratuits">{l s='Retours gratuits'}</a></li>
			<li><a href="{$link->getCMSLink(6,'les-services-garancia')}#echantillons_offerts">{l s='Échantillons offerts'}</a></li>
			<li><a href="{$link->getCMSLink(6,'les-services-garancia')}#emballage_cadeaux_offert">{l s='Emballage cadeau offert dès 60 €'}</a></li>
			
			<li><a href="{$link->getCMSLink(6,'les-services-garancia')}#frais_de_ports_gratuits">{l s='Frais de port gratuits dès 60 €'}</a></li>
			<li><a href="{$link->getCMSLink(6,'les-services-garancia')}#frais_de_ports_gratuits">{l s='Frais de port gratuits en Europe dès 100 €'}</a></li>
			<li><a href="{$link->getCMSLink(6,'les-services-garancia')}#frais_de_ports_gratuits">{l s='Frais de port gratuits à l’international dès 125 €'}</a></li>
		</ul><div class="clear"></div>
	</div>    
	{if $product->video_2!=""}<div style="margin-bottom:20px;z-index:1;position:relative;clear:both;"><h5 class="uppercase">{l s='Vu à la télé'}</h5>{$product->video_2}<div class="clear"></div></div>{/if}
</div>