<x-modal.content>
    <x-modal.title>
        {{ __('account.settings.delete-confirm.title') }}
    </x-modal.title>
    <x-modal.body>
        <form id="delete-account-form" method="post" action="{{ route('account.destroy') }}">
            @csrf
            @method('delete')
            <p>
                {{ __('account.settings.delete-confirm.subtitle') }}
            </p>
            <div>
                <x-input.text-label label="{{ __('Password') }}" id="password" name="password" type="password" placeholder="{{ __('Password') }}" />
                <x-input.error :messages="$errors->userDeletion->get('password')" />
            </div>
        </form>
    </x-modal.body>
    <x-modal.footer>
        <x-button variant="secondary" onclick="this.closest('dialog')?.close()">
            {{ __('common.cancel') }}
        </x-button>
        <x-button variant="primary danger" type="submit" form="delete-account-form">
            {{ __('account.delete-confirm') }}
        </x-button>
    </x-modal.footer>
</x-modal.content>
