{% extends "admin/layouts/base.html" %}
{% block title %}{{ tenant.name }}{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <div>
    <h4 class="fw-bold mb-0">{{ tenant.name }}
      <code class="fs-6 ms-2">{{ tenant.slug }}</code>
      {% if tenant.is_demo %}<span class="badge bg-info ms-2">Demo</span>{% endif %}
    </h4>
    <span class="badge bg-{{ {'active':'success','trial':'primary','suspended':'warning','cancelled':'danger'}.get(tenant.status,'secondary') }} mt-1">
      {{ tenant.status }}
    </span>
  </div>
  <div class="d-flex gap-2">
    <a href="{{ url_for('tenants.edit', tenant_id=tenant.id) }}" class="btn btn-outline-secondary btn-sm">
      <i class="bi bi-pencil me-1"></i>Edit
    </a>
    <a href="{{ url_for('billing.add_entry', tenant_id=tenant.id) }}" class="btn btn-outline-primary btn-sm">
      <i class="bi bi-receipt me-1"></i>Add Billing Entry
    </a>
    <a href="{{ url_for('settings_override.set_override', tenant_id=tenant.id) }}" class="btn btn-outline-warning btn-sm">
      <i class="bi bi-sliders me-1"></i>Set Override
    </a>
  </div>
</div>

<div class="row g-3 mb-4">
  <div class="col-md-3">
    <div class="card shadow-sm text-center py-3">
      <div class="fs-4 fw-bold">{{ tenant.plan.name if tenant.plan else '—' }}</div>
      <div class="text-muted small">Plan</div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card shadow-sm text-center py-3">
      <div class="fs-4 fw-bold">{{ locations|length }}</div>
      <div class="text-muted small">Locations</div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card shadow-sm text-center py-3">
      <div class="fs-4 fw-bold">{{ users|length }}</div>
      <div class="text-muted small">Portal Users</div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card shadow-sm text-center py-3">
      <div class="fs-4 fw-bold">{{ overrides|length }}</div>
      <div class="text-muted small">Active Overrides</div>
    </div>
  </div>
</div>

<!-- Status change -->
<div class="card shadow-sm mb-3">
  <div class="card-header fw-semibold">Change Status</div>
  <div class="card-body">
    <form method="POST" action="{{ url_for('tenants.set_status', tenant_id=tenant.id) }}"
          class="d-flex gap-2" onsubmit="return confirm('Change tenant status?')">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <select class="form-select form-select-sm w-auto" name="status">
        {% for s in ['active', 'trial', 'suspended', 'cancelled'] %}
        <option value="{{ s }}" {{ 'selected' if tenant.status == s }}>{{ s.capitalize() }}</option>
        {% endfor %}
      </select>
      <button class="btn btn-dark btn-sm">Apply</button>
    </form>
  </div>
</div>

<!-- Active overrides -->
{% if overrides %}
<div class="card shadow-sm mb-3 border-warning">
  <div class="card-header fw-semibold text-warning-emphasis bg-warning-subtle">
    <i class="bi bi-sliders me-1"></i>Active Setting Overrides
  </div>
  <div class="table-responsive">
    <table class="table table-sm mb-0">
      <thead><tr><th>Key</th><th>Value</th><th>Set by</th><th>Note</th><th></th></tr></thead>
      <tbody>
        {% for ov in overrides %}
        <tr>
          <td><code>{{ ov.setting_key }}</code></td>
          <td>{{ ov.setting_value }}</td>
          <td class="text-muted small">{{ ov.admin.name if ov.admin else ov.overridden_by }}</td>
          <td class="text-muted small">{{ ov.note or '—' }}</td>
          <td>
            <form method="POST" action="{{ url_for('settings_override.lift_override', override_id=ov.id) }}"
                  onsubmit="return confirm('Lift this override?')">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <button class="btn btn-outline-warning btn-sm">Lift</button>
            </form>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endif %}

<!-- Billing history -->
{% if billing %}
<div class="card shadow-sm mb-3">
  <div class="card-header fw-semibold">Recent Billing</div>
  <div class="table-responsive">
    <table class="table table-sm mb-0">
      <thead><tr><th>Date</th><th>Amount</th><th>Description</th><th>Invoice Ref</th><th>Paid</th></tr></thead>
      <tbody>
        {% for b in billing %}
        <tr>
          <td class="small">{{ b.created_at.strftime('%Y-%m-%d') }}</td>
          <td>${{ "%.2f"|format(b.amount) }}</td>
          <td>{{ b.description }}</td>
          <td class="text-muted small">{{ b.invoice_ref or '—' }}</td>
          <td>{{ b.paid_at.strftime('%Y-%m-%d') if b.paid_at else '—' }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endif %}

<a href="{{ url_for('tenants.index') }}" class="btn btn-outline-secondary btn-sm">
  <i class="bi bi-arrow-left me-1"></i>Back to Tenants
</a>
{% endblock %}