{*
    * We offer the best and most useful modules PrestaShop and modifications for your online store.
    *
    * We are experts and professionals in PrestaShop
    *
    * @author    PresTeamShop.com <support@presteamshop.com>
    * @copyright 2011-2017 PresTeamShop
    * @license   see file: LICENSE.txt
    * @category  PrestaShop
    * @category  Module
*}

{block name='step_review'}

    {if $CONFIGS.OPC_SHOW_REMAINING_FREE_SHIPPING}
        {if $total_shipping_tax_exc > 0 && !isset($virtualCart) && $free_ship > 0}
            <div id="remaining_amount_free_shipping" class="alert alert-info text-center">
                {l s='Remaining amount to be added to your cart in order to obtain free shipping' mod='onepagecheckoutps'}:
                <span id="free_shipping"><b>{$free_ship}</b></span>
            </div>
        {/if}
    {/if}

    <div id="header-order-detail-content" class="row hidden-md-down">
        <div class="col-md-{if $CONFIGS.OPC_SHOW_UNIT_PRICE}4{else}6{/if} offset-xs-1 offset-1">
            {l s='Description' mod='onepagecheckoutps'}
        </div>
        {if $CONFIGS.OPC_SHOW_UNIT_PRICE}
            <div class="col-md-3 text-md-center">
                {l s='Unit price' mod='onepagecheckoutps'}
            </div>
        {/if}
        <div class="col-md-2 text-md-center">
            {l s='Qty' mod='onepagecheckoutps'}
        </div>
        <div class="col-md-2 text-md-right">
            {l s='Total' mod='onepagecheckoutps'}
        </div>
    </div>
    <div id="order-detail-content" class="cart-detailed-totals">
        {foreach from=$cart.products|@sortby:'name' item=product}
            {assign var='productId' value=$product.id_product}
            {assign var='productAttributeId' value=$product.id_product_attribute}
            {assign var='quantityDisplayed' value=0}
            {assign var='odd' value=$product@iteration%2}
            {assign var='ignoreProductLast' value=isset($customizedDatas.$productId.$productAttributeId) or count($gift_products)}

            {include file="./review_product_line.tpl" CONFIGS=$CONFIGS productLast=$product@last productFirst=$product@first}
        {/foreach}

        {foreach from=$gift_products|@sortby:'name' item=product}
            {assign var='productId' value=$product.id_product}
            {assign var='productAttributeId' value=$product.id_product_attribute}
            {assign var='quantityDisplayed' value=0}
            {assign var='odd' value=($product@iteration+$last_was_odd)%2}
            {assign var='ignoreProductLast' value=isset($customizedDatas.$productId.$productAttributeId)}
            {assign var='cannotModify' value=1}
            {include file="./review_product_line.tpl" productLast=$product@last productFirst=$product@first}
        {/foreach}

        <div class="order_total_items" style="display: flex; flex-direction: column;">
            {if $cart.vouchers.added}
                {foreach from=$cart.vouchers.added item=voucher}
                    <div class="row middle item_total cart_discount" id="cart_discount_{$voucher.id_cart_rule}">
                        <div class="col-xs-8 col-8 col-lg-9 text-md-right">
                            <span class="cart_discount_name text-md-right">
                                {$voucher.name}:
                            </span>
                        </div>
                        <div class="col-xs-4 col-4 col-lg-3 cart_discount_price">
                            <span class="price-discount price">
                                <i class="fa-pts fa-pts-trash-o cart_quantity_delete pull-left" data-id-cart-rule="{$voucher.id_cart_rule}"></i>
                                {$voucher.reduction_formatted}
                            </span>
                        </div>
                    </div>
                {/foreach}
            {/if}
            {if $CONFIGS.OPC_SHOW_TOTAL_PRODUCT && $cart.subtotals.products}
                <div class="row middle item_total cart_total_price cart_total_product">
                    <div class="col-xs-8 col-8 col-md-10">
                        <span class="text-md-right">
                            {$cart.subtotals.products.label}:
                        </span>
                    </div>
                    <div class="col-xs-4 col-4 col-md-2">
                        <span class="price" id="total_product">
                            {$cart.subtotals.products.value}
                        </span>
                    </div>
                </div>
            {/if}
            {if $CONFIGS.OPC_SHOW_TOTAL_DISCOUNT && $cart.subtotals.discounts}
                <div class="row middle item_total cart_total_voucher {if $total_discounts eq 0}hidden{/if}">
                    <div class="col-xs-8 col-8 col-md-10">
                        <span class="text-md-right">
                            {$cart.subtotals.discounts.label}:
                        </span>
                    </div>
                    <div class="col-xs-4 col-4 col-md-2">
                        <span class="price-discount price" id="total_discount">
                            {$cart.subtotals.discounts.value}
                        </span>
                    </div>
                </div>
            {/if}
            {if $CONFIGS.OPC_SHOW_TOTAL_SHIPPING && $cart.subtotals.shipping}
                <div class="row middle item_total cart_total_delivery">
                    <div class="col-xs-8 col-8 col-md-10">
                        <span class="text-md-right">
                            {$cart.subtotals.shipping.label}:
                        </span>
                    </div>
                    <div class="col-xs-4 col-4 col-md-2">
                        <span class="price" id="total_shipping">
                            {$cart.subtotals.shipping.value}
                        </span>
                    </div>
                </div>
            {/if}
            {if $CONFIGS.OPC_SHOW_TOTAL_TAX && $cart.subtotals.tax}
                <div class="row middle item_total cart_total_tax">
                    <div class="col-xs-8 col-8 col-md-10">
                        <span class="text-md-right">
                            {$cart.subtotals.tax.label}:
                        </span>
                    </div>
                    <div class="col-xs-4 col-4 col-md-2 text-md-right">
                        <span class="price" id="total_tax">
                            {$cart.subtotals.tax.value}
                        </span>
                    </div>
                </div>
            {/if}
            {if $CONFIGS.OPC_SHOW_TOTAL_PRICE && $cart.totals.total}
                <div class="row middle item_total cart_total_price total_price">
                    <div class="col-xs-8 col-8 col-md-10">
                        <span class="text-md-right">
                            {$cart.totals.total.label}:
                        </span>
                    </div>
                    <div class="col-xs-4 col-4 col-md-2">
                        <span class="price" id="total_price">
                            {$total_cart}
                        </span>
                    </div>
                </div>
            {/if}

            {if $CONFIGS.OPC_SHOW_VOUCHER_BOX && $cart.vouchers.allowed}
                <div class="cart_total_price" id="list-voucher-allowed">
                    <div class="row">
                        <div class="col-xs-12 col-12 col-md-6">
                            <a class="collapse-button promo-code-button collapsed" data-toggle="collapse" href="#promo-code" aria-expanded="false" aria-controls="promo-code">
                                {l s='Do you have a promotional code?' mod='onepagecheckoutps'}
                            </a>
                            <div class="promo-code collapse" id="promo-code" aria-expanded="true" style="">
                                <input type="text" class="promo-input" id="discount_name" name="discount_name" placeholder="{l s='Promo code' mod='onepagecheckoutps'}"/>
                                <button id="submitAddDiscount" class="btn btn-primary btn-sm">
                                    <span>{l s='Add' mod='onepagecheckoutps'}</span>
                                </button>
                            </div>
                        </div>
                        {if $cart.discounts|count > 0}
                            <div class="col-xs-12 col-12 col-md-6">
                                <div id="display_cart_vouchers">
                                    <p>
                                        {l s='Take advantage of our exclusive offers:' mod='onepagecheckoutps'}
                                    </p>
                                    <ul class="js-discount">
                                        {foreach from=$cart.discounts item=discount}
                                            <li class="cart-summary-line">
                                                <i class="fa-pts fa-pts-caret-right"></i>
                                                <span class="code">{$discount.code}</span>
                                                 - {$discount.name}
                                            </li>
                                        {/foreach}
                                    </ul>
                                </div>
                            </div>
                        {/if}
                    </div>
                </div>
            {/if}

            {*
            <div class="row middle item_total extra_fee_tax cart_total_price end-xs hidden">
                <div class="col-xs-8 col-8 col-md-10 text-right">
                    <span class="bold text-right" id="extra_fee_tax_label"></span>
                </div>
                <div class="col-xs-4 col-4 col-md-2 text-right">
                    <span class="price" id="extra_fee_tax_price"></span>
                </div>
            </div>
            <div class="row middle item_total extra_fee cart_total_price end-xs hidden">
                <div class="col-xs-8 col-8 col-md-10 text-right">
                    <span class="bold text-right" id="extra_fee_label"></span>
                </div>
                <div class="col-xs-4 col-4 col-md-2 text-right">
                    <span class="price" id="extra_fee_price"></span>
                </div>
            </div>
            <div class="row middle item_total cart_total_price total_price extra_fee end-xs hidden">
                <div class="col-xs-8 col-8 col-md-10 text-right">
                    <span class="bold text-right" id="extra_fee_total_price_label"></span>
                </div>
                <div class="col-xs-4 col-4 col-md-2 text-right">
                    <span class="price" id="extra_fee_total_price"></span>
                </div>
            </div>*}
        </div>
    </div>
{/block}