@php
    $settings = app(\Korzilla\Core\Settings\SettingsRepository::class);
    $currency = $settings->string('catalog.currency_suffix', '₽');
    $value = fn (string $key) => old($key, $old[$key] ?? '');
@endphp

<div class="kz-checkout">
    <h1>Оформление заказа</h1>

    @if (session('error'))
        <p class="kz-checkout__error">{{ session('error') }}</p>
    @endif

    <div class="kz-checkout__summary">
        @foreach ($cart['items'] as $line)
            <div class="kz-checkout__line">
                <span>{{ $line['product']->name }}</span>
                <span>{{ rtrim(rtrim(number_format($line['item']->quantity, 3, ',', ' '), '0'), ',') }} ×
                    {{ number_format((float) $line['price'], 2, ',', ' ') }} {{ $currency }}</span>
            </div>
        @endforeach

        @php($defaultDelivery = $deliveries->firstWhere('is_default') ?? $deliveries->first())
        @php($defaultCost = $defaultDelivery === null ? 0 : ($deliveryCosts[$defaultDelivery->key_name] ?? 0))

        <div class="kz-checkout__totals">
            <div class="kz-checkout__line">
                <span>Товары</span>
                <span>{{ number_format($cart['total'], 2, ',', ' ') }} {{ $currency }}</span>
            </div>

            <div class="kz-checkout__line">
                <span>Доставка</span>
                <span data-kz-delivery-line>
                    {{ $defaultCost > 0 ? number_format($defaultCost, 2, ',', ' ').' '.$currency : 'бесплатно' }}
                </span>
            </div>

            <div class="kz-checkout__total">
                <span>Итого</span>
                {{-- Итог пересчитывается на клиенте при смене способа, но
                     решает всё равно сервер: он считает доставку сам и никогда
                     не берёт сумму из формы. --}}
                <strong data-kz-total data-kz-items="{{ $cart['total'] }}">
                    {{ number_format($cart['total'] + $defaultCost, 2, ',', ' ') }} {{ $currency }}
                </strong>
            </div>
        </div>
    </div>

    <form method="post" action="/cart/checkout" class="kz-checkout__form">
        @csrf

        @if ($awaiting)
            {{-- Введённые данные едут скрытыми полями, а не в сессии: шаг
                 подтверждения не должен зависеть от того, та ли это вкладка. --}}
            @foreach (['customer_name', 'customer_phone', 'customer_email', 'delivery_key', 'delivery_address', 'comment', 'payment_key'] as $field)
                <input type="hidden" name="{{ $field }}" value="{{ $old[$field] ?? '' }}">
            @endforeach

            {{-- Свои поля переживают шаг подтверждения так же, как системные:
                 иначе после звонка «этаж и подъезд» пришлось бы вводить
                 заново, а покупатель уже считает заказ оформленным. --}}
            @foreach (($old['extra'] ?? []) as $key => $extra)
                <input type="hidden" name="extra[{{ $key }}]" value="{{ $extra }}">
            @endforeach

            <p class="kz-checkout__hint">
                Звоним на {{ $masked }}. Отвечать не нужно — введите последние цифры номера,
                с которого идёт звонок.
            </p>

            <label class="kz-checkout__label" for="kz-checkout-code">Код из звонка</label>
            <input id="kz-checkout-code" type="text" name="code" inputmode="numeric"
                   autocomplete="one-time-code" required autofocus>

            @error('code')
                <p class="kz-checkout__error">{{ $message }}</p>
            @enderror

            <button type="submit" class="kz-button">Подтвердить и оформить</button>
        @else
            <label class="kz-checkout__label" for="kz-checkout-name">Имя *</label>
            <input id="kz-checkout-name" type="text" name="customer_name" value="{{ $value('customer_name') }}" required>
            @error('customer_name') <p class="kz-checkout__error">{{ $message }}</p> @enderror

            <label class="kz-checkout__label" for="kz-checkout-phone">Телефон *</label>
            <input id="kz-checkout-phone" type="tel" name="customer_phone" inputmode="tel"
                   placeholder="+7 900 000-00-00" value="{{ $value('customer_phone') }}" required>
            @error('customer_phone') <p class="kz-checkout__error">{{ $message }}</p> @enderror

            <label class="kz-checkout__label" for="kz-checkout-email">Почта</label>
            <input id="kz-checkout-email" type="email" name="customer_email" value="{{ $value('customer_email') }}">

            {{-- Способ показывается ВСЕГДА, даже когда он один. Скрытое поле
                 без единой строки на странице означало для покупателя, что
                 сайт не сказал ему ни как повезёт, ни сколько это стоит. --}}
            @if (count($deliveries) > 0)
                <fieldset class="kz-checkout__delivery">
                    <legend class="kz-checkout__label">Доставка</legend>

                    @foreach ($deliveries as $delivery)
                        @php($cost = $deliveryCosts[$delivery->key_name] ?? 0)

                        <label class="kz-checkout__delivery-option">
                            <input type="radio" name="delivery_key" value="{{ $delivery->key_name }}"
                                   data-kz-delivery-cost="{{ $cost }}"
                                   @checked(
                                       $value('delivery_key') === $delivery->key_name
                                       || ($value('delivery_key') === '' && (count($deliveries) === 1 || $delivery->is_default))
                                   )>
                            {{ $delivery->name }}

                            {{-- Цена показана справочно; в заказ уедет та,
                                 что посчитает сервер. --}}
                            <span class="kz-checkout__delivery-price">
                                @if ($cost > 0)
                                    {{ number_format($cost, 2, ',', ' ') }} {{ $currency }}
                                @else
                                    бесплатно
                                @endif
                            </span>

                            @if ($delivery->description)
                                <span class="kz-checkout__delivery-hint">{{ $delivery->description }}</span>
                            @endif
                        </label>
                    @endforeach
                </fieldset>
            @endif

            <label class="kz-checkout__label" for="kz-checkout-address">Адрес доставки</label>
            <input id="kz-checkout-address" type="text" name="delivery_address" value="{{ $value('delivery_address') }}">
            @error('delivery_address') <p class="kz-checkout__error">{{ $message }}</p> @enderror

            {{-- Свои поля сайта: «этаж и подъезд», «удобное время», «ИНН».
                 Набор задаёт владелец в админке — код о них не знает. --}}
            @foreach ($fields as $field)
                @php($name = 'extra['.$field->key_name.']')
                @php($id = 'kz-checkout-'.$field->key_name)
                @php($own = old('extra.'.$field->key_name, $old['extra'][$field->key_name] ?? ''))

                @if ($field->type === 'checkbox')
                    <label class="kz-checkout__check" for="{{ $id }}">
                        <input id="{{ $id }}" type="checkbox" name="{{ $name }}" value="1" @checked($own)>
                        {{ $field->label }}@if ($field->is_required) * @endif
                    </label>
                @else
                    <label class="kz-checkout__label" for="{{ $id }}">
                        {{ $field->label }}@if ($field->is_required) * @endif
                    </label>

                    @if ($field->type === 'text')
                        <textarea id="{{ $id }}" name="{{ $name }}" rows="3"
                                  placeholder="{{ $field->placeholder }}"
                                  @required($field->is_required)>{{ $own }}</textarea>
                    @elseif ($field->type === 'select')
                        <select id="{{ $id }}" name="{{ $name }}" @required($field->is_required)>
                            <option value="">— выберите —</option>
                            @foreach ($field->optionList() as $option)
                                <option value="{{ $option }}" @selected($own === $option)>{{ $option }}</option>
                            @endforeach
                        </select>
                    @else
                        <input id="{{ $id }}" name="{{ $name }}" value="{{ $own }}"
                               type="{{ ['number' => 'number', 'email' => 'email', 'phone' => 'tel'][$field->type] ?? 'text' }}"
                               placeholder="{{ $field->placeholder }}"
                               @required($field->is_required)>
                    @endif
                @endif

                @error('extra.'.$field->key_name)
                    <p class="kz-checkout__error">{{ $message }}</p>
                @enderror
            @endforeach

            <label class="kz-checkout__label" for="kz-checkout-comment">Комментарий</label>
            <textarea id="kz-checkout-comment" name="comment" rows="3">{{ $value('comment') }}</textarea>

            @if (count($methods) > 0)
                <fieldset class="kz-checkout__payment">
                    <legend class="kz-checkout__label">Оплата</legend>

                    @foreach ($methods as $method)
                        <label class="kz-checkout__payment-option">
                            <input type="radio" name="payment_key" value="{{ $method->key_name }}"
                                   @checked(
                                       $value('payment_key') === $method->key_name
                                       || ($value('payment_key') === '' && (count($methods) === 1 || $method->is_default))
                                   )>
                            {{ $method->name }}
                            @if ($method->description)
                                <span class="kz-checkout__payment-hint">{{ $method->description }}</span>
                            @endif
                        </label>
                    @endforeach
                </fieldset>
            @endif

            <button type="submit" class="kz-button">
                {{ $confirmRequired ? 'Получить код звонком' : 'Оформить заказ' }}
            </button>

            @if ($confirmRequired)
                <p class="kz-checkout__consent">
                    Телефон подтверждается звонком: отвечать не нужно, код — последние цифры
                    номера звонящего.
                </p>
            @endif
        @endif
    </form>
</div>

@unless ($awaiting)
    {{-- Пересчёт итога при смене способа доставки.
         Без скрипта итог показывает способ по умолчанию — и это не ошибка:
         сумму всё равно считает сервер, он никогда не берёт её из формы. --}}
    <script>
        (function () {
            var total = document.querySelector('[data-kz-total]');
            var line = document.querySelector('[data-kz-delivery-line]');

            if (!total) return;

            var items = parseFloat(total.getAttribute('data-kz-items')) || 0;
            var currency = @json($currency);

            var money = function (value) {
                return value.toFixed(2).replace('.', ',').replace(/\B(?=(\d{3})+(?!\d))/g, ' ') + ' ' + currency;
            };

            document.querySelectorAll('[data-kz-delivery-cost]').forEach(function (input) {
                input.addEventListener('change', function () {
                    var cost = parseFloat(input.getAttribute('data-kz-delivery-cost')) || 0;

                    if (line) line.textContent = cost > 0 ? money(cost) : 'бесплатно';

                    total.textContent = money(items + cost);
                });
            });
        })();
    </script>
@endunless