@php
    /**
     * Formulario de formulario, usado por criar e alterar. Depois do primeiro
     * cadastro os campos ficam so de leitura: a resposta e guardada por posicao,
     * entao mexer neles embaralharia o que ja foi enviado.
     */
    $antigos = old('fields');

    if (is_array($antigos)) {
        $campos = array_values($antigos);
    } else {
        $campos = [];

        foreach ($formInputs as $campo) {
            $campos[] = ['fieldName' => $campo->name, 'fieldType' => $campo->type];
        }
    }

    if (! $campos) { $campos[] = ['fieldName' => '', 'fieldType' => '1']; }

    $tipos = [
        '1' => __('site.page_forms_new_dyn_inp_2_tp_1'),
        '2' => __('site.page_forms_new_dyn_inp_2_tp_2'),
        '3' => __('site.page_forms_new_dyn_inp_2_tp_3'),
        '4' => __('site.page_forms_new_dyn_inp_2_tp_4'),
        '5' => __('site.page_forms_new_dyn_inp_2_tp_5'),
        '6' => __('site.page_forms_new_dyn_inp_2_tp_6'),
    ];

    $travado = $totalReply > 0;
@endphp

<form class="fmform" method="POST" action="{{ $action }}" data-max="{{ $fieldMax }}"
      data-msg-min="{{ __('site.page_forms_field_min') }}"
      data-msg-max="{{ __('site.page_forms_field_max', ['n' => $fieldMax]) }}"
      data-label-name="{{ __('site.page_forms_new_dyn_inp_1') }}"
      data-label-type="{{ __('site.page_forms_new_dyn_inp_2') }}"
      data-label-drop="{{ __('site.page_forms_field_remove') }}">

    @if($errors->any())
        <div class="flash flash--err">
            <i class="fa-solid fa-circle-exclamation"></i> {{ __('site.page_polls_fix_errors') }}
        </div>
    @endif

    <section class="sec">
        <div class="sec__head">
            <h2 class="sec__title"><i class="fa-solid fa-clipboard-list"></i> {{ __('site.page_forms_block_data') }}</h2>
        </div>

        <div class="sec__body">
            <label class="field">
                <span class="field__label">{{ __('site.page_forms_new_input_1') }}</span>
                <input class="input" type="text" name="name" maxlength="255" autocomplete="off"
                       value="{{ old('name', $formData->name ?? '') }}">
                @error('name')<span class="field__err">{{ $message }}</span>@enderror
            </label>

            <label class="field">
                <span class="field__label">{{ __('site.page_forms_new_input_2') }}</span>
                <textarea class="input fmform__desc" name="description" rows="3" maxlength="2000"
                          placeholder="{{ __('site.page_forms_new_input_2_place') }}">{{ old('description', $formData->description ?? '') }}</textarea>
                @error('description')<span class="field__err">{{ $message }}</span>@enderror
            </label>

            <label class="row">
                <span class="row__text">
                    <strong>{{ __('site.page_forms_new_input_3') }}</strong>
                    <small>{{ __('site.page_forms_captcha_help') }}</small>
                </span>
                <span class="switch">
                    <input type="hidden" name="captcha" value="0">
                    <input type="checkbox" name="captcha" value="1"
                           @checked(old('captcha', $formData->captcha ?? '1') === '1')>
                    <span class="switch__track"><span class="switch__knob"></span></span>
                </span>
            </label>
        </div>
    </section>

    <section class="sec {{ $travado ? 'is-locked' : '' }}">
        <div class="sec__head">
            <h2 class="sec__title"><i class="fa-solid fa-list-check"></i> {{ __('site.page_forms_new_dyn_title') }}</h2>
            <p class="sec__desc">{{ __('site.page_forms_block_fields_desc') }}</p>
        </div>

        <div class="sec__body">
            @if($travado)
                <p class="fmlock">
                    <i class="fa-solid fa-lock"></i>
                    <span>
                        {{ __('site.page_forms_edit_msg_reg') }}
                        <a href="{{ route('site.forms.r.answers', $formData->id) }}">{{ __('site.page_forms_edit_link_reg') }}</a>
                    </span>
                </p>
            @endif

            <div class="fmhead">
                <span class="fmhead__num"></span>
                <span class="fmhead__name">{{ __('site.page_forms_new_dyn_inp_1') }}</span>
                <span class="fmhead__type">{{ __('site.page_forms_new_dyn_inp_2') }}</span>
                @unless($travado)<span class="fmhead__drop"></span>@endunless
            </div>

            <div class="fmfields">
                @foreach($campos as $i => $campo)
                    <div class="fmfield">
                        <span class="fmfield__num">{{ $i + 1 }}</span>

                        <label class="fmfield__name">
                            <span class="sr-only">{{ __('site.page_forms_new_dyn_inp_1') }} {{ $i + 1 }}</span>
                            <input class="input" type="text" maxlength="255" autocomplete="off"
                                   name="fields[{{ $i }}][fieldName]" value="{{ $campo['fieldName'] }}"
                                   @disabled($travado)>
                        </label>

                        <label class="fmfield__type">
                            <span class="sr-only">{{ __('site.page_forms_new_dyn_inp_2') }} {{ $i + 1 }}</span>
                            <select class="input" name="fields[{{ $i }}][fieldType]" @disabled($travado)>
                                @foreach($tipos as $valor => $rotulo)
                                    <option value="{{ $valor }}" @selected((string) $campo['fieldType'] === (string) $valor)>{{ $rotulo }}</option>
                                @endforeach
                            </select>
                        </label>

                        @unless($travado)
                            <button class="fmfield__drop" type="button" title="{{ __('site.page_forms_field_remove') }}">
                                <i class="fa-solid fa-xmark"></i>
                            </button>
                        @endunless
                    </div>
                @endforeach
            </div>

            @error('fields')<p class="field__err">{{ $message }}</p>@enderror
            @error('fields.*.fieldName')<p class="field__err">{{ $message }}</p>@enderror
            @error('fields.*.fieldType')<p class="field__err">{{ $message }}</p>@enderror

            <p class="fmfields__error" hidden></p>

            @unless($travado)
                <button class="btn btn--ghost fmfields__add" type="button">
                    <i class="fa-solid fa-plus"></i> {{ __('site.page_forms_new_dyn_btn_new') }}
                </button>
            @endunless
        </div>
    </section>

    <div class="bgform__foot">
        <a class="btn btn--ghost" href="{{ route('site.forms.r') }}">{{ __('site.btn_cancel') }}</a>

        <button class="btn btn--primary fmform__submit" type="submit">
            @include('includes.spinner')
            <span class="btn__label">{{ __('site.action_save') }}</span>
        </button>
    </div>
</form>