{{-- «سفارش‌ها» = the archive (slice 10; PRD پ۶, پ۱۰-۱; flow م۱۰): one GET filter (it works without a script) over every
     order, newest first, 50 to a page; no field = today. a refused field is said under itself and NO list is drawn
     (+SILENT-DISCARD). «خروجی اکسل» downloads exactly these rows (the same query string); its script only changes the
     button's words while the file is made. «خرید» / «فروش» are the CUSTOMER's words; the mobile is in full. --}}
@extends('layouts.mz')

@section('title', 'سفارش‌ها')
@section('credit', '1')
@section('nav')
    @include('panel._nav')
@endsection

@section('content')
    <h1 class="mz-title">سفارش‌ها</h1>
    <p class="mz-lead">همهٔ سفارش‌ها، تازه‌ترین بالا. بی فیلتر، سفارش‌های امروز (از نیمه‌شب تهران) دیده می‌شوند. «خرید» و «فروش» از دید مشتری است. سفارش‌های در انتظار را در <a href="{{ route('mz.seller.home') }}">صف زنده</a> تأیید یا رد کنید؛ تراز هر روز در <a href="{{ route('mz.seller.daily') }}">تراز روزانه</a> است.</p>
    @if (session('mz.warning'))
        <p class="mz-notice mz-notice--no" role="alert">{{ session('mz.warning') }}</p>
    @endif

    <form class="mz-card mz-filter" method="get" action="{{ route('mz.seller.orders') }}" novalidate aria-label="فیلتر سفارش‌ها">
        <div class="mz-filter__fields">
            @foreach (['from' => 'از تاریخ', 'to' => 'تا تاریخ'] as $field => $label)
                <div class="mz-field">
                    <label class="mz-label" for="mz-archive-{{ $field }}">{{ $label }}</label>
                    <input class="mz-input mz-input--ltr mz-input--date" id="mz-archive-{{ $field }}" name="{{ $field }}" type="text" maxlength="20"
                           autocomplete="off" placeholder="۱۴۰۵/۰۸/۱۴" value="{{ $filter->typed[$field] ?? '' }}"
                           aria-describedby="mz-archive-date-hint @isset($filter->errors[$field]) mz-archive-{{ $field }}-error @endisset"
                           @isset($filter->errors[$field]) aria-invalid="true" @endisset>
                    @isset($filter->errors[$field]) <p class="mz-error" id="mz-archive-{{ $field }}-error">{{ $filter->errors[$field] }}</p> @endisset
                </div>
            @endforeach
            @foreach ($selects as $field => [$label, $all, $options])
                <div class="mz-field">
                    <label class="mz-label" for="mz-archive-{{ $field }}">{{ $label }}</label>
                    <select class="mz-select" id="mz-archive-{{ $field }}" name="{{ $field }}"
                            @isset($filter->errors[$field]) aria-invalid="true" aria-describedby="mz-archive-{{ $field }}-error" @endisset>
                        <option value="">{{ $all }}</option>
                        @foreach ($options as $value => $optionLabel)
                            <option value="{{ $value }}" @selected(($filter->typed[$field] ?? '') === (string) $value)>{{ $optionLabel }}</option>
                        @endforeach
                    </select>
                    @isset($filter->errors[$field]) <p class="mz-error" id="mz-archive-{{ $field }}-error">{{ $filter->errors[$field] }}</p> @endisset
                </div>
            @endforeach
        </div>
        <p class="mz-hint" id="mz-archive-date-hint">تاریخ شمسی به شکل سال/ماه/روز؛ هر دو اختیاری‌اند و روز «تا تاریخ» هم شمرده می‌شود. «تأیید خودکار» یعنی سامانه همان لحظهٔ ثبت تأیید کرد.</p>
        <div class="mz-actions">
            <button class="mz-btn" type="submit">نمایش</button>
            <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.orders') }}">امروز</a>
            <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.orders', ['all' => '1']) }}">همهٔ سفارش‌ها</a>
            @if ($filter->errors === [])
                <a class="mz-btn mz-btn--quiet js-download" href="{{ route('mz.seller.orders.export', $filter->query()) }}"
                   data-busy="در حال آماده‌سازی…">خروجی اکسل</a>
            @endif
        </div>
    </form>

    @if ($filter->errors !== [])
        <p class="mz-notice mz-notice--no" role="alert">فیلتر اعمال نشد و فهرستی نشان داده نمی‌شود. خطای زیر هر فیلد را ببینید، یا «امروز» یا «همهٔ سفارش‌ها» را بزنید.</p>
    @elseif ($rows === [] && $page->onFirstPage())
        <div class="mz-card">
            <p>{{ $filter->today ? 'امروز هنوز سفارشی ثبت نشده است.' : 'در این فیلتر سفارشی نیست (' . $filter->describe() . ').' }}</p>
            <div class="mz-actions">
                @if ($filter->asked())<a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.orders') }}">پاک کردن فیلتر</a>@endif
                <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.products') }}">کالاها و قیمت‌ها</a>
            </div>
        </div>
    @elseif ($rows === [])
        <div class="mz-card">
            <p>این صفحه ردیفی ندارد؛ فهرست کوتاه‌تر از این است.</p>
            <div class="mz-actions"><a class="mz-btn mz-btn--quiet" href="{{ $page->url(1) }}">صفحهٔ اول</a></div>
        </div>
    @else
        <p class="mz-hint"><x-mz-meta :parts="[$filter->describe(), \App\Support\Display::number($page->total()) . ' سفارش']"/></p>
        <div class="mz-card mz-table-wrap">
            <table class="mz-table">
                <thead>
                    <tr>
                        <th class="mz-table__cell mz-table__head" scope="col">شماره</th>
                        <th class="mz-table__cell mz-table__head" scope="col">زمان ثبت</th>
                        <th class="mz-table__cell mz-table__head" scope="col">مشتری</th>
                        <th class="mz-table__cell mz-table__head" scope="col">نوع</th>
                        <th class="mz-table__cell mz-table__head" scope="col">کالا</th>
                        <th class="mz-table__cell mz-table__head" scope="col">وزن یا تعداد</th>
                        <th class="mz-table__cell mz-table__head" scope="col">عیار</th>
                        <th class="mz-table__cell mz-table__head" scope="col">قیمت قفل‌شده</th>
                        <th class="mz-table__cell mz-table__head" scope="col">مبلغ دقیق</th>
                        <th class="mz-table__cell mz-table__head" scope="col">وضعیت</th>
                        <th class="mz-table__cell mz-table__head" scope="col">حسابداری</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($rows as $row)
                        <tr id="mz-order-{{ $row['id'] }}">
                            <td class="mz-table__cell"><a href="{{ $row['href'] }}">{{ $row['number'] }}</a></td>
                            <td class="mz-table__cell">{{ $row['when'] }}</td>
                            <td class="mz-table__cell">
                                @if ($row['customer'] !== null)
                                    {{ $row['customer'] }} <x-mz-phone :number="$row['mobile']"/>
                                @else
                                    —
                                @endif
                                @if ($row['note'] !== null)
                                    <span class="mz-hint mz-words mz-note"><span class="mz-note__label">توضیح:</span> <bdi>{{ $row['note'] }}</bdi></span>
                                @endif
                            </td>
                            <td class="mz-table__cell">{{ $row['side'] }}</td>
                            <td class="mz-table__cell">{{ $row['product'] }}</td>
                            <td class="mz-table__cell">{{ $row['quantity'] }}</td>
                            <td class="mz-table__cell">{{ $row['purity'] }}</td>
                            <td class="mz-table__cell">{{ $row['price'] }}</td>
                            <td class="mz-table__cell">{{ $row['amount'] }}</td>
                            <td class="mz-table__cell">
                                <span class="mz-pill {{ $row['tone'] !== '' ? 'mz-pill--' . $row['tone'] : '' }}">{{ $row['status'] }}</span>
                                @if ($row['reason'] !== null)<span class="mz-hint mz-words">دلیل: {{ $row['reason'] }}</span>@endif
                                @if ($row['void_url'] !== null)<a class="mz-hint mz-words" href="{{ $row['void_url'] }}">ابطال</a>@endif
                            </td>
                            <td class="mz-table__cell">{{ $row['accounting'] }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if ($page->hasPages())
            <div class="mz-actions">
                @if ($page->previousPageUrl())<a class="mz-btn mz-btn--quiet" href="{{ $page->previousPageUrl() }}">سفارش‌های تازه‌تر</a>@endif
                @if ($page->nextPageUrl())<a class="mz-btn mz-btn--quiet" href="{{ $page->nextPageUrl() }}">سفارش‌های قدیمی‌تر</a>@endif
            </div>
        @endif
    @endif
@endsection