{{-- the order sheet (PRD §2 ج۳ steps 2–3, flow ج۳ «برگهٔ سفارش», slice 2). the customer types the weight OR the amount
     and the purity; every figure is computed by the SERVER from the locked offer (calc), the script only shows it.
     without the script the form is a plain post and «ادامه» shows the same figures on the confirmation. the limits and
     what is left of today's cap are shown BEFORE the order (demo #47). fields start empty, never «0» (demo #1); 16px
     inputs so iOS does not zoom (demo #49). --}}
@extends('layouts.mz')

@php
    $value = fn (string $field, string $default = '') => old($field, $prefill[$field] ?? $default);
@endphp

@section('title', $sideWord . ' ' . $product->title)
@section('nav')
    @include('colleague._nav')
@endsection

@section('content')
    <h1 class="mz-title">{{ $sideWord }} «{{ $product->title }}»</h1>

    <div class="mz-card mz-quote">
        <p class="mz-quote__price">قیمت {{ $priceUnit }} برای {{ $sideWord }} شما: <strong>{{ $unitPrice }}</strong></p>
        @include('colleague._lock')
        @include('colleague._presence')
    </div>

    @if ($limits['min'] || $limits['max'] || $limits['remaining'])
        <div class="mz-card" aria-labelledby="mz-limits-title">
            <h2 class="mz-card__title" id="mz-limits-title">حدهای این معامله</h2>
            <ul class="mz-list-plain">
                @if ($limits['min'])<li>کمترین مقدار هر معامله: {{ $limits['min'] }}</li>@endif
                @if ($limits['max'])<li>بیشترین مقدار هر معامله: {{ $limits['max'] }}</li>@endif
                @if ($limits['remaining'])<li>باقی‌ماندهٔ {{ $sideWord }} امروز شما: {{ $limits['remaining'] }}</li>@endif
            </ul>
        </div>
    @endif

    @if ($errors->any())
        <p class="mz-notice mz-notice--no" role="alert">سفارش هنوز ثبت نشده. خطای زیر هر فیلد را ببینید.</p>
    @endif

    <form class="mz-card mz-form" method="post" action="{{ route('mz.colleague.order.review', $quote->token) }}" novalidate
          x-data="mzOrder('{{ route('mz.colleague.order.calc', $quote->token) }}')" x-on:input.debounce.300ms="calc()">
        @csrf
        @if ($coin)
        {{-- slice 5ه۱ (owner plan question 10): a coin is ordered by its COUNT only — no amount mode, no purity; the
             amount is count × the locked price per coin, exact --}}
        <input type="hidden" name="mode" value="count">
        <div class="mz-field">
            <label class="mz-label" for="mz-count">تعداد (عدد)</label>
            <input class="mz-input mz-input--ltr mz-input--short mz-input--amount" id="mz-count" name="count" type="text" inputmode="numeric" maxlength="10"
                   autocomplete="off" value="{{ $value('count') }}" x-ref="count"
                   aria-describedby="mz-count-hint mz-count-words mz-count-error" @error('count') aria-invalid="true" @enderror>
            <span class="mz-hint" id="mz-count-hint">چند سکه؟ فقط عدد صحیح. مبلغ = تعداد × قیمت هر عدد.</span>
            <p class="mz-hint mz-words" id="mz-count-words" data-words-for="count"></p>
            <p class="mz-error" id="mz-count-error" data-error-for="count" role="alert">@error('count'){{ $message }}@enderror</p>
        </div>
        @else
        <input type="hidden" name="mode" value="{{ $value('mode') }}" x-ref="mode">

        <div class="mz-field">
            <label class="mz-label" for="mz-weight">وزن ({{ $weightUnitWord }})</label>
            <input class="mz-input mz-input--ltr mz-input--amount" id="mz-weight" name="weight" type="text" inputmode="decimal" maxlength="20"
                   autocomplete="off" value="{{ $value('weight') }}" x-ref="weight" x-on:input="typed('weight')"
                   aria-describedby="mz-weight-words mz-weight-error" @error('weight') aria-invalid="true" @enderror>
            <p class="mz-hint mz-words" id="mz-weight-words" data-words-for="weight"></p>
            <p class="mz-error" id="mz-weight-error" data-error-for="weight" role="alert">@error('weight'){{ $message }}@enderror</p>
        </div>

        <div class="mz-field">
            <label class="mz-label" for="mz-amount">یا مبلغ ({{ $moneyUnitWord }})</label>
            <input class="mz-input mz-input--ltr mz-input--amount" id="mz-amount" name="amount" type="text" inputmode="decimal" maxlength="30"
                   autocomplete="off" value="{{ $value('amount') }}" x-ref="amount" x-on:input="typed('amount')"
                   aria-describedby="mz-amount-hint mz-amount-words mz-amount-error" @error('amount') aria-invalid="true" @enderror>
            <span class="mz-hint" id="mz-amount-hint">با نوشتن مبلغ، بیشترین وزنی که مبلغش از آن بیشتر نشود حساب می‌شود. فقط یکی از وزن یا مبلغ را بنویسید.</span>
            <p class="mz-hint mz-words" id="mz-amount-words" data-words-for="amount"></p>
            <p class="mz-error" id="mz-amount-error" data-error-for="amount" role="alert">@error('amount'){{ $message }}@enderror</p>
        </div>

        <div class="mz-field">
            <label class="mz-label" for="mz-purity">عیار</label>
            <input class="mz-input mz-input--ltr mz-input--short mz-input--amount" id="mz-purity" name="purity" type="text" inputmode="numeric" maxlength="4"
                   autocomplete="off" value="{{ $value('purity', $defaultPurity) }}"
                   aria-describedby="mz-purity-hint mz-purity-error" @error('purity') aria-invalid="true" @enderror>
            <span class="mz-hint" id="mz-purity-hint">{{ $silver ? 'در هزار؛ ۹۹۹ یعنی نقرهٔ خالص.' : 'در هزار؛ ۷۵۰ یعنی ۱۸ عیار.' }} عیار همان قطعه‌ای را بنویسید که معامله می‌کنید.</span>
            <p class="mz-error" id="mz-purity-error" data-error-for="purity" role="alert">@error('purity'){{ $message }}@enderror</p>
        </div>
        @endif

        @if ($noteRules['enabled'])
            {{-- slice 5ج۲ (decision 70): only while the seller has it on. NO maxlength — a browser would cut a pasted note
                 silently; the server refuses a longer one under this field with its length (+SILENT-DISCARD). typing here
                 does not re-ask the server for the figures (.stop), which the note does not change; and its error has no
                 data-error-for, so the figures' live read never clears a refusal it did not judge --}}
            <div class="mz-field">
                <label class="mz-label" for="mz-note">توضیح برای فروشنده (اختیاری)</label>
                <textarea class="mz-input mz-textarea" id="mz-note" name="note" rows="3" dir="auto" x-on:input.stop
                          aria-describedby="mz-note-hint mz-note-error" @error('note') aria-invalid="true" @enderror>{{ old('note') }}</textarea>
                <span class="mz-hint" id="mz-note-hint">حداکثر {{ \App\Support\Display::number($noteRules['max']) }} نویسه. فروشنده آن را کنار سفارش می‌بیند.</span>
                <p class="mz-error" id="mz-note-error" role="alert">@error('note'){{ $message }}@enderror</p>
            </div>
        @endif

        <div class="mz-summary" x-ref="summary" aria-live="polite">
            @include('colleague._order-summary', ['summary' => null, 'coin' => $coin])
        </div>
        <p class="mz-notice mz-notice--no" role="alert" x-show="offline" x-cloak>اتصال برقرار نیست؛ مبلغ را با «ادامه» در صفحهٔ بعد ببینید.</p>

        <div class="mz-actions">
            <button class="mz-btn" type="submit">ادامه</button>
            <a class="mz-btn mz-btn--quiet" href="{{ route('mz.colleague.home') }}">برگشت به قیمت‌ها</a>
            @if ($seller->contact_phone)
                {{-- the way out of a debt-cap or limit refusal (پ۴-۶ «دکمهٔ تماس با فروشنده») --}}
                <a class="mz-btn mz-btn--quiet" href="tel:{{ $seller->contact_phone }}">تماس با فروشنده</a>
            @endif
        </div>
    </form>
@endsection