{% extends 'django_spire/page/full_page.html' %}

{% block full_page_content %}
    {% if password_reset_complete %}
        <div class="card border-success">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0">
                    <i class="bi bi-key-fill"></i>
                    Password Reset Complete
                </h5>
            </div>
            <div class="card-body">
                <div class="text-center my-4">
                    <code class="display-6">
                        {{ new_password }}
                        {% include 'django_spire/element/copy_to_clipboard_element.html' with value=new_password %}
                    </code>
                </div>
                <p class="text-muted text-center">
                    The password for <strong>{{ user.get_full_name }}</strong> has been reset.
                    <strong>Share this password securely with the user as it will not be show again.</strong>
                </p>
            </div>
            <div class="card-footer">
                <a
                    class="btn btn-outline-primary"
                    href="{% url 'django_spire:auth:user:page:detail' pk=user.pk %}"
                >
                    <i class="bi bi-person-fill"></i>
                    Back to User Profile
                </a>
            </div>
        </div>
    {% else %}
        <div class="card border-danger">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0">
                    <i class="bi bi-key-fill"></i>
                    Reset Password
                </h5>
            </div>
            <div class="card-body">
                <p class="text-center">
                    You are about to reset the password for
                    <strong>{{ user.get_full_name }}</strong>.<br>
                    The new password will be displayed <strong>once</strong> and
                    will not be accessible again.
                </p>
            </div>
            <div class="card-footer d-flex gap-2">
                <form method="post">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-danger">
                        Reset Password
                    </button>
                </form>
                <a
                    class="btn btn-outline-secondary"
                    href="{% url 'django_spire:auth:user:page:detail' pk=user.pk %}"
                >
                    <i class="bi bi-x-lg"></i>
                    Cancel
                </a>
            </div>
        </div>
    {% endif %}
{% endblock %}