{{-- one order of this customer = the waiting window and its ending (PRD §2 ج۳ steps 6–7, flow ج۴; slice 3).
     refreshing the page brings the same order back with the time really left (پ۳-۶). without the script it is a
     plain page that F5 refreshes; with it, the state is re-read every 2 s and the countdown runs between reads. --}}
@extends('layouts.mz')

@section('title', 'سفارش ' . \App\Support\Digits::toPersian((string) $order->id))
@section('nav')
    @include('colleague._nav')
@endsection

@section('content')
    <h1 class="mz-title">سفارش {{ \App\Support\Digits::toPersian((string) $order->id) }}</h1>

    @if (session('mz.saved'))
        <p class="mz-notice mz-notice--ok" role="status">{{ session('mz.saved') }}</p>
    @endif

    <div x-data="mzWait('{{ route('mz.colleague.orders.state', $order->id) }}', {{ $awaiting ? 'false' : 'true' }})" role="status" aria-live="polite">
        <p class="mz-notice mz-notice--no" x-show="offline" x-cloak>
            اتصال برقرار نیست؛ پاسخ فروشنده با برگشتن اتصال همین‌جا می‌آید.
            <button class="mz-btn mz-btn--quiet" type="button" x-on:click="read()">تلاش دوباره</button>
        </p>
        <div x-ref="state">
            @include('colleague._order-state')
        </div>
    </div>
@endsection