@php
  $open = (bool) session('cart_open');
  $cartToken = request()->cookie('tra_cart') ?: session('tra_cart');
  $cart = $cartToken
    ? \App\Models\Cart::query()->where('token', $cartToken)->with(['lines.variant.product.media'])->first()
    : null;
  $lines = $cart?->lines ?? collect();
  $subtotal = $cart ? $cart->subtotalCents() : 0;
  $currency = $cart?->currency ?? 'AUD';
  $itemCount = (int) $lines->sum('quantity');
@endphp
<div
  id="cart-drawer"
  class="cart-drawer {{ $open ? 'is-open' : '' }}"
  data-cart-drawer
  aria-hidden="{{ $open ? 'false' : 'true' }}"
>
  <div class="cart-drawer__overlay" data-cart-close tabindex="-1"></div>
  <aside
    class="cart-drawer__panel"
    role="dialog"
    aria-modal="true"
    aria-label="Your cart"
    tabindex="-1"
    data-cart-panel
  >
    <div class="cart-drawer__header">
      <h2 class="cart-drawer__heading">Your cart</h2>
      <button type="button" class="cart-drawer__close" data-cart-close aria-label="Close">
        <i data-lucide="x" class="h-5 w-5"></i>
      </button>
    </div>

    @if($lines->isEmpty())
      <div class="cart-drawer__empty">
        <p>Your cart is empty</p>
        <button type="button" class="cart-drawer__continue" data-cart-close>Continue shopping</button>
      </div>
    @else
      <div class="cart-drawer__cols" aria-hidden="true">
        <span>Product</span>
        <span>Total</span>
      </div>

      <div class="cart-drawer__body">
        <ul class="cart-drawer__items">
          @foreach($lines as $line)
            @php
              $product = $line->variant?->product;
              $thumb = $product?->media?->first();
              $imageUrl = $thumb?->path ? asset('storage/'.$thumb->path) : null;
              $lineTotal = (int) $line->unit_price_cents * (int) $line->quantity;
              $options = collect([
                $line->variant?->option1 ? 'Size: '.$line->variant->option1 : null,
                $line->variant?->option2 ? 'Colour: '.$line->variant->option2 : null,
                $line->variant?->option3 ?: null,
              ])->filter()->values();
            @endphp
            <li class="cart-drawer__item">
              <a
                href="{{ $product ? route('products.show', $product->handle) : '#' }}"
                class="cart-drawer__thumb"
                tabindex="-1"
                aria-hidden="true"
              >
                @if($imageUrl)
                  <img src="{{ $imageUrl }}" alt="" width="80" height="80" loading="lazy">
                @else
                  <span>{{ \Illuminate\Support\Str::substr($line->title_snapshot ?? 'P', 0, 1) }}</span>
                @endif
              </a>
              <div class="cart-drawer__meta">
                <a href="{{ $product ? route('products.show', $product->handle) : '#' }}" class="cart-drawer__title">
                  {{ $product?->title ?? $line->title_snapshot }}
                </a>
                <div class="cart-drawer__unit">{{ $currency }} {{ number_format($line->unit_price_cents / 100, 2) }}</div>
                @if($options->isNotEmpty())
                  <div class="cart-drawer__opts">
                    @foreach($options as $opt)
                      <div>{{ $opt }}</div>
                    @endforeach
                  </div>
                @endif
                <div class="cart-drawer__qty-row">
                  <form method="post" action="{{ route('cart.update') }}" class="cart-drawer__qty">
                    @csrf
                    <input type="hidden" name="line_id" value="{{ $line->id }}">
                    <button type="submit" name="quantity" value="{{ max(0, $line->quantity - 1) }}" aria-label="Decrease quantity">−</button>
                    <span aria-live="polite">{{ $line->quantity }}</span>
                    <button type="submit" name="quantity" value="{{ $line->quantity + 1 }}" aria-label="Increase quantity">+</button>
                  </form>
                  <form method="post" action="{{ route('cart.update') }}">
                    @csrf
                    <input type="hidden" name="line_id" value="{{ $line->id }}">
                    <input type="hidden" name="quantity" value="0">
                    <button type="submit" class="cart-drawer__remove" aria-label="Remove {{ $product?->title ?? 'item' }}">
                      <i data-lucide="trash-2" class="h-4 w-4"></i>
                    </button>
                  </form>
                </div>
              </div>
              <div class="cart-drawer__line-total">{{ $currency }} {{ number_format($lineTotal / 100, 2) }}</div>
            </li>
          @endforeach
        </ul>
      </div>

      <div class="cart-drawer__footer">
        <div class="cart-drawer__total">
          <span>Estimated total</span>
          <strong>{{ $currency === 'AUD' ? '$'.number_format($subtotal / 100, 2).' AUD' : $currency.' '.number_format($subtotal / 100, 2) }}</strong>
        </div>
        <p class="cart-drawer__note">Taxes included. Discounts and shipping calculated at checkout.</p>
        <a href="{{ route('checkout.start') }}" class="cart-drawer__checkout">Check out</a>
      </div>
    @endif
  </aside>
</div>