@php
    /**
     * Formulario de promocao, usado por criar e alterar. A imagem ja subiu
     * quando o cliente salva: o campo escondido carrega so o nome do arquivo
     * que o servidor de sites devolveu.
     */
    $imagemAtual = old('img', $promoData->img ?? '');
    $imagemUrl = $imagemAtual && ! empty($serverData->name)
        ? 'https://' . $serverData->name . '/contents/' . session('siteID') . '/promo/' . $imagemAtual
        : '';
@endphp

<form class="promoform" method="POST" action="{{ $action }}"
      data-msg-type="{{ __('site.site_file_type_error', ['list' => 'JPG, PNG, GIF, BMP, WEBP']) }}"
      data-msg-size="{{ __('site.site_file_size_error', ['n' => 2]) }}"
      data-msg-sending="{{ __('site.site_file_sending') }}"
      data-msg-fail="{{ __('site.site_file_fail') }}"
      data-max-kb="2048"
      data-upload="{{ route('site.posts.c.uploadAsset') }}"
      data-upload-cancel="{{ route('site.posts.c.uploadCanc') }}">

    <input type="hidden" name="img" class="promoform__img" value="{{ $imagemAtual }}">
    <input type="hidden" name="img_rmv" class="promoform__imgrmv" value="">

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

    <div class="promolayout">

        <div class="promolayout__main">

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

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

                    <label class="field">
                        <span class="field__label">{{ __('site.page_promo_new_form_2') }}</span>
                        <select class="input" name="form_id">
                            <option value="">{{ __('site.page_promo_new_form_2_sel') }}</option>
                            @foreach($allForm as $form)
                                <option value="{{ $form->id }}" @selected((string) old('form_id', $promoData->form_id ?? '') === (string) $form->id)>
                                    {{ $form->name }}
                                </option>
                            @endforeach
                        </select>
                        <span class="field__help">{{ __('site.page_promo_form_help') }}</span>
                        @error('form_id')<span class="field__err">{{ $message }}</span>@enderror
                    </label>

                    <div class="promoform__when">
                        <label class="field">
                            <span class="field__label">{{ __('site.page_promo_new_form_3') }}</span>
                            <input class="input" type="date" name="date_end" min="{{ date('Y-m-d') }}"
                                   value="{{ old('date_end', $promoData->date_end ?? '') }}">
                            @error('date_end')<span class="field__err">{{ $message }}</span>@enderror
                        </label>

                        <label class="field">
                            <span class="field__label">{{ __('site.page_promo_new_form_4') }}</span>
                            <input class="input" type="time" name="time_end"
                                   value="{{ old('time_end', isset($promoData->time_end) ? substr($promoData->time_end, 0, 5) : '') }}">
                            @error('time_end')<span class="field__err">{{ $message }}</span>@enderror
                        </label>
                    </div>
                </div>
            </section>

            <section class="sec">
                <div class="sec__head">
                    <h2 class="sec__title"><i class="fa-solid fa-align-left"></i> {{ __('site.page_promo_new_form_5') }}</h2>
                    <p class="sec__desc">{{ __('site.page_promo_desc_help') }}</p>
                </div>

                <div class="sec__body">
                    <textarea class="html-editor textarea" name="description">{{ old('description', $promoData->description ?? '') }}</textarea>
                    @error('description')<span class="field__err">{{ $message }}</span>@enderror
                </div>
            </section>

        </div>

        <aside class="promolayout__side">
            <section class="sec">
                <div class="sec__head">
                    <h2 class="sec__title"><i class="fa-solid fa-image"></i> {{ __('site.page_promo_new_form_title_block') }}</h2>
                </div>

                <div class="sec__body">
                    <div class="promodrop" role="button" tabindex="0">
                        <input class="promodrop__input" type="file" accept=".jpg,.jpeg,.png,.gif,.bmp,.webp" hidden>

                        <img class="promodrop__img" src="{{ $imagemUrl }}" alt="" @if(! $imagemUrl) hidden @endif>

                        <span class="promodrop__empty" @if($imagemUrl) hidden @endif>
                            <i class="fa-solid fa-cloud-arrow-up"></i>
                            {{ __('site.site_file_upload') }}
                        </span>

                        <span class="promodrop__change">{{ __('site.site_file_change') }}</span>
                    </div>

                    <p class="promodrop__status" hidden></p>
                    <p class="promodrop__error" hidden></p>

                    <button class="btn btn--ghost btn--sm promodrop__drop" type="button" @if(! $imagemUrl) hidden @endif>
                        <i class="fa-solid fa-trash"></i> {{ __('site.btn_remove') }}
                    </button>

                    <ul class="promospecs">
                        <li><i class="fa-solid fa-file-image"></i> {{ __('site.site_file_permit') }}: <strong>JPG, PNG, GIF, BMP, WEBP</strong></li>
                        <li><i class="fa-solid fa-floppy-disk"></i> {{ __('site.site_file_size') }}: <strong>2 MB</strong></li>
                        <li><i class="fa-solid fa-arrows-up-down-left-right"></i> {{ __('site.site_file_pixels') }}: <strong>800x450</strong></li>
                    </ul>
                </div>
            </section>
        </aside>

    </div>

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

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