{{--
    Форма обратной связи.

    Обычный POST с редиректом назад: форма обратной связи — последнее место
    на сайте, где уместно зависеть от JavaScript.
--}}
<div class="kz-form">
    @if ($sent)
        <p class="kz-form__success">
            {{ $form->success_text ?: 'Спасибо, заявка отправлена. Мы свяжемся с вами.' }}
        </p>
    @else
        <form class="kz-form__form" method="post" action="/form/{{ $form->key }}">
            @csrf

            {{-- Приманка для ботов: человек её не видит, бот заполняет всё,
                 что нашёл в разметке. Скрывается стилями, а не type=hidden —
                 скрытое поле бот как раз пропустит. --}}
            <div class="kz-form__trap" aria-hidden="true">
                <label>Сайт компании<input type="text" name="{{ $honeypot }}" tabindex="-1" autocomplete="off"></label>
            </div>

            <input type="hidden" name="_started_at" value="{{ $startedAt }}">

            {{-- Какую форму отправляли: на странице их может быть несколько,
                 а сумка ошибок одна, и без метки не понять, чьи это ошибки. --}}
            <input type="hidden" name="_form" value="{{ $form->key }}">

            @foreach ($form->fields as $field)
                <div class="kz-form__row">
                    @if ($field->type()->value === 'checkbox')
                        <label class="kz-form__check">
                            <input type="checkbox" name="fields[{{ $field->key }}]" value="1"
                                   @checked(old('fields.'.$field->key))>
                            {{ $field->label }}@if ($field->is_required) * @endif
                        </label>
                    @else
                        <label class="kz-form__label" for="f-{{ $form->key }}-{{ $field->key }}">
                            {{ $field->label }}@if ($field->is_required) * @endif
                        </label>

                        @if ($field->type()->value === 'textarea')
                            <textarea id="f-{{ $form->key }}-{{ $field->key }}"
                                      class="kz-form__field"
                                      name="fields[{{ $field->key }}]"
                                      rows="4"
                                      placeholder="{{ $field->placeholder }}"
                                      @required($field->is_required)>{{ old('fields.'.$field->key) }}</textarea>
                        @elseif ($field->type()->value === 'select')
                            <select id="f-{{ $form->key }}-{{ $field->key }}"
                                    class="kz-form__field"
                                    name="fields[{{ $field->key }}]"
                                    @required($field->is_required)>
                                <option value="">— выберите —</option>
                                @foreach ($field->optionList() as $option)
                                    <option value="{{ $option }}" @selected(old('fields.'.$field->key) === $option)>
                                        {{ $option }}
                                    </option>
                                @endforeach
                            </select>
                        @else
                            <input id="f-{{ $form->key }}-{{ $field->key }}"
                                   class="kz-form__field"
                                   type="{{ ['email' => 'email', 'phone' => 'tel'][$field->type()->value] ?? 'text' }}"
                                   name="fields[{{ $field->key }}]"
                                   value="{{ old('fields.'.$field->key) }}"
                                   placeholder="{{ $field->placeholder }}"
                                   @required($field->is_required)>
                        @endif
                    @endif

                    @error('fields.'.$field->key)
                        <p class="kz-form__error">{{ $message }}</p>
                    @enderror
                </div>
            @endforeach

            <button class="kz-button kz-form__button" type="submit">{{ $form->submit_label }}</button>
        </form>
    @endif
</div>