@php
    /**
     * Shared body of the create and edit screens. They differ only in the
     * action, the loaded values and the cover already on file, so one partial
     * keeps the two from drifting apart.
     *
     * Expects: $action, $post (null on create), $getCategories,
     *          $selectedCategories, $serverData, $siteData, $pageTitle,
     *          $submitLabel
     */
    $errorTitle = Session::has('error_title');
    $errorCat = Session::has('error_cat');

    $title = $errorTitle ? '' : old('title', $post ? htmlspecialchars_decode($post->title) : '');
    $content = htmlspecialchars_decode(old('content', $post->content ?? ''));
    $shortText = old('short_text', $post ? htmlspecialchars_decode((string) $post->short_text) : '');
    $coverAlt = old('feature_img_alt', $post ? htmlspecialchars_decode((string) $post->feature_img_alt) : '');
    $visibility = old('visibility', $post->status ?? '1');
    $allowComments = old('allow_comments', $post->allow_comments ?? '1');
    $cover = $post->feature_img ?? null;

    $coverBase = 'https://' . ($serverData->name ?? '') . '/contents/' . ($siteData->id ?? '') . '/posts/';
    $coverUrl = $cover ? $coverBase . $cover : '';

    $now = now();
    $oldSchedule = old('schedule_time');
    $scheduleValue = ($oldSchedule && \Carbon\Carbon::parse($oldSchedule)->greaterThan($now))
        ? $oldSchedule
        : ($post->schedule_timestamp ?? $now->format('Y-m-d\TH:i'));

    $visibilityOptions = [
        '1' => __('site.page_post_new_side_grid1_option_1'),
        '3' => __('site.page_post_new_side_grid1_option_4'),
        '2' => __('site.page_post_new_side_grid1_option_2'),
        '0' => __('site.page_post_new_side_grid1_option_3'),
    ];
@endphp

<form class="pform" method="POST" action="{{ $action }}"
      data-url-upload="{{ route('site.posts.c.uploadAsset') }}"
      data-url-remove="{{ route('site.posts.c.uploadCanc') }}"
      data-url-category="{{ route('site.posts.c.do.categories') }}"
      data-max-cats="3"
      data-msg-cats="{{ __('site.page_post_cat_limit_message') }}"
      data-msg-cat-ok="{{ __('site.page_post_cat_created') }}"
      data-msg-saving="{{ __('site.page_post_saving') }}"
      data-drop="{{ __('site.site_file_upload') }}"
      data-drop-hint="{{ __('site.site_file_upload_2') }}"
      data-remove="{{ __('site.btn_remove') }}"
      data-cover-base="{{ $coverBase }}"
      data-cover-current="{{ $cover }}"
      data-cover-none="{{ __('site.page_post_cover_none') }}"
      data-cover-set="{{ __('site.page_post_cover_set') }}"
      data-cover-send="{{ __('site.page_post_cover_send') }}"
      data-cover-change="{{ __('site.page_post_edit__side_grid3_btn_2') }}">

    <input type="hidden" name="feature_image" class="pform__image" value="">
    @if($post)
        <input type="hidden" name="fea_rmv" class="pform__image-remove" value="">
    @endif

    <div class="pbar">
        <h1 class="pbar__title">{{ $pageTitle }}</h1>
        <div class="pbar__acts">
            <a class="btn btn--ghost" href="{{ route('site.posts.r.media') }}">
                <i class="fa-solid fa-photo-film"></i> {{ __('site.page_post_new_btn_media') }}
            </a>
            <a class="btn btn--ghost" href="{{ route('site.posts.r') }}">{{ __('site.btn_cancel') }}</a>
            <button class="btn btn--primary pform__submit" type="submit">
                @include('includes.spinner')
                <span class="btn__label">{{ $submitLabel }}</span>
            </button>
        </div>
    </div>

    <div class="pform__grid">
        <div class="pform__main">
            <div class="sec">
                <div class="sec__body">
                    <label class="pform__title-wrap">
                        <input class="input pform__title {{ $errorTitle ? 'is-invalid' : '' }}" type="text"
                               name="title" value="{{ $title }}" autocomplete="off"
                               placeholder="{{ __('site.page_post_new_input_title') }}">
                        @if($errorTitle)
                            <span class="field__error">{{ Session::get('error_title') }}</span>
                        @endif
                    </label>

                    {{-- a linha fina fica logo abaixo do título, que é a ordem do site --}}
                    <label class="pform__short-wrap">
                        <input class="input pform__short" type="text" name="short_text" maxlength="255"
                               value="{{ $shortText }}" autocomplete="off"
                               placeholder="{{ __('site.page_post_new_input_short') }}">
                    </label>

                    {{-- a descrição da capa acompanha a imagem no site e nos leitores de tela --}}
                    <label class="pform__alt-wrap">
                        <input class="input pform__alt" type="text" name="feature_img_alt" maxlength="255"
                               value="{{ $coverAlt }}" autocomplete="off"
                               placeholder="{{ __('site.page_post_new_input_cover_alt') }}">
                    </label>

                    <div class="pform__editor">
                        <textarea name="content" class="html-editor">{{ $content }}</textarea>
                    </div>
                </div>
            </div>
        </div>

        <aside class="pform__side">
            <section class="sec">
                <div class="sec__head">
                    <h2 class="sec__title"><i class="fa-solid fa-eye"></i> {{ __('site.page_post_new_side_grid1_title') }}</h2>
                </div>
                <div class="sec__body">
                    <label class="field field--stack">
                        <span class="field__label">{{ __('site.page_post_new_side_grid1_label_1') }}</span>
                        <select class="input pform__visibility" name="visibility">
                            @foreach($visibilityOptions as $value => $label)
                                <option value="{{ $value }}" @selected($visibility == $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </label>

                    <label class="field field--stack pform__schedule" hidden>
                        <span class="field__label">{{ __('site.page_post_schedule_for') }}</span>
                        <input class="input pform__schedule-input" type="datetime-local" name="schedule_time"
                               min="{{ $now->format('Y-m-d\TH:i') }}" value="{{ $scheduleValue }}">
                    </label>

                    <div class="row">
                        <div class="row__text">
                            <strong>{{ __('site.page_post_new_side_grid1_label_2') }}</strong>
                        </div>
                        <label class="switch">
                            <input type="checkbox" class="pform__comments" @checked($allowComments == '1')>
                            <span class="switch__track"><span class="switch__knob"></span></span>
                        </label>
                        <input type="hidden" name="allow_comments" value="{{ $allowComments == '1' ? '1' : '0' }}">
                    </div>
                </div>
            </section>

            <section class="sec">
                <div class="covertop">
                    <span class="covertop__thumb">
                        <img class="covertop__img" src="{{ $coverUrl }}" alt="" {{ $cover ? '' : 'hidden' }}>
                        <i class="fa-solid fa-image covertop__ico" {{ $cover ? 'hidden' : '' }}></i>
                    </span>
                    <span class="covertop__text">
                        <strong>{{ __('site.page_post_new_side_grid3_title') }}</strong>
                        <small class="covertop__state">
                            {{ $cover ? __('site.page_post_cover_set') : __('site.page_post_cover_none') }}
                        </small>
                        <button class="btn btn--ghost covertop__btn" type="button">
                            <i class="fa-solid fa-arrow-up-from-bracket"></i>
                            <span class="btn__label">{{ $cover ? __('site.page_post_edit__side_grid3_btn_2') : __('site.page_post_cover_send') }}</span>
                        </button>
                    </span>
                </div>

                <div class="covertop__drop" hidden>
                    <div class="dropzone"></div>
                    <p class="pcover__hint">{{ str_replace(['%1%', '%2%'], ['970x550', '2'], __('site.page_post_new_side_grid3_desc')) }}</p>
                    <button class="btn btn--ghost covertop__cancel" type="button">
                        <i class="fa-solid fa-xmark"></i> {{ __('site.btn_cancel') }}
                    </button>
                </div>
            </section>

            <section class="sec sec--cats {{ $errorCat ? 'is-invalid' : '' }}">
                <div class="sec__head">
                    <h2 class="sec__title"><i class="fa-solid fa-tags"></i> {{ __('site.page_post_new_side_grid2_title') }}</h2>
                    <button class="catbtn pform__cat-new" type="button" title="{{ __('site.page_post_new_side_grid2_link') }}">
                        <i class="fa-solid fa-plus"></i>
                    </button>
                </div>
                <div class="sec__body">
                    <div class="catfilter">
                        <i class="fa-solid fa-magnifying-glass"></i>
                        <input class="input pform__cat-filter" type="text" autocomplete="off"
                               placeholder="{{ __('site.page_post_cat_filter') }}">
                    </div>

                    <div class="catgrid pform__cats">
                        @foreach($getCategories as $category)
                            <label class="cat" title="{{ $category->name }}">
                                <input type="checkbox" name="categories[]" value="{{ $category->id }}"
                                       @checked(in_array($category->id, $selectedCategories))>
                                <span class="cat__mark"><i class="fa-solid fa-check"></i></span>
                                <span class="cat__name">{{ $category->name }}</span>
                            </label>
                        @endforeach
                    </div>

                    <p class="catnone" hidden>{{ __('site.page_post_cat_search_norec') }}</p>

                    @if($errorCat)
                        <p class="field__error">{{ Session::get('error_cat') }}</p>
                    @endif
                </div>
            </section>

        </aside>
    </div>
</form>

<div class="modal catmodal" hidden>
    <div class="modal__card" role="dialog" aria-modal="true">
        <h2 class="modal__title">{{ __('site.page_post_cat_modal_title') }}</h2>
        <input class="input catmodal__input" type="text" autocomplete="off"
               placeholder="{{ __('site.page_post_cat_new_input_place') }}">
        <p class="modal__error" hidden></p>
        <div class="modal__foot">
            <button class="btn btn--ghost catmodal__cancel" type="button">{{ __('site.btn_cancel') }}</button>
            <button class="btn btn--primary catmodal__ok" type="button">
                @include('includes.spinner')
                <span class="btn__label">{{ __('general.action_save_changes') }}</span>
            </button>
        </div>
    </div>
</div>