{{-- the seller's message above the prices (flow ج۷, slice 5ج۱, پ۵-۳): his category's own message, else the general
     one — the category's NAME is never here (decision 53). not acknowledged yet ⇒ a window with «متوجه شدم»; then a
     folded box. without the script the window is an open box in the page and «متوجه شدم» a plain post; with it, a real
     modal whose answer is the SERVER's re-rendered slot (+STATE-TRUTH). Esc is read as «متوجه شدم». rendered ONLY here:
     by the price page and by the answer of «متوجه شدم». the text is plain text, escaped; its line breaks are kept. --}}
<div class="mz-message-slot" id="mz-message">
    @if ($message)
        @if (!$message['seen'])
            <dialog class="mz-dialog" open aria-labelledby="mz-message-title" x-data="mzMessage()" x-on:cancel.prevent="$refs.form.requestSubmit()">
                <h2 class="mz-card__title" id="mz-message-title">پیغام فروشنده</h2>
                <p class="mz-message__text">{{ $message['text'] }}</p>
                <form class="mz-actions" method="post" action="{{ route('mz.colleague.message.seen') }}" x-ref="form" x-on:submit.prevent="send()">
                    @csrf
                    <input type="hidden" name="key" value="{{ $message['key'] }}">
                    <button class="mz-btn" type="submit" x-bind:disabled="busy">متوجه شدم</button>
                </form>
            </dialog>
        @else
            <details class="mz-card mz-message">
                <summary class="mz-message__head">پیغام فروشنده</summary>
                <p class="mz-message__text">{{ $message['text'] }}</p>
            </details>
        @endif
    @endif
</div>