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

{% block content %}
<div class="pane">
  <form class="toolbar" method="get">
    <input type="search" name="q" value="{{ query }}" placeholder="Search websites">
    <button class="btn btn-sm">Search</button>
    <div class="right"><a href="{% url 'admin_website_new' %}" class="btn btn-sm btn-primary">Add website</a></div>
  </form>
  <div class="kpis">
    <div class="kpi"><div class="lbl">Websites</div><div class="val">{{ websites|length }}</div><div class="sub">in inventory</div></div>
    <div class="kpi"><div class="lbl">Online</div><div class="val">{{ online }}</div><div class="sub">responding</div></div>
    <div class="kpi"><div class="lbl">On maintenance</div><div class="val">{{ on_maintenance }}</div><div class="sub">paid plans</div></div>
    <div class="kpi"><div class="lbl">Renewals in 60 days</div><div class="val">{{ renewals }}</div><div class="sub">domains</div></div>
  </div>
  <div class="panel">
    <div class="panel-h"><h2>Website inventory</h2></div>
    <div style="overflow:auto"><table>
      <tr><th>Website</th><th>Client</th><th>Domain</th><th>Status</th><th>Built</th><th>Technology</th><th>Hosting</th><th>Maintenance</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 class="mono">{{ w.domain }}</td>
        <td><span class="status {{ w.get_status_display|status_class }}">{{ w.get_status_display }}</span></td>
        <td>{{ w.built_on|date:"M Y"|default:"—" }}</td><td>{{ w.backend }}</td><td>{{ w.hosting_provider }}</td>
        <td><span class="status {{ w.get_maintenance_status_display|status_class }}">{{ w.get_maintenance_status_display }}</span></td>
      </tr>
      {% empty %}<tr><td colspan="8" class="muted">No websites yet.</td></tr>{% endfor %}
    </table></div>
  </div>
</div>
{% endblock %}