{% extends "base.html" %}

{% block title %}حساب من — Hamsoo Identity{% endblock %}

{% block content %}
<div class="card">
  <h1>حساب من</h1>
  <p class="sub">{{ account.full_name|default:account.email }}</p>

  <div class="grid">
    <div class="fact">
      <span class="k">ایمیل</span>
      <span class="v">{{ account.email|default:"—" }}
        {% if account.email_verified %}<span class="badge ok">تأیید شده</span>{% else %}<span class="badge warn">تأیید نشده</span>{% endif %}
      </span>
    </div>
    <div class="fact">
      <span class="k">شماره موبایل</span>
      <span class="v">{{ account.phone|default:"—" }}
        {% if account.phone_verified %}<span class="badge ok">تأیید شده</span>{% endif %}
      </span>
    </div>
    <div class="fact">
      <span class="k">نام کاربری</span>
      <span class="v">{{ account.username|default:"—" }}</span>
    </div>
    <div class="fact">
      <span class="k">وضعیت</span>
      <span class="v">{{ account.get_status_display|default:account.status }}</span>
    </div>
    <div class="fact">
      <span class="k">احراز هویت</span>
      <span class="v">{% if account.identity_verified %}<span class="badge ok">تأیید شده</span>{% else %}<span class="badge warn">تأیید نشده</span>{% endif %}</span>
    </div>
    <div class="fact">
      <span class="k">ورود دومرحله‌ای</span>
      <span class="v">{% if account.mfa_enabled %}<span class="badge ok">فعال</span>{% else %}<span class="badge warn">غیرفعال</span>{% endif %}</span>
    </div>
    <div class="fact">
      <span class="k">آخرین ورود</span>
      <span class="v">{{ account.last_login_at|date:"Y-m-d H:i"|default:"—" }}</span>
    </div>
    <div class="fact">
      <span class="k">تاریخ عضویت</span>
      <span class="v">{{ account.created_at|date:"Y-m-d"|default:"—" }}</span>
    </div>
  </div>

  <div class="actions">
    <a class="btn" href="{% url 'account-profile' %}">ویرایش پروفایل</a>
    <a class="btn ghost" href="{% url 'account-security' %}">امنیت حساب</a>
    <a class="btn ghost" href="{% url 'account-organizations' %}">کسب‌وکارها</a>
    <a class="btn ghost" href="{% url 'account-developers' %}">توسعه‌دهندگان</a>
    <a class="btn ghost" href="{% url 'account-password-change' %}">تغییر رمز عبور</a>
    <a class="btn ghost" href="{% url 'sso-logout' %}?next={% url 'home' %}">خروج از حساب</a>
  </div>
</div>

<div class="card" style="margin-top:20px;">
  <h2>نشست‌های فعال</h2>
  {% if sessions %}
    <table>
      <thead>
        <tr>
          <th>دستگاه</th>
          <th>آی‌پی</th>
          <th>آخرین فعالیت</th>
          <th>وضعیت</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for session in sessions %}
          <tr>
            <td>{{ session.device_name|default:session.user_agent|default:"—"|truncatechars:48 }}</td>
            <td>{{ session.ip_address|default:"—" }}</td>
            <td>{{ session.last_activity_at|date:"Y-m-d H:i" }}</td>
            <td>{{ session.get_status_display|default:session.status }}</td>
            <td>
              <form method="post" action="{% url 'account-session-revoke' session.id %}" style="margin:0;">
                {% csrf_token %}
                <button type="submit" class="btn ghost" style="margin:0; padding:6px 10px; font-size:12px;">بستن</button>
              </form>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="sub">نشست فعالی ثبت نشده است.</p>
  {% endif %}
</div>
{% endblock %}