{% extends "panel/base.html" %}
{% block title %}Tenants — JQC Control{% endblock %}
{% block page_title %}Tenants{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <div>
    <span class="text-muted" style="font-size:.85rem;">
      Chain head: <code>{{ chain_head }}</code>
    </span>
  </div>
  <a href="{{ url_for('tenants.provision_tenant') }}" class="btn btn-primary btn-sm">
    <i class="bi bi-plus-circle me-1"></i> New Tenant
  </a>
</div>

<div class="card border-0 shadow-sm">
  <div class="table-responsive">
    <table class="table table-hover mb-0 align-middle">
      <thead class="table-light">
        <tr>
          <th style="width:40px">#</th>
          <th>Slug / Name</th>
          <th>Status</th>
          <th>Plan</th>
          <th>Schema</th>
          <th>Created</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for t in tenants %}
        <tr>
          <td class="text-muted" style="font-size:.8rem;">{{ t.id }}</td>
          <td>
            <div class="fw-semibold" style="font-size:.9rem;">{{ t.slug }}</div>
            <div class="text-muted" style="font-size:.78rem;">{{ t.name }}</div>
          </td>
          <td>
            <span class="status-badge status-{{ t.status }}">{{ t.status }}</span>
          </td>
          <td style="font-size:.85rem;">{{ t.plan_name }}</td>
          <td style="font-size:.78rem; font-family: monospace;">
            {% if t.alembic_head == chain_head %}
              <span class="rev-ok"><i class="bi bi-check-circle-fill me-1"></i>current</span>
            {% elif t.alembic_head %}
              <span class="rev-behind"><i class="bi bi-exclamation-circle-fill me-1"></i>{{ t.alembic_head[:12] }}…</span>
            {% else %}
              <span class="text-muted">unknown</span>
            {% endif %}
          </td>
          <td style="font-size:.78rem; color:#64748b;">
            {{ t.created_at.strftime('%Y-%m-%d') if t.created_at else '—' }}
          </td>
          <td>
            <a href="{{ url_for('tenants.tenant_detail', tenant_id=t.id) }}"
               class="btn btn-outline-secondary btn-sm">
              <i class="bi bi-arrow-right"></i>
            </a>
          </td>
        </tr>
        {% else %}
        <tr><td colspan="7" class="text-center text-muted py-4">No tenants yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}