@extends('storefront.layout')

@section('title', 'Cart — ' . $sfStore->name)

@section('content')
    <nav class="sf-crumb" aria-label="Breadcrumb">
        <a href="{{ route('storefront.home', ['slug' => $sfStore->slug]) }}">Home</a>
        <span aria-hidden="true"> / </span>
        <span>Cart</span>
    </nav>

    <div class="sf-section-head">
        <h1 class="sf-section-title" style="font-size:clamp(1.5rem,3vw,1.85rem);">Your cart</h1>
        <a class="sf-section-link" href="{{ route('storefront.shop', ['slug' => $sfStore->slug]) }}">Continue shopping</a>
    </div>

    @if(empty($lines))
        <div class="sf-empty">
            <p class="sf-empty__title">Your cart is empty</p>
            <p class="sf-empty__text">Browse the <a href="{{ route('storefront.shop', ['slug' => $sfStore->slug]) }}">catalog</a> and tap Add to cart on any item.</p>
        </div>
    @else
        <div class="sf-cart-table-wrap">
            <table class="sf-cart-table">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>Price</th>
                        <th>Qty</th>
                        <th>Line</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($lines as $row)
                        @php $p = $row['product']; @endphp
                        <tr>
                            <td>
                                <a class="sf-cart-table__name" href="{{ route('storefront.product', ['slug' => $sfStore->slug, 'id' => $p->id]) }}">{{ $p->name }}</a>
                            </td>
                            <td>{{ format_currency($row['unit']) }}</td>
                            <td>{{ $row['qty'] }}</td>
                            <td>{{ format_currency($row['line']) }}</td>
                            <td>
                                <form method="post" action="{{ route('storefront.cart.remove', ['slug' => $sfStore->slug]) }}" class="sf-cart-remove-form">
                                    @csrf
                                    <input type="hidden" name="product_id" value="{{ $p->id }}">
                                    <button type="submit" class="sf-btn sf-btn--text">Remove</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="sf-cart-summary">
            <p class="sf-cart-summary__total"><span>Subtotal</span> <strong>{{ format_currency($subtotal) }}</strong></p>
            <p class="sf-cart-summary__note">Guest cart for reference. Checkout in store or contact us to complete your order.</p>
        </div>
    @endif
@endsection