{% extends "base.html" %}
{% from "partials/_view_toggle.html" import view_toggle %}
{% block title %}حساب‌ها — {{ APP_NAME }}{% endblock %}
{% block content %}
<div class="page-header">
  <a class="btn btn-ghost back-btn" href="{{ url_for('dashboard.index') }}">‹ بازگشت</a>
  <h1 class="title">حساب‌ها</h1>
  <div class="spacer"></div>
  <a class="btn btn-gold" href="{{ url_for('accounts.new') }}">+ افزودن حساب جدید</a>
</div>

{{ view_toggle('mainList') }}

<div class="data-table-wrap" data-view-target="mainList">
<table class="data-table">
  <thead>
    <tr><th>نام کامل</th><th>نام کاربری</th><th>نقش</th><th>وضعیت</th><th>عملیات</th></tr>
  </thead>
  <tbody>
    {% for u in users %}
    <tr>
      <td data-label="نام کامل">{{ u.full_name }}</td>
      <td data-label="نام کاربری">{{ u.username }}</td>
      <td data-label="نقش">{{ "مدیر" if u.role == "admin" else "فروشنده" }}</td>
      <td data-label="وضعیت">{{ "فعال" if u.is_active_flag else "غیرفعال" }}</td>
      <td data-label="عملیات" style="display:flex; gap:8px; justify-content:center;">
        <a class="btn btn-ghost" href="{{ url_for('accounts.edit', user_id=u.id) }}">✎ ویرایش</a>
        {% if u.id != current_user.id and u.is_active_flag %}
        <form method="post" action="{{ url_for('accounts.deactivate', user_id=u.id) }}"
              onsubmit="return confirm('آیا از غیرفعال‌کردن حساب «{{ u.full_name }}» مطمئن هستید؟');">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button type="submit" class="btn btn-danger">🗑 حذف</button>
        </form>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>

<div class="card-list" data-view-target="mainList">
  {% for u in users %}
  <div class="record-card" onclick="location.href='{{ url_for('accounts.edit', user_id=u.id) }}'">
    <div class="record-card-main">
      <div class="record-card-title">{{ u.full_name }}</div>
      <div class="record-card-sub">{{ u.username }} · {{ "مدیر" if u.role == "admin" else "فروشنده" }}</div>
    </div>
    <div class="record-card-meta">
      <div class="record-card-value">{{ "فعال" if u.is_active_flag else "غیرفعال" }}</div>
    </div>
  </div>
  {% else %}
  <div class="record-card-empty">حسابی یافت نشد</div>
  {% endfor %}
</div>
{% endblock %}