{{-- one card of the live queue (PRD §3 پ۱, flow م۲; slice 3). «تأیید» is one click; «رد» opens the seller's list and
     its button stays off until a reason is chosen — and the server refuses a refusal without a listed reason anyway
     (پ۳-۳). both are plain posts that work with the script off; the script sends them as JSON so the page stays open.
     the customer's balance came with slice 4الف (the seller sees it whatever the customer's own switch); the category
     with slice 5الف: the one that priced this order (locked on its offer). --}}
<article class="mz-card mz-queue__card" data-order-id="{{ $card['id'] }}" aria-labelledby="mz-q-{{ $card['id'] }}">
    <div class="mz-card__head">
        <h2 class="mz-card__title" id="mz-q-{{ $card['id'] }}"><x-mz-meta :parts="['سفارش ' . $card['number'], $card['side'] . ' ' . $card['product']]"/></h2>
        <span class="mz-hint">ثبت ساعت {{ $card['time'] }}</span>
    </div>
    <p class="mz-queue__who"><a href="{{ route('mz.seller.customers.show', $card['customer_id']) }}">{{ $card['customer'] }}</a> @if ($card['mobile'])<x-mz-phone :number="$card['mobile']" :link="true"/>@endif
        @if ($card['inactive'] ?? false) <span class="mz-pill mz-pill--no">غیرفعال</span> @endif
        <span class="mz-hint">— دسته: {{ $card['group'] ?? 'بدون دسته' }}</span></p>
    <dl class="mz-figures">
        <dt class="mz-figures__term">{{ $card['quantity_label'] }}</dt><dd class="mz-figures__value">{{ $card['weight'] }}</dd>
        @if ($card['purity'] !== null)
            <dt class="mz-figures__term">عیار</dt><dd class="mz-figures__value">{{ $card['purity'] }}</dd>
        @endif
        <dt class="mz-figures__term">قیمت قفل‌شده</dt><dd class="mz-figures__value">{{ $card['price'] }}</dd>
        <dt class="mz-figures__term">مبلغ دقیق</dt><dd class="mz-figures__value mz-figures__value--total">{{ $card['amount'] }}</dd>
    </dl>
    @if (($card['note'] ?? null) !== null)
        {{-- slice 5ج۲ (decision 71): the customer's own note, line breaks kept --}}
        <p class="mz-note mz-queue__note"><span class="mz-note__label">توضیح مشتری:</span> <bdi>{{ $card['note'] }}</bdi></p>
    @endif
    <div class="js-queue-live">
        @include('panel._queue-live')
    </div>
    <div class="mz-actions mz-queue__actions">
        <form class="mz-inline-form js-queue-action" method="post" action="{{ route('mz.seller.orders.approve', $card['id']) }}">
            @csrf
            <button class="mz-btn" type="submit">تأیید</button>
        </form>
        <details class="mz-reject">
            <summary class="mz-btn mz-btn--quiet mz-reject__open">رد…</summary>
            <form class="mz-reject__form js-queue-action" method="post" action="{{ route('mz.seller.orders.reject', $card['id']) }}" x-data="{ reason: '' }">
                @csrf
                <label class="mz-label" for="mz-reason-{{ $card['id'] }}">دلیل رد</label>
                <select class="mz-select" id="mz-reason-{{ $card['id'] }}" name="reason" x-model="reason" required>
                    <option value="">دلیل را انتخاب کنید</option>
                    @foreach ($reasons as $reason)
                        <option value="{{ $reason }}">{{ $reason }}</option>
                    @endforeach
                </select>
                <button class="mz-btn mz-btn--no" type="submit" x-bind:disabled="reason === ''">رد سفارش</button>
            </form>
        </details>
    </div>
</article>