{% extends 'admin_panel/base.html' %}
{% load humanize %}
{% block page_title %}Leads{% endblock %}
{% block content %}
<div class="card-panel">
  <form method="get" class="row g-2 mb-3">
    <div class="col-md-4"><input type="text" name="q" value="{{ q }}" class="form-control" placeholder="Search name, email, phone..."></div>
    <div class="col-md-3"><select name="status" class="form-select"><option value="">All statuses</option>{% for v,l in statuses %}<option value="{{ v }}" {% if status == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
    <div class="col-md-3"><select name="source" class="form-select"><option value="">All sources</option>{% for v,l in sources %}<option value="{{ v }}" {% if source == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
    <div class="col-md-2"><button class="btn btn-outline-primary w-100">Filter</button></div>
  </form>
  <div class="table-responsive">
    <table class="table align-middle">
      <thead><tr><th>Name</th><th>Contact</th><th>Interest</th><th>Source</th><th>Status</th><th>When</th><th></th></tr></thead>
      <tbody>
        {% for l in page_obj.object_list %}
        <tr>
          <td><a href="{% url 'analytics:lead_detail' pk=l.pk %}" class="fw-semibold">{{ l.name }}</a></td>
          <td><small>{{ l.email }}<br>{{ l.phone }}</small></td>
          <td><small>{% if l.property %}<a href="{{ l.property.get_absolute_url }}" target="_blank">{{ l.property.title|truncatechars:40 }}</a>{% else %}{{ l.interested_in|default:"—" }}{% endif %}</small></td>
          <td><span class="badge bg-secondary">{{ l.get_source_display }}</span></td>
          <td><span class="badge bg-{% if l.status == 'new' %}primary{% elif l.status == 'won' %}success{% elif l.status == 'lost' %}danger{% else %}info{% endif %}">{{ l.get_status_display }}</span></td>
          <td><small>{{ l.created_at|naturaltime }}</small></td>
          <td><a href="{% url 'analytics:lead_detail' pk=l.pk %}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a></td>
        </tr>
        {% empty %}<tr><td colspan="7" class="text-center text-muted py-4">No leads yet.</td></tr>{% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}