{{-- ! Zone dangereuse - Formulaire de suppression du compte --}}
<div class="mb-3">
    <h4 class="text-danger">{{ __("profile.delete_account_heading") }}</h4>
    {{-- * Le titre est traduit --}}
    <p class="text-muted">
        {{ __("profile.delete_account_info") }}
        {{-- * Le paragraphe d'information est traduit --}}
    </p>
</div>

<button
    class="btn btn-danger"
    data-bs-toggle="modal"
    data-bs-target="#deleteAccountModal"
>
    {{ __("profile.delete_account_button") }}
    {{-- * Le texte du bouton est traduit --}}
</button>

<div
    class="modal fade"
    id="deleteAccountModal"
    tabindex="-1"
    aria-labelledby="deleteAccountModalLabel"
    aria-hidden="true"
>
    <div class="modal-dialog">
        <form
            method="POST"
            action="{{ route("profile.destroy") }}"
            class="modal-content"
        >
            @csrf
            @method("DELETE")

            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="deleteAccountModalLabel">
                    {{ __("profile.are_you_sure") }}
                    {{-- * Le titre de la modale est traduit --}}
                </h5>
                <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="{{ __("profile.close_button") }}"
                    {{-- * L'aria-label du bouton de fermeture est traduit --}}
                ></button>
            </div>

            <div class="modal-body">
                <p>
                    {{ __("profile.confirm_delete_message") }}
                    {{-- * Le message de confirmation est traduit --}}
                </p>

                <div class="mb-3">
                    <label for="password" class="form-label">
                        {{ __("auth.password") }}
                    </label>
                    {{-- ! Traduction via auth.php --}}
                    <input
                        id="password"
                        name="password"
                        type="password"
                        class="form-control @error("password", "userDeletion") is-invalid @enderror"
                        placeholder="{{ __("profile.password_placeholder") }}"
                        {{-- * Le placeholder est traduit --}}
                        required
                    />
                    @error("password", "userDeletion")
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
            </div>

            <div class="modal-footer">
                <button
                    type="button"
                    class="btn btn-secondary"
                    data-bs-dismiss="modal"
                >
                    {{ __("profile.cancel_button") }}
                    {{-- * Le texte du bouton est traduit --}}
                </button>

                <button type="submit" class="btn btn-danger">
                    {{ __("profile.delete_account_button") }}
                    {{-- * Le texte du bouton est traduit --}}
                </button>
            </div>
        </form>
    </div>
</div>