<section>
    <header>
        <h2 class="admin-section-title">{{ __('Delete Account') }}</h2>
        <p class="admin-section-subtitle">{{ __('Delete this login only if you are sure you no longer need access to the CMS.') }}</p>
    </header>

    <form method="post" action="{{ route('profile.destroy') }}" class="mt-6 admin-form-grid" onsubmit="return confirm('Are you sure you want to permanently delete your account?');">
        @csrf
        @method('delete')

        <div class="admin-field">
            <label for="delete_profile_password">{{ __('Confirm Password') }}</label>
            <input id="delete_profile_password" name="password" type="password" placeholder="{{ __('Password') }}">
            <x-input-error :messages="$errors->userDeletion->get('password')" class="admin-field__error" />
        </div>

        <button type="submit" class="admin-button admin-button--danger">{{ __('Delete account') }}</button>
    </form>
</section>
