{extends file="layout.tpl"}

{block name="no-return-functions" prepend}
    {set_previous_url ignore_current="1"}
{/block}
{block name="init"}
    {$errorStock = "FALSE"}
    {$cacheCart = 1}
{/block}

{* Body Class *}
{block name="body-class"}page-cart{/block}

{* Breadcrumb *}
{block name='no-return-functions' append}
    {$breadcrumbs = [
        ['title' => {intl l="Cart"}, 'url'=>{url path="/cart"}]
    ]}
{/block}

{block name="main-content"}
    <div class="main container mt-6 pt-5 lastblock">
{$discount={order attr="discount"}}
    <div class="container">
    <div class="text-left-mobile">
        <article id="cart" class="col-main" role="main" aria-labelledby="main-label">
            <h1 class="h1 affiche-desktop ">{intl l="Mon panier"}</h1>
            
            {ifloop rel="cartloop"}

            <div id="errorStock" class="alert alert-warning" style="display:none;">{intl l="We apologize but some of the ordered products are not available any more."}</div>
            {hook name="cart.top"}

            <div class="table-responsive px-3 d-none d-md-block">
                <table class="table table-cart ">
                    <colgroup>
                        <col width="125">
                        <col width="200">
                        <col width="250">
                        <col width="125">
                    </colgroup>
                    <thead>
                    <tr>
                        <th class="image">{intl l="Items"}</th>
                        <th class="product">&nbsp;</th>
                        <th class="qty text-center">
                            {intl l="Quantity"}
                        </th>
                        <th class="subprice text-end">
                            <span>{intl l="Total"}</span>
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                        {loop type="cart" name="cartloop"}
                        <tr id="cart_item_id_{$ITEM_ID}">
                            <td class="image align-middle">
                                <a href="{$PRODUCT_URL nofilter}" class="thumbnail">
                                {assign var="product_image_url" value=null}
                                {ifloop rel="pse-first-image"}
                                    {loop type="product-sale-elements-image" name="pse-first-image" product_sale_elements_id=$PRODUCT_SALE_ELEMENTS_ID limit="1"}
                                        {loop type="image" name="product-image" id=$PRODUCT_IMAGE_ID product=$PRODUCT_ID limit="1" width="240" height="240" force_return="true"}
                                            {assign var="product_image_url" value=$IMAGE_URL}
                                        {/loop}
                                    {/loop}
                                {/ifloop}
                                {elseloop rel="pse-first-image"}
                                    {loop type="image" name="product-image" product=$PRODUCT_ID limit="1" width="240" height="240" force_return="true"}
                                        {assign var="product_image_url" value=$IMAGE_URL}
                                    {/loop}
                                {/elseloop}
                                {if $product_image_url}
                                    <img itemprop="image" src="{$product_image_url nofilter}" alt="Product #{$LOOP_COUNT}" width="128">
                                {/if}
                                </a>
                            </td>
                            <td class="product align-middle pl-3" >
                                {$titleCat=''}
								{$pointRouge=''}
                                {loop type="product" id=$PRODUCT_ID name="infoProd" }
									{$templateId=$TEMPLATE}
                                    {loop type="category" id=$DEFAULT_CATEGORY name="infoCat" }
                                        {$titleCat=$TITLE}
                                    {/loop}
								{loop type="feature_value" feature="7" product=$PRODUCT_ID name="articlesPointsRouge"}{if $TITLE}{loop type="feature" id=7 name="pr"}{$pointRouge="<br>{$TITLE}"}{/loop}{/if}
								{/loop}
                                {/loop}
                                {$taille=''}
								{$afficheInitFeature=false}
								{$afficheInitQuantity=false}
								{loop type="feature_value" feature="15" product=$PRODUCT_ID name="initiales2"}{if $TITLE}{$afficheInitFeature=true}{/if}{/loop}
                                
                                {loop type="attribute_combination" name="product_options" attribute_id="1" product_sale_elements="$PRODUCT_SALE_ELEMENTS_ID" order="manual_reverse"}
                                            
                                        {if $ATTRIBUTE_ID == 1}
                                           {$taille = "{$ATTRIBUTE_TITLE} : {$ATTRIBUTE_AVAILABILITY_TITLE}"} 
                                        {/if}
                                    
								{/loop}
                                
                                <a href="{$PRODUCT_URL nofilter}" title="{$TITLE}" class="font-weight-bold">{$TITLE}</a>
                                <div class="product-options">
                                    <dl class="dl-horizontal">
                                        <dt class="stockView{* text-lowercase*}">
											
											{loop type="product_sale_elements" name="ref" id=$PRODUCT_SALE_ELEMENTS_ID}
                                            {if $QUANTITY <= 0}{$afficheInitQuantity=true}{/if}
                                        	{/loop}
											
                                        	{$taille}
											{$pointRouge nofilter}
                                    </dl>
											
								{loop type="associated_content" product=$PRODUCT_ID folder=88 name="infotaille"}
								<div class="text-danger small">{$DESCRIPTION nofilter}</div>
							  	{/loop}
									
										{loop type="giftvoucher-cartitem" name="giftvoucher-cartitem" cart_item_id="{$ITEM_ID}"}
											{intl l="Offert à "} {$TO}<br>
											{intl l="De la part de "} {$FROM}
										{/loop}		
                                </div>
                            </td>
                            {if $IS_PROMO == 1}
                                {assign "real_price" $PROMO_TAXED_PRICE}
                                {assign "real_total_price" $TOTAL_PROMO_TAXED_PRICE}
                            {else}
                                {assign "real_price" $TAXED_PRICE}
                                {assign "real_total_price" $TOTAL_TAXED_PRICE}
                            {/if}
                            <td class="qty align-middle text-center">
                                <div class="form-group group-qty">
                                    <form action="{token_url path="/cart/update"}" class="form d-inline" method="post">
                                        <input type="hidden" name="success_url" value="{url path='/cart'}">
                                        <input type="hidden" name="cart_item" value="{$ITEM_ID}">
                                        <input type="hidden" name="quantity" value="{$QUANTITY-1}" min="0" max="{$STOCK}">
                                        
                                        {if ($QUANTITY-1) <= 0 || $STOCK <= 0}
                                            <a href="{token_url path="/cart/delete/%item_id" item_id=$ITEM_ID success_url={url path='/cart'}}" title="{intl l="Update Quantity"}" class="btn btn-update-qt">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="14" width="14">
                                                    <path stroke="black" stroke-width="0.5" d="m 3 7 l 8 0"></path>
                                                </svg>
                                            </a>
                                        {else}
                                            <button type="submit" title="{intl l="Update Quantity"}" class="btn btn-update-qt">
                                                <svg xmlns="http://www.w3.org/2000/svg" height="14" width="14">
                                                    <path stroke="black" stroke-width="0.5" d="m 3 7 l 8 0"></path>
                                                </svg>
                                            </button>
                                        {/if}
                                    </form>
                                    <span class="cart-qt-prod">
                                        {$QUANTITY}
                                    </span>
                                    {if $QUANTITY < $STOCK}
                                    <form action="{token_url path="/cart/update"}" class="form d-inline" method="post">
                                        <input type="hidden" name="success_url" value="{url path='/cart'}">
                                        <input type="hidden" name="cart_item" value="{$ITEM_ID}">
                                        <input type="hidden" name="quantity" value="{$QUANTITY+1}" min="0" max="{$STOCK}">
                                        <button type="submit" title="{intl l="Update Quantity"}" class="btn btn-update-qt">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14">
                                                <path stroke="black" stroke-width="0.5" d="m 3 7 l 8 0 z M 7 3 l 0 8"></path>
                                            </svg>
                                        </button>
                                    </form>
                                {/if}
                                </div>
                            </td>
                            <td class="subprice text-end align-middle">
                                <span class="price font-weight-bold">{{format_money number=$real_total_price symbol=''}|replace:',00':''}</span> {currency attr="symbol"}
                            </td>
                        </tr>
                        {/loop}
                    </tbody>
					
					{assign var="postageAmount" value={order attr="postage"} }
					{postage exclude_module_id_list='42'}
						{assign var="postageAmount" value={$postage} }
					{/postage}
					{$postageOffre=false}
					
					{if $postageOffre}
						{assign var="postage" value=0 }
						{assign var="postageAmount" value=0 }
					{else}

					{/if}

					
                    <tfoot>
                        <tr>
                            <td colspan="2"></td>
                            <td class="resume-order" colspan="2">
								{assign var="postage" value=0 }
								{assign var="postageAmount" value=0 }
								<dl class="row">
								{if $discount*1}
									<dt class="col-7 text-end">{intl l="Discount"}</dt><dd class="col-5 text-end"><strong>{{format_money number=$discount symbol=''}|replace:',00':''}</strong> {currency attr="symbol"}</dd>
								{/if}
									<dt class="col-7 font-weight-normal text-end">{intl l="Total incl. taxes"} {intl l="hors frais de port"}</dt><dd class="col-5 text-end total">{assign var="totalAmount" value={cart attr='total_taxed_price'} + $postageAmount }
									<span class="price font-weight-bold">{{format_money number=$totalAmount symbol=''}|replace:',00':''}</span> {currency attr="symbol"}</dd>
								</dl>
                            </td>
                        </tr>
                      
						<tr>
							<td colspan="2"><a href="{navigate to="index"}" role="button" class="btn btn-white font-weight-normal">{intl l="Continuer mon shopping"}</a></td>
							<th colspan="2" class="px-0 text-end"><a href="{url path="/order/delivery"}" class="btn btn-gmp  font-weight-normal">{intl l="Confirmer mon panier"}</a></th>
						</tr>
                    </tfoot>
                </table>
            
            </div>
            
            <div class="cart-mobile d-md-none d-block">
                <div class="table-responsive">
                    <table class="table table-cart">
						<colgroup>
							<col width="136">
							<col width="40">
							<col>
						</colgroup>
                        <tbody>
                            {assign "total_price" 0}
                            {loop type="cart" name="cartloop"}
                            <tr>
                                <td class="image text-center align-middle">
                                    {ifloop rel="pse-first-image"}
                                        {loop type="product-sale-elements-image" name="pse-first-image" product_sale_elements_id=$PRODUCT_SALE_ELEMENTS_ID limit="1"}
                                            {loop type="image" name="product-image" id=$PRODUCT_IMAGE_ID product=$PRODUCT_ID limit="1" width="200" height="260"  resize_mode="borders"}
                                                {assign var="product_image_url" value=$IMAGE_URL}
                                                <img src="{$IMAGE_URL nofilter}" alt="{$TITLE}" class="img-fluid" width="100">
                                            {/loop}
                                        {/loop}
                                    {/ifloop}
                                    {elseloop rel="pse-first-image"}
                                        {loop type="image" name="product-image" product=$PRODUCT_ID limit="1" width="200" height="260"  resize_mode="borders"}
                                            <img src="{$IMAGE_URL nofilter}" alt="{$TITLE}" class="img-fluid" width="100">
                                        {/loop}
                                    {/elseloop}
                                </td>
                                <td class="product align-middle" colspan="2">
										<strong>{$TITLE}</strong>

                                        {if $IS_PROMO == 1}
                                            {assign "real_price" $PROMO_TAXED_PRICE}
                                            {assign "real_total_price" $TOTAL_PROMO_TAXED_PRICE}
                                        {else}
                                            {assign "real_price" $TAXED_PRICE}
                                            {assign "real_total_price" $TOTAL_TAXED_PRICE}
                                        {/if}
										<br>
                                        <strong class="price">{{format_money number=$real_price symbol=''}|replace:',00':''}</strong>{currency attr="symbol"}
                                        {assign "total_price" $total_price + $real_total_price}
                                        <br>
                                        {loop type="attribute_combination" name="product_options" product_sale_elements="$PRODUCT_SALE_ELEMENTS_ID" order="manual"}
                                            {$ATTRIBUTE_TITLE} : {$ATTRIBUTE_AVAILABILITY_TITLE}<br>
                                        {/loop}

                                    
                                        <br>
                                        {intl l="Quantité"} : <span class="qty">{$QUANTITY}</span>

                                        <form action="{token_url path="/cart/update"}" class="d-inline ml-3" method="post">
                                            <input type="hidden" name="success_url" value="{url path='/cart'}">
                                            <input type="hidden" name="cart_item" value="{$ITEM_ID}">
                                            <input name="quantity" class="form-control" type="hidden" min="0" max="{$STOCK}" value="{$QUANTITY-1}">
                                            {if ($QUANTITY-1) <= 0}
                                                <a href="{token_url path="/cart/delete/%item_id" item_id=$ITEM_ID success_url={url path='/cart'}}" title="{intl l="Update Quantity"}" class="btn btn-update-qt"><i class="fal fa-minus"></i></a>
                                            {else}
                                                <button type="submit" title="{intl l="Update Quantity"}" class="btn btn-update-qt"><i class="fal fa-minus"></i></button>
                                            {/if}

                                        </form>
                                        <form action="{token_url path="/cart/update"}" class="d-inline ml-3" method="post">
                                            <input type="hidden" name="success_url" value="{url path='/cart'}">
                                            <input type="hidden" name="cart_item" value="{$ITEM_ID}">
                                            <input name="quantity" class="form-control" type="hidden" min="1" max="{$STOCK}" value="{$QUANTITY+1}">
                                            <button type="submit" title="{intl l="Update Quantity"}" class="btn btn-update-qt"><i class="fal fa-plus"></i></button>
                                        </form>

                                </td>

                            </tr>
					
								{loop type="associated_content" product=$PRODUCT_ID folder=88 name="infotaille"}
								<tr class="border-0">
									<td colspan="3 p-0 border-0" style="padding: 0 !important;">
										<div class="text-danger small" style="padding: 0 1rem; ">{$DESCRIPTION nofilter}</div>
									</td>
								</tr>
							  	{/loop}
					
                            {/loop}
                        </tbody>
                        <tfoot>
                            
                        {$discount={order attr="discount"}}
                        {if $discount*1}
                            <tr>
                                <th colspan="2">{intl l="Discount"}</th>
                                <td class="text-end"><strong>{{format_money number=$discount symbol=''}|replace:',00':''}</strong> {currency attr="symbol"}</td>
                            </tr>
                        {/if}
                        <tr>

                            <th class="total" colspan="2">{intl l="Total incl. taxes"}{* <br>
                            {intl l="Taxes de %tva incluse" tva={format_money number={{cart attr="total_taxed_price"} - {cart attr="total_price"} + {order attr="postage_tax"}}}} *}
                            </th>
                            <td class="total text-end total-order">
                                    {assign var="totalAmount" value={cart attr='total_taxed_price'} + $postageAmount }
                                    <span class="price font-weight-bold">{{format_money number=$totalAmount symbol=''}|replace:',00':''}</span> {currency attr="symbol"}
                            </td>
                        </tr>
                        </tfoot>
                    </table> 
                </div>
                <div class="px-4">
                    <a href="{url path="/order/delivery"}" class="btn btn-gmp hm-57 col-12 mx-0 font-weight-normal">{intl l="Confirmer mon panier"}</a>
                    <a href="{navigate to="index"}" role="button" class="btn hm-57 col-12 mx-0 font-weight-normal btn-white">{intl l="Continue Shopping"}</a>
                </div>
            </div>
            {/ifloop}
            {elseloop rel="cartloop"}
            <div class="text-center text-center-mobile-force">
                <span>{intl l="Votre panier est actuellement vide."}</span>
        
                <p class="mt-5 font-size-medium"><a href="{url path="/"}" title="{intl l="Accueil"}" class="btn btn-gmp"><strong><i class="fal fa-arrow-left mr-4"></i>{intl l="Continuer le shopping"}</strong></a></p>
            </div>
            {/elseloop}

            {hook name="cart.bottom"}

        </article>

    </div>
    </div>		
		

        {ifloop rel="product_upsell"}
            <aside id="products-upsell" class="grid" role="complementary" aria-labelledby="products-upsell-label">
                <div class="products-heading">
                    <h3 id="products-upsell-label">{intl l="Upsell Products"}</h3>
                </div>

                <div class="products-content">
                    <ul class="products-grid list-unstyled row">
                        {loop name="product_upsell" type="product" promo="yes" limit="5"}
                            {include file="includes/single-product.html" colClass="col-md-2" product_id=$ID hasBtn=false hasDescription=true width="218" height="146"}
                        {/loop}
                    </ul>
                </div>
            </aside><!-- #products-upsell -->
        {/ifloop}

    </div>
{/block}

{block name="after-javascript-include"}
<script>
    $(document).ready(function(){
        $("select[name=quantity]").change(function(){
            $(this).parents('form').submit();
        });
        $("input[name=quantity]").change(function(){
            $(this).parents('form').submit();
        });
        $(".btn-change-country").click(function(e){
            e.preventDefault();
            var $form = $(this).parents('form');
            $form.submit();
        })
        {if $errorStock=="TRUE"}
          $("#errorStock").show();
        {/if}
    });
</script>
{hook name="cart.after-javascript-include"}
{/block}

{block name="stylesheet"}
{hook name="cart.stylesheet"}
{/block}

{block name="javascript-initialization"}
{hook name="cart.javascript-initialization"}
{/block}