{{--
    Session-flash toast (PRD 3.23, 7.19 — success feedback as a toast, never a
    browser alert). Rendered once from the frontend layout; it outputs nothing
    at all unless a `toast` key is present in the session, so it costs an empty
    @if on pages that aren't showing feedback.

    Showing it is handled by resources/js/lib/toast.js (bundled into app.js),
    not by an inline <script>: the behaviour is the same every time, so it is
    ordinary application code, and keeping it out of the template means no
    inline script to allow through a Content-Security-Policy later.
--}}
@if(session('toast'))
    @php
        $toast = session('toast');
        $type = $toast['type'] ?? 'success';
        $isError = $type === 'error';
    @endphp

    <div class="toast-container position-fixed top-0 end-0 p-3" style="z-index: 1090;">
        <div
            id="siteToast"
            class="toast"
            role="alert"
            aria-live="assertive"
            aria-atomic="true"
            style="border: 1px solid var(--color-border); border-radius: var(--radius-button); box-shadow: var(--shadow-card); background: #fff;"
        >
            <div class="toast-header" style="background: transparent; border-bottom: 1px solid var(--color-border);">
                <i
                    class="fa-solid {{ $isError ? 'fa-circle-exclamation' : 'fa-circle-check' }} me-2"
                    style="color: {{ $isError ? '#DC3545' : 'var(--color-primary)' }};"
                    aria-hidden="true"
                ></i>
                <strong class="me-auto" style="color: var(--color-heading);">
                    {{ $toast['title'] ?? ($isError ? 'Something went wrong' : 'Success') }}
                </strong>
                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
            <div class="toast-body" style="color: var(--color-paragraph);">
                {{ $toast['message'] ?? '' }}
            </div>
        </div>
    </div>

@endif