@php
    $items = $items ?? collect();
    $cartCount = $cartCount ?? 0;
    $cartTotal = $cartTotal ?? 0;
@endphp

<h5 class="shopping-cart-number">
    {{ __('messages.cart') }} ({{ $cartCount }} {{ __('messages.product') }})
</h5>

@if($items->count() > 0)
    @foreach($items as $item)
        @php
            $product = $item->product;
            $firstImage = $product?->images?->first();
        @endphp

        <div class="cart-item-1 border-top">
            <div class="img-name">
                <div class="thumbanil">
                    @if($firstImage)
                        <img src="{{ route('vendor.products.image.show', $firstImage->id) }}" alt="{{ $product->product_name }}">
                    @else
                        <img src="{{ asset('front/images/shop/cart-1.png') }}" alt="{{ $product->product_name }}">
                    @endif
                </div>

                <div class="details">
                    <a href="{{ route('product.show', $product->id) }}">
                        <h5 class="title">{{ $product->product_name }}</h5>
                    </a>

                    <ul style="margin-top:-8px;margin-bottom:0px;font-size:12px; padding-left:15px;">
                        @if(!empty($item->selected_variants))
                            @foreach($item->selected_variants as $key => $value)
                                <li style="font-size:12px;">
                                    {{ __('messages.' . $key) }} : {{ __('messages.' . $value) }}
                                </li>
                            @endforeach
                        @endif
                    </ul>

                    <div class="number">
                        {{ $item->quantity }} x
                        <span>{{ display_price($product->final_price, $product->currency) }}</span>
                    </div>
                </div>
            </div>

            <div class="close-c1 mini-cart-remove" data-item-id="{{ $item->id }}" style="cursor:pointer;">
                x
            </div>
        </div>
    @endforeach

    <div class="sub-total-cart-balance">
        <div class="bottom-content-deals mt--10">
            <div class="top">
                <span>{{ __('messages.sub_total') }}</span>
                <span class="number-c">{{ number_format((float) ($cartTotal ?? 0), 2, ',', ' ') }} {{ currency_symbol(display_currency()) }}</span>
            </div>
        </div>

        <div class="button-wrapper d-flex align-items-center justify-content-between">
            <a href="{{ url('/') }}" class="rts-btn btn-primary">
                {{ __('messages.continue_shopping') }}
            </a>

            <a href="{{ route('cart.index') }}" class="rts-btn btn-primary border-only">
                {{ __('messages.view_cart') }}
            </a>
        </div>
    </div>
@else
    <div class="cart-item-1 border-top">
        <div class="details">
            <h5 class="title">{{ __('messages.empty_cart') }}</h5>
        </div>
    </div>
@endif