{% extends 'base.html' %}
{% block title %}User{% endblock %}
{% block content %}
    <h1 class="mb-4">
        User details <span class="badge bg-secondary">{{ user.username }}</span>
    </h1>
    <div class="alert alert-warning">Some functions do not work yet!</div>
    <div class="mb-5">
        <h2>Settings</h2>
        <a class="btn btn-pfl" href="{% url 'password_reset' %}">Change Password</a>
    </div>
    <div class="mb-3">
        <h2>Delete Account</h2>
        <button class="btn btn-danger">
            <i class="me-1 fa-solid fa-triangle-exclamation"></i>Delete Account
        </button>
    </div>
{% endblock %}