{{--
    Perfil próprio (P2.S5, ADR-033). Duas operações independentes: dados de contato (`PUT /perfil`)
    e troca de senha (`PUT /perfil/senha`), ambas com CSRF e sem `acesso.*` — qualquer operador
    autenticado edita **o próprio** perfil. Perfil de acesso e situação da conta não aparecem aqui
    (são da administração). O módulo preenche **apenas** o conteúdo: shell, título e estrutura são
    do layout (ADR-009/ADR-016). A senha nunca volta preenchida.
--}}
@php
    $firstError = $errors->any() ? $errors->keys()[0] : null;
@endphp

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

    <x-cms::form-errors />

    <div class="grid gap-6">
        <x-cms::card>
            <form method="post" action="{{ route('acesso.cms.perfil.update') }}" class="grid gap-4">
                @csrf
                @method('PUT')

                <x-cms::fieldset
                    id="acesso-profile-data"
                    :legend="__('acesso::cms.profile_data')"
                    :description="__('acesso::cms.profile_data_help')">
                    <x-cms::form-group
                        name="name"
                        :label="__('acesso::cms.name_field')"
                        :value="$user->name"
                        required
                        :maxlength="120"
                        autocomplete="name"
                        :autofocus="$firstError === 'name'" />

                    <x-cms::form-group
                        name="email"
                        type="email"
                        :label="__('acesso::cms.email_field')"
                        :value="$user->email"
                        required
                        :maxlength="255"
                        autocomplete="email"
                        :autofocus="$firstError === 'email'" />
                </x-cms::fieldset>

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

        <x-cms::card>
            <form method="post" action="{{ route('acesso.cms.perfil.password') }}" class="grid gap-4">
                @csrf
                @method('PUT')

                <x-cms::fieldset
                    id="acesso-profile-password"
                    :legend="__('acesso::cms.password_section')"
                    :description="__('acesso::cms.profile_password_help')">
                    <x-cms::form-group
                        name="current_password"
                        type="password"
                        :label="__('acesso::cms.current_password_field')"
                        required
                        autocomplete="current-password"
                        :autofocus="$firstError === 'current_password'" />

                    <x-cms::form-group
                        name="password"
                        type="password"
                        :label="__('acesso::cms.password_new')"
                        required
                        minlength="12"
                        autocomplete="new-password"
                        :help="__('acesso::cms.password_help_create')"
                        :autofocus="$firstError === 'password'" />

                    <x-cms::form-group
                        name="password_confirmation"
                        type="password"
                        :label="__('acesso::cms.password_confirmation')"
                        required
                        minlength="12"
                        autocomplete="new-password"
                        :autofocus="$firstError === 'password_confirmation'" />
                </x-cms::fieldset>

                <div class="flex flex-wrap items-center gap-2">
                    <x-cms::button type="submit" variant="primary">{{ __('acesso::cms.password_change') }}</x-cms::button>
                </div>
            </form>
        </x-cms::card>
    </div>
</x-layout::cms>