{% extends "dashboard/base.html" %}
{% load i18n %}

{% block title %}{% trans "Profile" %}{% endblock %}

{% block content %}
<h1 class="h3 mb-3">{% trans "Profile" %}</h1>

<div class="card">
  <div class="card-body">
    <div class="row">
      <div class="col-md-6">
        <div class="text-muted small">{% trans "Username" %}</div>
        <div class="fw-semibold">{{ request.user.get_username }}</div>
      </div>
      <div class="col-md-6 mt-3 mt-md-0">
        <div class="text-muted small">{% trans "Email" %}</div>
        <div class="fw-semibold">{{ request.user.email|default:"-" }}</div>
      </div>
    </div>

    <hr>

    <div class="d-flex flex-wrap gap-2">
      <a class="btn btn-primary" href="{% url 'password_change' %}">
        {% trans "Change password" %}
      </a>

      <a class="btn btn-outline-secondary" href="{% url 'dashboard:home' %}">
        {% trans "Back to dashboard" %}
      </a>
    </div>
  </div>
</div>
{% endblock %}