{% extends 'base.html' %}
{% block title %}Dashboard — DynDNS Manager{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h4 class="mb-0"><i class="bi bi-speedometer2 text-primary"></i> Dashboard</h4>
</div>

<!-- Stats row -->
<div class="row g-3 mb-4">
  <div class="col-sm-4">
    <div class="card text-center p-3">
      <div class="fs-2 fw-bold text-primary">{{ users|length }}</div>
      <div class="text-muted small">Benutzer gesamt</div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="card text-center p-3">
      <div class="fs-2 fw-bold text-success">{{ users|selectattr('active', 'equalto', 1)|list|length }}</div>
      <div class="text-muted small">Aktiv</div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="card text-center p-3">
      <div class="fs-2 fw-bold text-info">{{ users|sum(attribute='update_count') }}</div>
      <div class="text-muted small">Updates gesamt</div>
    </div>
  </div>
</div>

<!-- User table -->
<div class="card mb-4">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span class="fw-semibold">Benutzer & aktuelle IPs</span>
    <a href="{{ url_for('users') }}" class="btn btn-sm btn-outline-primary">Verwalten</a>
  </div>
  <div class="card-body p-0">
    <table class="table table-hover mb-0">
      <thead class="table-light">
        <tr>
          <th>Subdomain</th>
          <th>Hostname</th>
          <th>Aktuelle IP</th>
          <th>Letztes Update</th>
          <th>Updates</th>
          <th>Status</th>
        </tr>
      </thead>
      <tbody>
        {% for u in users %}
        <tr>
          <td class="fw-semibold">{{ u.subdomain }}</td>
          <td class="text-muted small">
            {% if base_domain %}{{ u.subdomain }}.{{ base_domain }}{% else %}—{% endif %}
          </td>
          <td>
            {% if u.current_ip %}
              <span class="badge bg-secondary badge-ip">{{ u.current_ip }}</span>
            {% else %}
              <span class="text-muted">noch kein Update</span>
            {% endif %}
          </td>
          <td class="text-muted small">{{ u.last_updated or '—' }}</td>
          <td>{{ u.update_count }}</td>
          <td>
            {% if u.active %}
              <span class="badge bg-success">Aktiv</span>
            {% else %}
              <span class="badge bg-secondary">Inaktiv</span>
            {% endif %}
          </td>
        </tr>
        {% else %}
        <tr><td colspan="6" class="text-center text-muted py-4">Noch keine Benutzer angelegt.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<!-- Update log -->
<div class="card">
  <div class="card-header fw-semibold">Letzte Updates</div>
  <div class="card-body p-0">
    <table class="table table-sm mb-0">
      <thead class="table-light">
        <tr>
          <th>Zeit</th>
          <th>Benutzer</th>
          <th>Alte IP</th>
          <th>Neue IP</th>
          <th>Ergebnis</th>
        </tr>
      </thead>
      <tbody>
        {% for l in logs %}
        <tr>
          <td class="text-muted small">{{ l.timestamp }}</td>
          <td>{{ l.subdomain }} <span class="text-muted small">({{ l.dyndns_username }})</span></td>
          <td class="badge-ip text-muted small">{{ l.old_ip or '—' }}</td>
          <td><span class="badge bg-secondary badge-ip">{{ l.new_ip }}</span></td>
          <td>
            {% if l.result == 'good' %}
              <span class="badge bg-success">good</span>
            {% else %}
              <span class="badge bg-danger" title="{{ l.result }}">error</span>
            {% endif %}
          </td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="text-center text-muted py-3">Keine Einträge.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}