@extends('shared.front')
@section('content')
    <div class="container cart">
        <div class="title-w-decor">
            <div class="title-decor decor-1"></div>
            <h2>{{ __('messages.cart.cart') }}</h2>
            <div class="title-decor decor-2"></div>
        </div>

        <div class="cart__content">
            <!-- cart col left -->
            <div class="cart__col-left">
                <div class="cart__head">
                    <div class="check">
                        <input type="checkbox" name="cart-check-all" />
                    </div>
                    <div class="product">{{ __('messages.cart.all') }} <span>(<span class="cart-total-quantity">2</span> {{ __('messages.cart.product') }})</span>
                    </div>
                    <div class="price">{{ __('messages.cart.price') }}</div>
                    <div class="quantity">{{ __('messages.cart.quantity') }}</div>
                    <div class="total">{{ __('messages.cart.total') }}</div>
                    <div class="delete">
                        <button class="default-btn" id="btnDeleteAll">
                            <img src="{{ asset('front/app/assets/img/icon-delete.svg') }}" alt="" />
                        </button>
                    </div>
                </div>
                <ul class="cart__body">
                </ul>
                <div class="cart__footer">
                    <h3 class="cart-footer-title">{{ __('messages.cart.promotions') }}</h3>
                    <ul class="sale-program-list" id="sale-program-list">                        
                        @include('home.elements.loyalty')
                        @include('home.elements.promotion')
                    </ul>
                </div>
            </div>
            <!-- cart col right -->
            <div class="cart__col-right">
                <div class="cart__total">
                    <ul>
                        <li>
                            {{ __('messages.cart.sub_total') }}
                            <b><span class="cart__total-temp-value"></span> VNĐ</b>
                        </li>
                        <li>
                            {{ __('messages.cart.discount') }}
                            <b><span class="cart__discount-value">0</span> VNĐ</b>
                        </li>
                        <li>
                            {{ __('messages.cart.promotion_code') }}
                            <b><span class="cart__voucher-value">--</span></b>
                        </li>
                        <li id="giftVoucher" style="display:none">    
                            <p style="width:100%">{{ __('messages.cart.gift') }}</p>
                            <b style="text-align:right;"><span class="cart__gift-value"></span></b>
                        </li>
                    </ul>

                    <div class="total">
                        {{ __('messages.cart.total_bill') }}
                        <b class="cart__total-final">
                            <span class="cart__total-value"></span> VNĐ <span class="cart__total-vat">{{ __('messages.cart.include_vat') }}</span>
                        </b>
                    </div>
                    @include('home.elements.shipment-note')
                </div>
                <button class="btn submit-btn payment-btn" id="btnPaymentCart" data-redirect="{{ action('HomeController@checkout') }}">{{ __('messages.cart.payment') }}</button>
            </div>
        </div>
    </div>
@endsection