@props(['items', 'subtotal', 'discount', 'total', 'coupon' => null, 'couponError' => null, 'removable' => false, 'shipping' => null, 'shippingNote' => 'At checkout', 'deliveryRates' => null])

{{-- The delivery charge depends on the area, so it shows once an area is known; the server works out the real total again. --}}
<section class="sm-summary-card" aria-labelledby="orderSummaryHeading" @if ($deliveryRates) data-saruar-summary data-order-value="{{ $total }}" data-inside="{{ $deliveryRates['inside'] }}" data-sub="{{ $deliveryRates['sub'] }}" data-outside="{{ $deliveryRates['outside'] }}" data-free-from="{{ $deliveryRates['freeFrom'] }}" @endif>
    <h2 id="orderSummaryHeading" class="sm-summary-title">Order Summary</h2>
    <dl class="sm-summary-lines">
        <div><dt>Items</dt><dd>{{ $items }}</dd></div>
        <div><dt>Sub Total</dt><dd>৳ {{ number_format($subtotal, 2) }}</dd></div>
        <div><dt>Shipping</dt><dd data-summary-shipping>{{ $shipping === null ? $shippingNote : '৳ '.number_format($shipping, 2) }}</dd></div>
        <div>
            <dt>Coupon Discount @if ($coupon && ! $couponError)<span class="sm-coupon-chip">{{ $coupon->code }}</span>@endif</dt>
            <dd>-৳ {{ number_format($discount, 2) }}</dd>
        </div>
    </dl>

    @if ($couponError)
        <p class="sm-summary-warning" role="alert">{{ $couponError }}</p>
    @endif

    @if ($removable && ($coupon || $couponError))
        <form method="POST" action="{{ route('storefront.cart.coupon.destroy') }}" class="mb-2">
            @csrf
            @method('DELETE')
            <button class="btn btn-link sm-text-link p-0" type="submit">Remove coupon</button>
        </form>
    @endif

    <div class="sm-summary-total"><span>Total</span><strong data-summary-total>৳ {{ number_format($total + ($shipping ?? 0), 2) }}</strong></div>

    {{ $slot }}
</section>