@if($cart && $cart->carts_products_total_count && $cart->carts_products_total_count > 0)
    <div class="row ">
        <div class="col-md-8 col-12 mb-md-0 mb-4" x-data="{ showCartItems: true }">
            {{-- <div class="mb-4 d-flex align-items-center justify-content-between cursor-pointer" @click="showCartItems = !showCartItems">
                <div class="card-title {{ $account->accounts_website_theme == 'theme6' ? 'text_4' : 'text_1' }} font-22">{{ __('lang.shoppingCart') }}</div>
                <span class="transition-transform duration-300" :class="{ 'rotate-180': showCartItems }">
                    <i class="polaris-max-icon-arrow-down-bold {{ $account->accounts_website_theme == 'theme6' ? 'text_4' : 'text_1' }}"></i>
                </span>
            </div> --}}
            <div x-show="showCartItems" x-cloak class="card card-with-border cart-border-radius">
                @foreach ($cart->items as $item)
                    @include('cart.components.cart-item',['item'=>$item])
                @endforeach
            </div>
            @if(isset($setting) && $account->accounts_show_product_associations && $setting->show_product_associations_in_cart)
                @include('includes.frequently-bought-together', ['cartsId' => $cart->carts_id ?? null])
            @endif

        </div>
        <div class="col-md-4 col-12 mb-md-0 mb-4">
            <div class=" border-1 cart-border-radius px-3">
                @include('cart.components.additional-notes',['cart'=>$cart])
    
                @if($account->accounts_show_coupons)
                    @include('cart.components.coupon-input',['cart'=>$cart, 'couponMessage'=>$couponMessage ?? null])
                @endif
    
                @if(($account->accounts_show_points && $cart->carts_total_order_products_points && $cart->carts_total_order_products_points > 0) || (isset($setting) && isset($setting->cashback_value) && $setting->cashback_value && $account && $account->accounts_show_cashback == '1'))
                    <div class="{{ $account->accounts_website_theme == 'theme6' ? 'background_5' : 'background_2' }} {{ $secondColor }} font-16 mb-2 mt-4 default-br p-2 complete-order-badge">
                        <i class="polaris-max-icon-light-lightning font-20"></i> {{__('lang.completeOrderToEarn')}}:
                        <br>
                    <ul class="mx-2" style="list-style-type:disc">
                            @if($account->accounts_show_points && $cart->carts_total_order_products_points && $cart->carts_total_order_products_points > 0)
                                <li class="fb-700">{{
                                    $cart->carts_total_order_products_points ? $cart->carts_total_order_products_points : '0' }} {{
                                    strpos($account->accounts_slug,'nasser') ? __('lang.points-n') : __('lang.points') }}</li>
                            @endif
                            @if(isset($setting) && isset($setting->cashback_value) && $setting->cashback_value && $account && $account->accounts_show_cashback == '1' && ($setting->allow_cashback_on_discounted_products || !allItemsHasOffers($cart)) && ($setting->allow_cashback_on_coupons || $cart->carts_discount_value == 0) )
                                <li class="fb-700"> {{
                                    $setting->cashback_value }}% {{ $setting->allow_cashback_on_discounted_products ? __('lang.cashbackCartDesc1') : __('lang.cashbackCartDesc') }}</li>
                            @endif
                    </ul>    
                    </div>
                @endif
    
                @include('cart.components.proceed-to-checkout',['cart'=>$cart])
                {{-- @include('cart.components.payment-summary',['cart'=>$cart,'page'=>'cart']) --}}
            </div>
        </div>
    </div>
@else
    <input type="hidden" name="countCart" id="countCartField" value="0">

    @include('cart.components.empty-cart')
@endif

@include('cart.components.cart-helpers-js')