@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)
        @if($item->isDish())
            @php
                $dish = $item->dish;
                $dishThumb = $dish?->firstPhotoPath();
            @endphp

            @continue(!$dish)

            <div class="cart-item-1 border-top">
                <div class="img-name">
                    <div class="thumbanil">
                        @if($dishThumb)
                            <img src="{{ asset('storage/' . $dishThumb) }}" alt="{{ $dish->name }}">
                        @else
                            <img src="{{ asset('front/images/shop/cart-1.png') }}" alt="{{ $dish->name }}">
                        @endif
                    </div>

                    <div class="details">
                        <h5 class="title">{{ $dish->name }}</h5>

                        @if(!empty($item->selected_variants) && is_array($item->selected_variants))
                            <ul style="margin-top:-8px;margin-bottom:0px;font-size:12px; padding-left:15px;">
                                @foreach($item->selected_variants as $supplementLabel => $supplementPrice)
                                    <li style="font-size:12px;">{{ label_or_raw($supplementLabel) }} {{ $supplementPrice }}</li>
                                @endforeach
                            </ul>
                        @endif

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

                        {{-- Mode de livraison choisi pour ce plat. Les frais sont
                             stockés en EUR sur la ligne, comme partout ailleurs. --}}
                        @if($item->delivery_mode === 'click_collect' || $item->delivery_mode === 'restaurant_delivery')
                            <div class="number" style="font-size:12px;color:#666;">
                                {{ $item->delivery_mode === 'click_collect'
                                    ? __('restaurant.delivery_click_collect')
                                    : __('restaurant.delivery_by_restaurant') }} :
                                <span>
                                    @if($item->hasFreeShipping())
                                        {{ __('messages.free_shipping_offered') }}
                                    @else
                                        {{ (float) $item->carrier_price > 0
                                            ? display_price($item->carrier_price, 'EUR')
                                            : __('messages.free_delivery') }}
                                    @endif
                                </span>
                            </div>
                        @endif
                    </div>
                </div>

                <div class="close-c1 mini-cart-remove" data-item-id="{{ $item->id }}" title="Supprimer" style="cursor:pointer;position:static;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;background:#000;color:#fff;font-size:16px;line-height:1;z-index:5;">
                    &times;
                </div>
            </div>

            @continue
        @endif

        @php
            $product = $item->product;
            $firstImage = $product?->images?->first();
        @endphp

        @continue(!$product)

        <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))
                            @php $variantColors = $item->variantColors(); @endphp
                            @foreach($item->selected_variants as $key => $value)
                                <li style="font-size:12px;">
                                    {{ label_or_raw($key) }} :
                                    @include('front.partials.variant-swatch', ['color' => $variantColors[$key] ?? null, 'size' => 10])
                                    {{ label_or_raw($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 }}" title="Supprimer" style="cursor:pointer;position:static;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;background:#000;color:#fff;font-size:16px;line-height:1;z-index:5;">
                &times;
            </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