{% extends "base.html" %}
{% block title %}Panou admin — Gateway RAR AUTOPASS{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;gap:16px;margin-bottom:20px;">
  <h2 style="margin:0;">Panou admin</h2>
  <a href="/" class="cardlink muted">Inapoi la dashboard</a>
</div>

{% if error %}
<div class="banner" style="margin-bottom:16px;padding:10px 14px;">{{ error }}</div>
{% endif %}

<!-- Conturi in asteptare -->
<div class="card">
  <h3 style="margin-top:0;">Conturi in asteptare ({{ pending|length }})</h3>
  {% if pending %}
  <div class="tablewrap">
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>Companie</th>
          <th>CUI</th>
          <th>Email</th>
          <th>Inregistrat</th>
          <th>Actiune</th>
        </tr>
      </thead>
      <tbody>
        {% for acct in pending %}
        <tr>
          <td class="muted">{{ acct.id }}</td>
          <td>{{ acct.name }}</td>
          <td class="muted">{{ acct.cui or "—" }}</td>
          <td>{{ acct.email or "—" }}</td>
          <td class="muted">{{ acct.created_at or "—" }}</td>
          <td>
            <form method="post" action="/admin/activate" style="display:inline;">
              <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
              <input type="hidden" name="account_id" value="{{ acct.id }}">
              <button type="submit">Activeaza</button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <p class="empty">Niciun cont in asteptare.</p>
  {% endif %}
</div>

<!-- Conturi active -->
<div class="card">
  <h3 style="margin-top:0;">Conturi active ({{ active|length }})</h3>
  {% if active %}
  <div class="tablewrap">
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>Companie</th>
          <th>CUI</th>
          <th>Email</th>
          <th>Inregistrat</th>
          <th>Actiune</th>
        </tr>
      </thead>
      <tbody>
        {% for acct in active %}
        <tr>
          <td class="muted">{{ acct.id }}</td>
          <td>{{ acct.name }}</td>
          <td class="muted">{{ acct.cui or "—" }}</td>
          <td>{{ acct.email or "—" }}</td>
          <td class="muted">{{ acct.created_at or "—" }}</td>
          <td>
            <form method="post" action="/admin/deactivate" style="display:inline;">
              <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
              <input type="hidden" name="account_id" value="{{ acct.id }}">
              <button type="submit" style="background:var(--err);border-color:var(--err);">Dezactiveaza</button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <p class="empty">Niciun cont activ (in afara de contul dev).</p>
  {% endif %}
</div>

<!-- Contul dev default (id=1) -->
{% if default_account %}
<div class="card" style="border-color:var(--muted);">
  <p class="muted" style="margin:0;font-size:13px;">
    Cont dev implicit (id=1): <strong>{{ default_account.name }}</strong>
    — activ={{ default_account.active }} — fara buton de activare/dezactivare (cont de sistem).
  </p>
</div>
{% endif %}

{% endblock %}