{*
* 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
*}

<script type="text/javascript" src="{$js_dir}modules/blockcart/ajax-cart-mobile.js"></script>
<link href="{$css_dir}modules/productcomments/productcomments.css" rel="stylesheet" type="text/css" media="all" />
<link href="{$css_dir}product.css" rel="stylesheet" type="text/css" media="all" />
{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./breadcrumb.tpl"} 



{include file='./product-js.tpl'}
<div id="center_column">
<div data-role="content" id="content" class="product">
	
<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 class="floatRight">
		<a class="productFlecheVerte uppercase" href="{$link->getPageLink('livredor.php')}">{l s='Lire le livre d\'or'}</a>
	</div>
	<h2 style="float:left;width:340px;">{$product->description_short|strip_tags|escape:'htmlall':'UTF-8'}</h2>
	<div class="clear"></div>
	
	
	<div class="view_product">
		{if isset($images) && count($images) > 0}
		<!-- thumbnails -->
		<div data-role="header" class="ui-bar-a list_view">
			{assign var=image_cover value=$product->getCover($product->id)}
			{assign var=imageIds value="`$product->id`-`$image_cover.id_image`"}
			<div id="image-block">
			<span id="view_full_size">
				<img id="bigpic" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')}" alt="{$product->name|escape:'htmlall':'UTF-8'}" />
				<span class="span_link"><img src="{$img_dir}productLoupeMobile.png" alt="Zoom" /></span>
			</span>
			</div>
			<div class="thumbs_list hidden">
				<ul id="gallery" class="thumbs_list_frame clearfix">
				{foreach from=$images item=image name=thumbnails}
					{assign var=imageIds value="`$product->id`-`$image.id_image`"}
					<li id="thumbnail_{$image.id_image}">
						<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}" data-large="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')}" />
					</li>
				{/foreach}
				</ul>
			</div>
		</div>
		{/if}
	</div>  

	<!-- left infos-->
	<div class="clear">
		<!-- add to cart form-->
		<form id="buy_block" class="std{if $PS_CATALOG_MODE AND !isset($groups) AND $product->quantity > 0} 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}
				<div id="add_to_cart" class="submit fleche_off"> 
					<input type="submit" name="Submit" value="{l s='Add to cart'}" class="exclusive" />
				</div>
			{/if}
			
			<!-- quantity wanted -->
			<div id="quantity_wanted_p"> 
				<input type="text" name="qty" id="quantity_wanted" 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="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>  
		</form>  
	</div>

	
<!-- 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 isset($accessories) && $accessories}
		<h5 class="clear uppercase" style="margin:0">{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}
	{if $product->video_1!=""}
	<div class="clear rightCol">
		<div class="blocRight">
			<h5 style="margin:0">{l s='La créatrice en parle'}</h5>
			{$product->video_1}
		</div>
	</div>
	{/if}
	
	{if $product->video_2!=""}	
	<div class="clear rightCol">
		<div class="blocRight">
			<h5 style="margin:0">{l s='Vu à la télé'}</h5>{$product->video_2}
		</div>
	</div>
	{/if}<div class="clear rightCol">
		<div class="blocRight">
			<h5 class="uppercase" style="margin:0"><span>{l s='Les services garancia'}</span></h5>
			<ul class="liens">
				<li><a href="{$link->getCMSLink(6,'les-services-garancia')}?id_p=paiement_securise" style="line-height:20px">{l s='Paiement sécurisé'}</a></li>
				<li><a href="{$link->getCMSLink(6,'les-services-garancia')}?id_p=retours_gratuits" style="line-height:20px">{l s='Retours gratuits'}</a></li>
				<li><a href="{$link->getCMSLink(6,'les-services-garancia')}?id_p=echantillons_offerts" style="line-height:20px">{l s='Échantillons offerts'}</a></li>
				<li><a href="{$link->getCMSLink(6,'les-services-garancia')}?id_p=frais_de_ports_gratuits" style="line-height:20px">{l s='Frais de port gratuits dès 60 euros'}</a></li>
				<li><a href="{$link->getCMSLink(6,'les-services-garancia')}?id_p=emballage_cadeaux_offert" style="line-height:20px">{l s='Emballage cadeaux offert dès 60 euros'}</a></li>
			</ul>
		</div>   
	</div> 
	
</div>
</div>