@php
    /**
     * Shell shared by every settings screen: breadcrumb, title, skeleton and
     * the form driven by $sections. A page only needs the array plus the four
     * data-* below, which is what keeps this from becoming one view per page.
     *
     * Expects: $pageTitle, $subtitle?, $sections, $resource, $blocks?
     */
    $blocks = $blocks ?? array_map(fn ($s) => max(1, count($s['items'])), $sections);
@endphp

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ $pageTitle }}</h1>
            @if(! empty($subtitle))
                <p class="page-sub">{{ $subtitle }}</p>
            @endif
        </div>
    </header>

    @include('includes.skeleton-config', ['blocks' => $blocks])

    <div class="apierr" hidden>
        <span class="apierr__ico"><i class="fa-solid fa-triangle-exclamation"></i></span>
        <h2 class="apierr__title">{{ __('site.cfg_err_title') }}</h2>
        <p class="apierr__text">{{ __('site.cfg_err_generic') }}</p>
        <button class="btn btn--primary apierr__retry" type="button"
                data-label="{{ __('site.cfg_err_retry') }}" data-wait="{{ __('site.cfg_err_wait') }}">
            @include('includes.spinner')
            <span class="btn__label">{{ __('site.cfg_err_retry') }}</span>
        </button>
    </div>

    <form method="POST" class="cfg is-loading"
          data-url-data="{{ route('site.form.data', $resource) }}"
          data-url-store="{{ route('site.form.store', $resource) }}"
          data-msg-saved="{{ __('site.configs_saved') }}"
          data-msg-save-error="{{ __('site.cfg_err_save') }}"
          data-msg-save="{{ __('general.action_save_changes') }}"
          data-msg-saving="{{ __('site.configs_saving') }}">

        @include('includes.form-sections', ['sections' => $sections])

        <div class="cfg__save">
            <button class="btn btn--primary" type="submit">
                @include('includes.spinner')
                <i class="fa-solid fa-floppy-disk"></i>
                <span class="btn__label">{{ __('general.action_save_changes') }}</span>
            </button>
        </div>
    </form>

</main>