{{-- The side cart. Its forms send drawer=1, so the page they return to opens it again. Add to cart re-renders it. --}}
@if ($cart['lines']->isEmpty())
    <div class="d-flex flex-column align-items-center justify-content-center text-center h-100">
        <i class="bi bi-cart3 sm-empty-icon" aria-hidden="true"></i>
        <p class="mt-3">Your {{ $brand }} cart is currently empty — 0 items</p>
        <button type="button" class="btn btn-outline-secondary" data-bs-toggle="offcanvas" data-bs-target="#mobileCategoriesDrawer" aria-controls="mobileCategoriesDrawer">Browse categories</button>
    </div>
@else
    @php($drawerError = old('drawer') ? $errors->first() : null)
    <ul class="list-unstyled sm-drawer-lines">
        @foreach ($cart['lines'] as $line)
            <li class="sm-drawer-line">
                <span class="sm-drawer-thumb"><i class="bi {{ $line['product']->category?->icon_class ?? 'bi-box-seam' }}" aria-hidden="true"></i></span>
                <div class="sm-drawer-info">
                    <a href="{{ route('storefront.product.show', $line['product']->slug) }}">{{ $line['product']->name }}</a>
                    @if ($line['variant'])
                        <span class="sm-drawer-sub">{{ collect($line['variant']->attribute_combination_json)->implode(' | ') }}</span>
                    @endif
                </div>
                <form class="sm-drawer-qty" method="POST" action="{{ route('storefront.cart.update', $line['key']) }}">
                    @csrf
                    @method('PATCH')
                    <input type="hidden" name="drawer" value="1">
                    <div class="input-group sm-qty-stepper" data-saruar-qty>
                        <button class="btn" type="button" data-qty-step="-1" aria-controls="drawer-quantity-{{ $line['key'] }}" aria-label="Decrease quantity of {{ $line['name'] }}"><i class="bi bi-dash" aria-hidden="true"></i></button>
                        <label class="visually-hidden" for="drawer-quantity-{{ $line['key'] }}">Quantity of {{ $line['name'] }}</label>
                        <input id="drawer-quantity-{{ $line['key'] }}" name="quantity" class="form-control text-center" type="number" inputmode="numeric" min="1" max="{{ min($line['stock'], \App\Http\Controllers\Storefront\CartController::MAX_QUANTITY) }}" step="1" value="{{ $line['quantity'] }}" required data-saruar-auto-submit>
                        <button class="btn" type="button" data-qty-step="1" aria-controls="drawer-quantity-{{ $line['key'] }}" aria-label="Increase quantity of {{ $line['name'] }}"><i class="bi bi-plus" aria-hidden="true"></i></button>
                    </div>
                    <noscript><button class="btn btn-sm btn-outline-secondary mt-1" type="submit">Update</button></noscript>
                </form>
                <strong class="sm-drawer-price">৳ {{ number_format($line['total'], 2) }}</strong>
                <form class="sm-drawer-remove" method="POST" action="{{ route('storefront.cart.destroy', $line['key']) }}">
                    @csrf
                    @method('DELETE')
                    <input type="hidden" name="drawer" value="1">
                    <button class="sm-icon-button" type="submit" aria-label="Remove {{ $line['name'] }}"><i class="bi bi-trash3-fill" aria-hidden="true"></i></button>
                </form>
            </li>
        @endforeach
    </ul>

    <form method="POST" action="{{ route('storefront.cart.coupon.store') }}" class="sm-drawer-promo">
        @csrf
        <input type="hidden" name="drawer" value="1">
        <div class="input-group">
            <label class="visually-hidden" for="drawerCouponCode">Promo code</label>
            <input id="drawerCouponCode" name="coupon_code" class="form-control" type="text" placeholder="Promocode" maxlength="{{ \App\Http\Controllers\Storefront\CartController::COUPON_CODE_MAX }}" autocomplete="off" required aria-describedby="drawerCouponNote" @if ($drawerError) aria-invalid="true" @endif>
            <button class="btn sm-drawer-apply" type="submit">Apply</button>
        </div>
    </form>
    <p id="drawerCouponNote" @class(['sm-drawer-note', 'text-danger' => $drawerError || $cart['couponError']]) @if ($drawerError) role="alert" @endif>
        @if ($drawerError)
            {{ $drawerError }}
        @elseif ($cart['couponError'])
            {{ $cart['couponError'] }}
        @elseif ($cart['coupon'])
            {{ $cart['coupon']->type === 'percent' ? (float) $cart['coupon']->value.'%' : '৳ '.number_format((float) $cart['coupon']->value, 2) }} off discount
        @endif
    </p>

    <dl class="sm-drawer-totals">
        <div><dt>Subtotal</dt><dd>৳ {{ number_format($cart['subtotal'], 2) }}</dd></div>
        <div class="sm-drawer-minor">
            <dt>Discount</dt>
            <dd>@if ($cart['discount'] > 0 && $cart['coupon']->type === 'percent')<span>({{ (float) $cart['coupon']->value }}%)</span> @endif- ৳ {{ number_format($cart['discount'], 2) }}</dd>
        </div>
    </dl>
    <div class="sm-drawer-total"><span>Total</span><strong>৳ {{ number_format($cart['total'], 2) }}</strong></div>

    <a class="btn sm-btn-primary w-100" href="{{ route('storefront.checkout') }}">Proceed to checkout</a>
    <button type="button" class="btn sm-drawer-continue w-100" data-bs-dismiss="offcanvas">Continue shopping</button>
@endif