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

{% block content %}
<div class="pane">
  <form class="toolbar" method="get">
    <input type="search" name="q" value="{{ query }}" placeholder="Search leads">
    <select name="status" style="max-width:190px" onchange="this.form.submit()">
      <option value="">All statuses</option>
      {% for value, label in statuses %}
        <option value="{{ value }}" {% if active_status == value %}selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
    <button class="btn btn-sm">Search</button>
    <div class="right"><a href="{% url 'admin_lead_new' %}" class="btn btn-sm btn-primary">Add lead</a></div>
  </form>

  <div class="kpis">
    <div class="kpi"><div class="lbl">Total leads</div><div class="val">{{ counts.total }}</div><div class="sub">all time</div></div>
    <div class="kpi"><div class="lbl">New</div><div class="val">{{ counts.new }}</div><div class="sub">not yet contacted</div></div>
    <div class="kpi"><div class="lbl">In progress</div><div class="val">{{ counts.progress }}</div><div class="sub">quoted or talking</div></div>
    <div class="kpi"><div class="lbl">Won</div><div class="val">{{ counts.won }}</div><div class="sub">converted</div></div>
  </div>

  <div class="panel">
    <div class="panel-h"><h2>Leads</h2><span class="mono act">{{ leads|length }} shown</span></div>
    <div style="overflow:auto"><table>
      <tr><th>Lead</th><th>Project</th><th>Budget</th><th>Timeline</th><th>Received</th><th>Status</th></tr>
      {% for l in leads %}
      <tr class="click">
        <td><a href="{% url 'admin_lead' l.pk %}">{{ l.name }}</a><div class="mono">{{ l.company|default:l.reference }}</div></td>
        <td>{{ l.project_type }}</td><td>{{ l.budget }}</td><td>{{ l.timeline }}</td>
        <td>{{ l.created_at|date:"j M Y" }}</td>
        <td><span class="status {{ l.get_status_display|status_class }}">{{ l.get_status_display }}</span></td>
      </tr>
      {% empty %}<tr><td colspan="6" class="muted">No leads match that filter.</td></tr>{% endfor %}
    </table></div>
  </div>
</div>
{% endblock %}