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

{% block content %}
<div class="pane">
  <form class="toolbar" method="get">
    <input type="search" name="q" value="{{ query }}" placeholder="Search clients">
    <button class="btn btn-sm">Search</button>
    <div class="right"><a href="{% url 'admin_client_new' %}" class="btn btn-sm btn-primary">Add client</a></div>
  </form>
  <div class="panel">
    <div class="panel-h"><h2>All clients</h2><span class="mono act">{{ clients|length }} shown</span></div>
    <div style="overflow:auto"><table>
      <tr><th>Client</th><th>Contact</th><th>Projects</th><th>Websites</th><th>Paid</th><th>Balance</th><th>Tickets</th><th>Status</th></tr>
      {% for c in clients %}
      <tr class="click">
        <td><a href="{% url 'admin_client' c.pk %}">{{ c.full_name }}</a><div class="mono">{{ c.company }}</div></td>
        <td>{{ c.user.email }}<div class="mono">{{ c.phone }}</div></td>
        <td>{{ c.project_count }}</td><td>{{ c.website_count }}</td>
        <td>{{ c.total_paid|naira }}</td><td>{{ c.total_balance|naira }}</td>
        <td>{{ c.ticket_count }}</td>
        <td><span class="status {{ c.get_status_display|status_class }}">{{ c.get_status_display }}</span></td>
      </tr>
      {% empty %}<tr><td colspan="8" class="muted">No clients yet.</td></tr>{% endfor %}
    </table></div>
  </div>
</div>
{% endblock %}