@php
    $ev = $event ?? null;
    $cover = $ev && $ev->img
        ? 'https://' . $serverData->name . '/contents/' . session('siteID') . '/event/' . $ev->img
        : null;
    $showMap = old('show_map', $ev->show_map ?? '0') == '1';
@endphp

<div class="evtform__grid">

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

            <div class="sec__body">
                <label class="field">
                    <span class="field__label">{{ __('site.page_events_new_input_1') }}</span>
                    <input class="input" type="text" name="name" value="{{ old('name', $ev->name ?? '') }}"
                           maxlength="255" autocomplete="off" required>
                    @if(session('error_name'))
                        <span class="field__err">{{ session('error_name') }}</span>
                    @endif
                </label>

                {{-- campos nativos: o seletor do sistema é melhor que um plugin,
                     e o valor já chega em ISO, sem conversão de dd/mm/aaaa --}}
                <div class="grid-2">
                    <label class="field">
                        <span class="field__label">{{ __('site.page_events_new_input_2') }}</span>
                        <input class="input" type="date" name="date_start"
                               value="{{ old('date_start', $ev->date_start ?? '') }}" required>
                        @if(session('error_date_start'))
                            <span class="field__err">{{ session('error_date_start') }}</span>
                        @endif
                    </label>

                    <label class="field">
                        <span class="field__label">{{ __('site.page_events_new_input_3') }}</span>
                        <input class="input" type="time" name="time_start"
                               value="{{ old('time_start', isset($ev) ? substr($ev->time_start, 0, 5) : '') }}" required>
                        @if(session('error_time_start'))
                            <span class="field__err">{{ session('error_time_start') }}</span>
                        @endif
                    </label>

                    <label class="field">
                        <span class="field__label">{{ __('site.page_events_new_input_4') }}</span>
                        <input class="input" type="date" name="date_end"
                               value="{{ old('date_end', $ev->date_end ?? '') }}" required>
                        @if(session('error_date_end'))
                            <span class="field__err">{{ session('error_date_end') }}</span>
                        @endif
                    </label>

                    <label class="field">
                        <span class="field__label">{{ __('site.page_events_new_input_5') }}</span>
                        <input class="input" type="time" name="time_end"
                               value="{{ old('time_end', isset($ev) ? substr($ev->time_end, 0, 5) : '') }}" required>
                        @if(session('error_time_end'))
                            <span class="field__err">{{ session('error_time_end') }}</span>
                        @endif
                    </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_events_new_input_8') }}</h2>
            </div>
            <div class="sec__body">
                <div class="evtform__editor">
                    <textarea name="description" class="html-editor without-integration">{{ old('description', $ev->description ?? '') }}</textarea>
                </div>
            </div>
        </section>
    </div>

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

            <div class="sec__body">
                {{-- div e não form: form aninhado é descartado pelo parser --}}
                <div class="evtform__drop evtdrop" data-url="{{ route('site.events.r.upload') }}">
                    <img class="evtform__img" src="{{ $cover }}" alt="" {{ $cover ? '' : 'hidden' }}>

                    <span class="evtform__empty">
                        <i class="fa-solid fa-cloud-arrow-up"></i>
                        <span>{{ __('site.page_events_drop_here') }}</span>
                    </span>

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

                <input type="hidden" name="img" class="evtform__file" value="{{ old('img', $ev->img ?? '') }}">

                @if(session('error_img'))
                    <p class="field__err evtform__imgerr">{{ session('error_img') }}</p>
                @endif
            </div>
        </section>

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

            <div class="sec__body">
                <label class="field">
                    <span class="field__label">{{ __('site.page_events_new_input_6') }}</span>
                    <span class="evtplace">
                        <input class="input evtplace__input" type="text" name="place"
                               value="{{ old('place', $ev->place ?? '') }}" maxlength="255" autocomplete="off">
                        <button class="btn btn--ghost evtplace__find" type="button" title="{{ __('site.page_events_find') }}">
                            <i class="fa-solid fa-magnifying-glass"></i>
                        </button>
                    </span>
                    <span class="field__help evtplace__state"></span>
                </label>

                <label class="row">
                    <span class="row__text">
                        <strong>{{ __('site.page_events_new_input_7') }}</strong>
                        <small>{{ __('site.page_events_map_help') }}</small>
                    </span>
                    <span class="switch">
                        <input type="checkbox" name="show_map" value="1" class="evtmap__toggle" @checked($showMap)>
                        <span class="switch__track"><span class="switch__knob"></span></span>
                    </span>
                </label>

                <div class="evtmap" {{ $showMap ? '' : 'hidden' }}>
                    <div class="evtmap__canvas"></div>
                    <p class="evtmap__hint">{{ __('site.page_events_map_drag') }}</p>
                </div>

                <input type="hidden" name="lat" class="evtmap__lat" value="{{ old('lat', $ev->lat ?? '') }}">
                <input type="hidden" name="lng" class="evtmap__lng" value="{{ old('lng', $ev->lng ?? '') }}">
            </div>
        </section>
    </div>
</div>