{{-- the confirmation of an order (PRD §2 ج۳ step 4, flow ج۳ «پنجرهٔ تأیید»), and — when the lock had run out —
     «قیمت عوض شد» with the old and the new figures side by side (demo #29, #30). it shows the EXACT amount (demo #28).
     «ثبت» posts the sheet in its canonical form plus the amount shown here; the server recomputes it from the offer and
     refuses a mismatch (+PRICE-ECHO). the button is disabled after one press, and the server makes ONE order per offer
     anyway (پ۲-۴). --}}
@extends('layouts.mz')

@php
    $heading = !$changed ? 'تأیید سفارش' : ($changed['same'] ? 'قیمت دوباره قفل شد' : 'قیمت عوض شد');
    $priceMoved = $changed && !$changed['same'];
@endphp

@section('title', $heading)
@section('nav')
    @include('colleague._nav')
@endsection

@section('content')
    <h1 class="mz-title">{{ $heading }}</h1>

    @if ($changed && $changed['same'])
        <p class="mz-notice mz-notice--warn" role="alert">
            قفل قیمت قبلی تمام شد. قیمت عوض نشده و دوباره برای شما قفل شد؛ سفارش هنوز ثبت نشده است و برای ثبت «ثبت» را بزنید.
        </p>
    @endif

    @if ($priceMoved)
        <p class="mz-notice mz-notice--warn" role="alert">
            قفل قیمت قبلی تمام شد و قیمت تازه آمد. سفارش هنوز ثبت نشده است؛ اگر قیمت تازه را می‌پذیرید، «ثبت با قیمت تازه» را بزنید.
        </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>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th class="mz-table__cell" scope="row">قیمت {{ $priceUnit }}</th>
                        <td class="mz-table__cell">{{ $changed['old_price'] }}</td>
                        <td class="mz-table__cell">{{ $summary['price'] }}</td>
                    </tr>
                    @if ($changed['old'])
                        <tr>
                            <th class="mz-table__cell" scope="row">{{ $summary['coin'] ? 'تعداد' : 'وزن' }}</th>
                            <td class="mz-table__cell">{{ $changed['old']['weight'] }}</td>
                            <td class="mz-table__cell">{{ $summary['weight'] }}</td>
                        </tr>
                        <tr>
                            <th class="mz-table__cell" scope="row">مبلغ دقیق</th>
                            <td class="mz-table__cell">{{ $changed['old']['amount'] }}</td>
                            <td class="mz-table__cell">{{ $summary['amount'] }}</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
    @endif

    <div class="mz-card">
        <dl class="mz-figures">
            <dt class="mz-figures__term">نوع</dt><dd class="mz-figures__value">{{ $sideWord }}</dd>
            <dt class="mz-figures__term">کالا</dt><dd class="mz-figures__value">{{ $product->title }}</dd>
            @if ($summary['coin'])
                {{-- slice 5ه۱: a coin is a count; that count is what the ledger moves, so there is no «equivalent» --}}
                <dt class="mz-figures__term">تعداد</dt><dd class="mz-figures__value">{{ $summary['weight'] }}</dd>
            @else
                <dt class="mz-figures__term">وزن</dt><dd class="mz-figures__value">{{ $summary['weight'] }}</dd>
                <dt class="mz-figures__term">عیار</dt><dd class="mz-figures__value">{{ $summary['purity'] }}</dd>
                <dt class="mz-figures__term">{{ $equivalentLabel }}</dt><dd class="mz-figures__value">{{ $summary['equivalent'] }}</dd>
            @endif
            <dt class="mz-figures__term">قیمت {{ $priceUnit }}</dt><dd class="mz-figures__value">{{ $summary['price'] }}</dd>
            @if ($summary['budget'])
                <dt class="mz-figures__term">مبلغی که نوشتید</dt><dd class="mz-figures__value">{{ $summary['budget'] }}</dd>
            @endif
            <dt class="mz-figures__term">مبلغ دقیق</dt>
            <dd class="mz-figures__value mz-figures__value--total">{{ $summary['amount'] }}<span class="mz-hint mz-words">{{ $summary['amount_words'] }}</span></dd>
        </dl>
        @if (isset($post['note']))
            {{-- slice 5ج۲ (decision 70): the note goes with «ثبت»; «اصلاح» brings it back to the sheet --}}
            <p class="mz-note"><span class="mz-note__label">توضیح شما:</span> <bdi>{{ $post['note'] }}</bdi></p>
        @endif
        @include('colleague._lock')
        @if ($autoApproves ?? false)
            {{-- slice 5ب (found walking the rig): inside the seller's auto-approval range «the seller is not available,
                 the order expires» would be untrue — it is approved the moment it is placed --}}
            <p class="mz-presence"><span class="mz-pill mz-pill--ok">تأیید خودکار</span> این سفارش با زدن «ثبت» همان لحظه تأیید می‌شود و منتظر فروشنده نمی‌ماند.</p>
        @else
            @include('colleague._presence')
        @endif

        <form class="mz-actions" method="post" action="{{ route('mz.colleague.order.place', $quote->token) }}"
              x-data="{ sent: false }" x-on:submit="if ($event.submitter && 'edit' in $event.submitter.dataset) return; sent ? $event.preventDefault() : (sent = true)">
            @csrf
            @foreach ($post as $field => $fieldValue)
                <input type="hidden" name="{{ $field }}" value="{{ $fieldValue }}">
            @endforeach
            <button class="mz-btn" type="submit" x-bind:disabled="sent">{{ $priceMoved ? 'ثبت با قیمت تازه' : 'ثبت' }}</button>
            @if ($changed)
                <a class="mz-btn mz-btn--quiet" href="{{ route('mz.colleague.home') }}">انصراف</a>
            @else
                {{-- slice 5ج۲ (owner plan #1): «اصلاح» posts the same fields to its own route, which brings the sheet back
                     through the session — the note never rides in a URL. a plain submit, so no script is needed --}}
                <button class="mz-btn mz-btn--quiet" type="submit" data-edit formaction="{{ route('mz.colleague.order.edit', $quote->token) }}">اصلاح</button>
            @endif
        </form>
    </div>
@endsection