{{--
    Editor do shell do CMS (Configurações → Painel): identidade, regiões, posição e largura da
    navegação (ADR-036/ADR-046). Um controle por campo — nunca o documento JSON. A estrutura é
    dado: a tela só grava a seção `cms` pela porta `Settings`; o shell resolve no próximo request.
--}}
@php
    $firstError = $errors->any() ? $errors->keys()[0] : null;
@endphp

<x-layout::cms
    :title="__($label)"
    :breadcrumbs="[
        ['label' => __('configuracoes::cms.title'), 'url' => route('configuracoes.cms.index')],
        ['label' => __($label)],
    ]">
    @if (session('status'))
        <x-cms::alert variant="success">{{ session('status') }}</x-cms::alert>
    @endif

    <x-cms::form-errors />

    <x-cms::card>
        <form method="post" action="{{ route('configuracoes.cms.update', ['section' => $section]) }}" class="grid gap-4">
            @csrf
            @method('PUT')

            <x-cms::fieldset
                id="configuracoes-shell-identity"
                :legend="__('configuracoes::cms.shell_identity')"
                :description="__('configuracoes::cms.shell_identity_help')">
                <x-cms::form-group
                    name="title"
                    :label="__('configuracoes::cms.shell_title')"
                    :value="$values['title']"
                    :help="__('configuracoes::cms.shell_title_help')"
                    :maxlength="120"
                    :autofocus="$firstError === 'title'" />

                <x-cms::form-group
                    name="logo"
                    :label="__('configuracoes::cms.shell_logo')"
                    :value="$values['logo']"
                    :help="__('configuracoes::cms.shell_logo_help')"
                    :maxlength="2048"
                    dir="ltr"
                    spellcheck="false"
                    autocomplete="off"
                    autocapitalize="off"
                    :autofocus="$firstError === 'logo'" />

                <x-cms::form-group
                    name="color_primary"
                    :label="__('configuracoes::cms.shell_color_primary')"
                    :value="$values['color_primary']"
                    :help="__('configuracoes::cms.shell_color_primary_help')"
                    :maxlength="120"
                    dir="ltr"
                    spellcheck="false"
                    autocomplete="off"
                    autocapitalize="off"
                    :autofocus="$firstError === 'color_primary'" />

                <x-cms::form-group
                    name="color_accent"
                    :label="__('configuracoes::cms.shell_color_accent')"
                    :value="$values['color_accent']"
                    :help="__('configuracoes::cms.shell_color_accent_help')"
                    :maxlength="120"
                    dir="ltr"
                    spellcheck="false"
                    autocomplete="off"
                    autocapitalize="off"
                    :autofocus="$firstError === 'color_accent'" />
            </x-cms::fieldset>

            <x-cms::fieldset
                id="configuracoes-shell-structure"
                :legend="__('configuracoes::cms.shell_structure')"
                :description="__('configuracoes::cms.shell_structure_help')">
                <fieldset class="min-w-0" aria-describedby="configuracoes-shell-regions-help">
                    <legend class="text-base font-semibold">{{ __('configuracoes::cms.shell_regions') }}</legend>
                    <p id="configuracoes-shell-regions-help" class="mt-1 text-sm opacity-70">
                        {{ __('configuracoes::cms.shell_regions_help') }}
                    </p>

                    <div class="mt-4 grid gap-4">
                        @foreach ($regions as $region)
                            @php
                                $fieldName = 'regions['.$region.'][enabled]';
                                $errorKey = 'regions.'.$region.'.enabled';
                                $fieldId = 'field-region-'.$region;
                                $describedBy = array_values(array_filter([
                                    $fieldId.'-help',
                                    $errors->has($errorKey) ? $fieldId.'-error' : null,
                                ]));
                            @endphp

                            <div class="form-control w-full">
                                <label class="label cursor-pointer justify-start gap-3" for="{{ $fieldId }}">
                                    {{-- Hidden + checkbox: a região é sempre enviada (true/false). --}}
                                    <input type="hidden" name="{{ $fieldName }}" value="0">
                                    <input id="{{ $fieldId }}" name="{{ $fieldName }}" type="checkbox" value="1"
                                           class="checkbox checkbox-bordered"
                                           @checked(old($errorKey, $values[$region]))
                                           @if ($firstError === $errorKey) autofocus @endif
                                           @if ($describedBy !== []) aria-describedby="{{ implode(' ', $describedBy) }}" @endif
                                           @if ($errors->has($errorKey)) aria-invalid="true" @endif>
                                    <span class="label-text">{{ __('configuracoes::cms.region_'.$region) }}</span>
                                </label>

                                <span id="{{ $fieldId }}-help" class="label-text-alt">
                                    {{ __('configuracoes::cms.region_'.$region.'_help') }}
                                </span>

                                @error($errorKey)
                                    <span id="{{ $fieldId }}-error" class="label-text-alt text-error" role="alert">{{ $message }}</span>
                                @enderror
                            </div>
                        @endforeach
                    </div>
                </fieldset>

                <div class="form-control w-full">
                    <label class="label" for="field-sidebar_position">
                        <span class="label-text">{{ __('configuracoes::cms.shell_sidebar_position') }}</span>
                    </label>

                    <select id="field-sidebar_position" name="sidebar_position" class="select select-bordered w-full"
                            @if ($firstError === 'sidebar_position') autofocus @endif
                            aria-describedby="field-sidebar_position-help @if ($errors->has('sidebar_position')) field-sidebar_position-error @endif"
                            @if ($errors->has('sidebar_position')) aria-invalid="true" @endif>
                        @foreach ($positions as $position)
                            <option value="{{ $position }}" @selected(old('sidebar_position', $values['sidebar_position']) === $position)>
                                {{ __('configuracoes::cms.position_'.$position) }}
                            </option>
                        @endforeach
                    </select>

                    <span id="field-sidebar_position-help" class="label-text-alt">
                        {{ __('configuracoes::cms.shell_sidebar_position_help') }}
                    </span>

                    @error('sidebar_position')
                        <span id="field-sidebar_position-error" class="label-text-alt text-error" role="alert">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-control w-full">
                    <label class="label" for="field-sidebar_width">
                        <span class="label-text">{{ __('configuracoes::cms.shell_sidebar_width') }}</span>
                    </label>

                    <select id="field-sidebar_width" name="sidebar_width" class="select select-bordered w-full"
                            @if ($firstError === 'sidebar_width') autofocus @endif
                            aria-describedby="field-sidebar_width-help @if ($errors->has('sidebar_width')) field-sidebar_width-error @endif"
                            @if ($errors->has('sidebar_width')) aria-invalid="true" @endif>
                        @foreach ($widths as $width)
                            <option value="{{ $width }}" @selected(old('sidebar_width', $values['sidebar_width']) === $width)>{{ $width }}</option>
                        @endforeach
                    </select>

                    <span id="field-sidebar_width-help" class="label-text-alt">
                        {{ __('configuracoes::cms.shell_sidebar_width_help') }}
                    </span>

                    @error('sidebar_width')
                        <span id="field-sidebar_width-error" class="label-text-alt text-error" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </x-cms::fieldset>

            <div class="flex flex-wrap items-center gap-2">
                <x-cms::button type="submit" variant="primary">{{ __('configuracoes::cms.save') }}</x-cms::button>
                <x-cms::button variant="ghost" :href="route('configuracoes.cms.index')">{{ __('configuracoes::cms.cancel') }}</x-cms::button>
            </div>
        </form>
    </x-cms::card>
</x-layout::cms>