{{-- the category form (flow م۹, slice 5الف; پ۵-۱). posts the name and, for every product it RENDERED, its id
     (`products[]`), «مجاز» (with a hidden «0» twin) and the special spreads — a product not on this page is never
     touched (+PARTIAL-SAVE). the price columns are the SERVER's: computed at render and, while typing, read again from
     the preview route; the script never computes a price (+STATE-TRUTH). without the script the form still saves and
     the page shows the prices after saving. --}}
@extends('layouts.mz')

@php
    $old = fn (string $field, int $id, string $default) => old($field . '.' . $id, $default);
@endphp

@section('title', $group ? 'دستهٔ ' . $group->name : 'دستهٔ تازه')
@section('credit', '1')
@section('nav')
    @include('panel._nav')
@endsection

@section('content')
    <div class="mz-card__head">
        <h1 class="mz-title">{{ $group ? 'دستهٔ «' . $group->name . '»' : 'دستهٔ تازه' }}</h1>
        <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.groups') }}">برگشت به دسته‌ها</a>
    </div>

    @if (session('mz.saved'))
        <p class="mz-notice mz-notice--ok" role="status">{{ session('mz.saved') }}</p>
    @endif
    @if ($errors->any())
        <p class="mz-notice mz-notice--no" role="alert">چیزی ذخیره نشد. خطای زیر هر فیلد را ببینید.</p>
    @endif

    <form class="mz-form" method="post" novalidate
          action="{{ $group ? route('mz.seller.groups.update', $group->id) : route('mz.seller.groups.store') }}"
          x-data="mzGroup('{{ $group ? route('mz.seller.groups.preview', $group->id) : route('mz.seller.groups.preview.new') }}')"
          x-on:input.debounce.300ms="preview()">
        @csrf

        <div class="mz-card">
            <div class="mz-field">
                <label class="mz-label" for="mz-name">نام دسته</label>
                <input class="mz-input" id="mz-name" name="name" type="text" maxlength="60" required value="{{ old('name', $group?->name ?? '') }}"
                       aria-describedby="mz-name-hint @error('name') mz-name-error @enderror" @error('name') aria-invalid="true" @enderror>
                <span class="mz-hint" id="mz-name-hint">فقط شما این نام را می‌بینید؛ در اپ مشتری نمی‌آید.</span>
                @error('name') <p class="mz-error" id="mz-name-error">{{ $message }}</p> @enderror
            </div>
        </div>

        {{-- slice 5ب (پ۵-۲, debt 16): the category's own limits for each member and its auto-approval range, melted gold.
             the strictest of product, category and family binds; auto-approval needs the product's range AND this one.
             slice 5د۲ (decision 91, debt 33): the same for silver, its own fields (prefix «silver_»), shown where silver
             exists or a silver value is stored. slice 5ه۲ (decision 110, debt 33): coins by the same rule, prefix «coin_»,
             a COUNT — every coin of the member counts one toward the daily cap --}}
        @foreach (array_filter(['' => 'طلای آبشده', 'silver_' => $silver ? 'نقره' : null, 'coin_' => $coin ? 'سکه' : null]) as $prefix => $familyWord)
            @php
                $isCoin = $prefix === 'coin_';
                $setUnit = $isCoin ? 'عدد' : $weightUnitWord;
                $what = $isCoin ? 'تعداد' : 'وزن';
            @endphp
            <fieldset class="mz-card mz-fieldset">
                <legend class="mz-fieldset__legend mz-label">حدهای {{ $familyWord }} برای هر عضو ({{ $setUnit }})</legend>
                <p class="mz-hint" id="mz-group-{{ $prefix }}limits-hint">خالی یعنی بی‌حد. این حدها کنار حد هر کالا و حدهای سراسری {{ $familyWord }} در تنظیمات برقرارند و سخت‌ترینِ آن‌ها حکم می‌کند. سقف روزانه برای هر عضو جداست: جمع {{ $what }} سفارش‌های امروز همان عضو در هر طرف، در همهٔ کالاهای {{ $familyWord }}.@if ($isCoin) هر عدد سکه، هر نوعی که باشد، یکی شمرده می‌شود و اعشار پذیرفته نیست.@endif</p>
                @foreach (['trade_min' => 'کمترین مقدار هر معامله', 'trade_max' => 'بیشترین مقدار هر معامله', 'daily_cap' => 'سقف روزانهٔ هر عضو'] as $plain => $limitLabel)
                    @php $limit = $prefix . $plain; @endphp
                    <div class="mz-field">
                        <label class="mz-label" for="mz-{{ $limit }}">{{ $limitLabel }}</label>
                        <input class="mz-input mz-input--ltr mz-input--short" id="mz-{{ $limit }}" name="{{ $limit }}" type="text" inputmode="decimal" maxlength="20"
                               value="{{ old($limit, $limits[$limit]) }}" aria-describedby="mz-group-{{ $prefix }}limits-hint mz-{{ $limit }}-error" @error($limit) aria-invalid="true" @enderror>
                        <p class="mz-error" id="mz-{{ $limit }}-error" data-error-for="{{ $limit }}">@error($limit){{ $message }}@enderror</p>
                    </div>
                @endforeach
            </fieldset>

            <fieldset class="mz-card mz-fieldset">
                <legend class="mz-fieldset__legend mz-label">تأیید خودکار {{ $familyWord }} برای اعضا ({{ $setUnit }})</legend>
                <p class="mz-hint" id="mz-group-{{ $prefix }}auto-hint">سفارش {{ $familyWord }} عضو فقط وقتی خودکار تأیید می‌شود که هم در بازهٔ تأیید خودکار خود کالا باشد و هم در این بازه. «تا {{ $what }}» خالی یعنی این دسته بازهٔ جدایی ندارد و همان بازهٔ کالا حکم می‌کند؛ کالایی که تأیید خودکار ندارد، برای اعضا هم ندارد.</p>
                @foreach (['auto_min' => 'از ' . $what, 'auto_max' => 'تا ' . $what] as $plain => $autoLabel)
                    @php $auto = $prefix . $plain; @endphp
                    <div class="mz-field">
                        <label class="mz-label" for="mz-{{ $auto }}">{{ $autoLabel }}</label>
                        <input class="mz-input mz-input--ltr mz-input--short" id="mz-{{ $auto }}" name="{{ $auto }}" type="text" inputmode="decimal" maxlength="20"
                               value="{{ old($auto, $limits[$auto]) }}" aria-describedby="mz-group-{{ $prefix }}auto-hint mz-{{ $auto }}-error" @error($auto) aria-invalid="true" @enderror>
                        <p class="mz-error" id="mz-{{ $auto }}-error" data-error-for="{{ $auto }}">@error($auto){{ $message }}@enderror</p>
                    </div>
                @endforeach
            </fieldset>
        @endforeach

        {{-- slice 5ج۱ (پ۵-۳, flow م۹ «پیام اختصاصی»): the same reader and cap as the general message; no maxlength, a text
             over the cap is refused with its length, never cut (+SILENT-DISCARD) --}}
        <fieldset class="mz-card mz-fieldset">
            <legend class="mz-fieldset__legend mz-label">پیام اختصاصی برای اعضا</legend>
            <div class="mz-field">
                <label class="mz-label" for="mz-group-message">متن پیام</label>
                <textarea class="mz-input mz-textarea" id="mz-group-message" name="message" rows="4"
                          aria-describedby="mz-group-message-hint mz-group-message-error" @error('message') aria-invalid="true" @enderror>{{ old('message', $group?->message ?? '') }}</textarea>
                <span class="mz-hint" id="mz-group-message-hint">اگر بنویسید، اعضای این دسته به‌جای «پیغام عمومی» تنظیمات همین را می‌بینند: یک بار به‌صورت پنجره و از آن پس به‌صورت کادر جمع‌شدنی بالای قیمت‌ها. پایان ندارد؛ هر وقت خالی‌اش کنید، اعضا دوباره پیغام عمومی را می‌بینند. حداکثر ۱٬۰۰۰ نویسه. نام دسته همراه آن نمی‌رود.</span>
                <p class="mz-error" id="mz-group-message-error" data-error-for="message">@error('message'){{ $message }}@enderror</p>
                @if ($reach)
                    <p class="mz-hint" role="status">{{ \App\Support\Display::number($reach[0]) }} از {{ \App\Support\Display::number($reach[1]) }} عضو این پیام را دیده و «متوجه شدم» زده‌اند.</p>
                @endif
            </div>
        </fieldset>

        <h2 class="mz-queue__today-title" id="mz-group-products">کالاها و اختلاف ویژه</h2>
        <p class="mz-hint">
            عضو این دسته فقط کالاهای «مجاز» را می‌بیند. اختلاف ویژه <b>جای</b> اختلاف خود کالا را می‌گیرد و روی آن جمع نمی‌شود؛ خالی یعنی همان اختلاف کالا، و صفر یعنی خود قیمت مرجع. مبلغ‌ها به {{ $unitWord }}؛ برای کالایی که اختلافش درصدی است، اختلاف ویژه هم درصد قیمت مرجع است (حداکثر دو رقم اعشار).
            @if ($left > 0)
                <br>{{ \App\Support\Display::number($left) }} کالا در این دسته مجاز نیست و اعضا آن را نمی‌بینند. کالای تازه‌ای که می‌سازید هم تا اینجا تیک نخورد، در این دسته نیست.
            @endif
        </p>
        @error('products') <p class="mz-error" role="alert">{{ $message }}</p> @enderror

        @if ($rows === [])
            <div class="mz-card">
                <p>هنوز کالایی ندارید؛ اول کالا بسازید، بعد آن را در دسته مجاز کنید.</p>
                <div class="mz-actions"><a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.products.create') }}">کالای تازه</a></div>
            </div>
        @else
            <div class="mz-card mz-table-wrap">
                <table class="mz-table" aria-labelledby="mz-group-products">
                    <caption class="mz-hint">«خرید» و «فروش» از دید مشتری است. ستون «قیمت عضو» همان قیمتی است که عضو این دسته در اپ می‌بیند.</caption>
                    <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>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($rows as $row)
                            @php $id = $row['id']; @endphp
                            <tr>
                                <th class="mz-table__cell" scope="row">
                                    <input type="hidden" name="products[]" value="{{ $id }}">
                                    {{-- slice 5د۲: the mode this row was drawn in; a product switched since is refused, never read in the other unit --}}
                                    <input type="hidden" name="spread_mode[{{ $id }}]" value="{{ $row['mode'] }}">
                                    {{ $row['title'] }}
                                    <span class="mz-hint"><x-mz-meta :parts="['مرجع ' . $row['reference'] . ' ' . $row['unit'], 'اختلاف کالا: خرید ' . $row['own_buy'] . '، فروش ' . $row['own_sell'], $row['percent'] ? 'اختلاف ویژهٔ این کالا هم درصد است' : null]"/></span>
                                </th>
                                <td class="mz-table__cell">
                                    <input type="hidden" name="allowed[{{ $id }}]" value="0">
                                    <label class="mz-check" for="mz-allowed-{{ $id }}">
                                        <input class="mz-check__box" id="mz-allowed-{{ $id }}" name="allowed[{{ $id }}]" type="checkbox" value="1"
                                               @checked((string) $old('allowed', $id, $row['allowed'] ? '1' : '0') === '1')
                                               @error('allowed.' . $id) aria-invalid="true" aria-describedby="mz-allowed-{{ $id }}-error" @enderror>
                                        <span>مجاز</span>
                                    </label>
                                    @error('allowed.' . $id) <p class="mz-error" id="mz-allowed-{{ $id }}-error">{{ $message }}</p> @enderror
                                </td>
                                @foreach (['buy' => 'خرید', 'sell' => 'فروش'] as $side => $word)
                                    @php $field = $side . '_spread'; @endphp
                                    <td class="mz-table__cell">
                                        <input class="mz-input mz-input--ltr mz-input--short" id="mz-{{ $field }}-{{ $id }}" name="{{ $field }}[{{ $id }}]" type="text"
                                               inputmode="decimal" maxlength="30" autocomplete="off" value="{{ $old($field, $id, $row[$field]) }}"
                                               placeholder="همان کالا" aria-label="اختلاف {{ $word }} ویژهٔ {{ $row['title'] }} ({{ $row['percent'] ? 'درصد' : $unitWord }})"
                                               aria-describedby="mz-{{ $field }}-{{ $id }}-error" @error($field . '.' . $id) aria-invalid="true" @enderror>
                                        @if ($row['percent'])
                                            <span class="mz-hint">٪ از قیمت مرجع</span>
                                        @endif
                                        <p class="mz-error" id="mz-{{ $field }}-{{ $id }}-error" data-error-for="{{ $field }}.{{ $id }}">@error($field . '.' . $id){{ $message }}@enderror</p>
                                    </td>
                                    <td class="mz-table__cell" data-cell="{{ $side }}.{{ $id }}" aria-live="polite">{{ $row[$side] }}</td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <p class="mz-notice mz-notice--no" role="alert" x-show="offline" x-cloak>اتصال برقرار نیست؛ قیمت عضو پس از «ذخیره» درست نشان داده می‌شود.</p>
            </div>
        @endif

        <div class="mz-actions">
            <button class="mz-btn" type="submit">ذخیره</button>
            @if ($group)
                <a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.groups.delete', $group->id) }}">حذف این دسته…</a>
            @endif
        </div>
    </form>

    @if ($group)
        <h2 class="mz-queue__today-title">اعضا ({{ \App\Support\Display::number($members->count()) }})</h2>
        <div class="mz-card">
            @if ($members->isEmpty())
                <p>این دسته هنوز عضوی ندارد. دستهٔ هر مشتری در «حساب مشتری» صفحهٔ همان مشتری تعیین می‌شود.</p>
                <div class="mz-actions"><a class="mz-btn mz-btn--quiet" href="{{ route('mz.seller.customers') }}">مشتریان</a></div>
            @else
                <ul class="mz-list-plain">
                    @foreach ($members as $member)
                        <li><a href="{{ route('mz.seller.customers.show', $member->id) }}#mz-account-title">{{ $member->name }}</a> <x-mz-phone :number="$member->mobile"/></li>
                    @endforeach
                </ul>
            @endif
        </div>
    @endif
@endsection