{% extends "adminpanel/base.html" %}
{% load money %}
{% block title %}Maintenance — admin{% endblock %}
{% block heading %}Maintenance{% endblock %}

{% block content %}
<div class="pane">
  <div class="kpis">
    <div class="kpi"><div class="lbl">On a plan</div><div class="val">{{ active_count }}</div><div class="sub">of {{ websites|length }} websites</div></div>
    <div class="kpi"><div class="lbl">Monthly recurring</div><div class="val">{{ recurring|naira }}</div><div class="sub">at ₦25,000 each</div></div>
    <div class="kpi"><div class="lbl">Not on a plan</div><div class="val">{{ lapsed_count }}</div><div class="sub">worth chasing</div></div>
    <div class="kpi"><div class="lbl">Websites</div><div class="val">{{ websites|length }}</div><div class="sub">total</div></div>
  </div>
  <div class="panel">
    <div class="panel-h"><h2>Maintenance schedule</h2></div>
    <div style="overflow:auto"><table>
      <tr><th>Website</th><th>Client</th><th>Plan</th><th>Last update</th><th>Next window</th><th>SSL expires</th><th></th></tr>
      {% for w in websites %}
      <tr class="click">
        <td><a href="{% url 'admin_website' w.slug %}">{{ w.name }}</a></td>
        <td>{{ w.client }}</td>
        <td><span class="status {{ w.get_maintenance_status_display|status_class }}">{{ w.get_maintenance_status_display }}</span></td>
        <td>{{ w.last_update|date:"j M Y"|default:"—" }}</td>
        <td>{{ w.next_maintenance|date:"j M Y"|default:"—" }}</td>
        <td>{{ w.ssl_expiry|date:"j M Y"|default:"—" }}</td>
        <td style="white-space:nowrap">
          <a href="{% url 'admin_website' w.slug %}?tab=maintenance" class="btn btn-sm">Open</a>
          <a href="{% url 'admin_website' w.slug %}?tab=activity" class="btn btn-sm">Log update</a></td>
      </tr>
      {% empty %}<tr><td colspan="7" class="muted">No websites tracked.</td></tr>{% endfor %}
    </table></div>
  </div>
</div>
{% endblock %}