45 lines
1.8 KiB
PHP
45 lines
1.8 KiB
PHP
{{--
|
|
Slide-in cart drawer. Rendered once, globally, from the app layout
|
|
(@include('checkout::drawer')). Structure only — all styling lives in
|
|
resources/css/checkout.css under @layer bbk-checkout; the host restyles the
|
|
.bbk-* classes from its own stylesheet. No host components, no Tailwind.
|
|
--}}
|
|
<div class="bbk-cart" data-controller="bbk-cart" hidden>
|
|
<div class="bbk-cart-backdrop" data-action="click->bbk-cart#close"></div>
|
|
|
|
<aside
|
|
class="bbk-cart-panel"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
aria-labelledby="bbk-cart-heading"
|
|
data-bbk-cart-target="panel"
|
|
>
|
|
<header class="bbk-cart-panel-header">
|
|
{{-- tabindex=-1: the controller moves focus here on open, and back
|
|
here when the focused line is removed from under the user. --}}
|
|
<h2 class="bbk-cart-heading" id="bbk-cart-heading" tabindex="-1" data-bbk-cart-target="heading">{{ __('checkout.cart.title') }}</h2>
|
|
<button
|
|
type="button"
|
|
class="bbk-cart-dismiss"
|
|
data-action="bbk-cart#close"
|
|
aria-label="{{ __('checkout.cart.close') }}"
|
|
>×</button>
|
|
</header>
|
|
|
|
@include('checkout::partials.cart-error')
|
|
|
|
{{-- A short announcement after each update, rather than aria-live on
|
|
the body itself, which re-read the whole cart on every change. --}}
|
|
<p
|
|
class="bbk-visually-hidden"
|
|
role="status"
|
|
data-bbk-cart-target="status"
|
|
data-bbk-cart-message="{{ __('checkout.cart.updated') }}"
|
|
></p>
|
|
|
|
<div class="bbk-cart-panel-body" data-bbk-cart-target="body">
|
|
@include('checkout::partials.cart-body')
|
|
</div>
|
|
</aside>
|
|
</div>
|