{% extends "dashboard/base.html" %}
{% load i18n %}

{% block title %}{% trans "Leads" %}{% endblock %}

{% block content %}
<h1 class="h3 mb-3">{% trans "Leads" %}</h1>

{% if leads %}
  <div class="table-responsive">
    <table class="table table-sm table-hover">
      <thead class="thead-light">
        <tr>
          <th>{% trans "Created" %}</th>
          <th>{% trans "Name" %}</th>
          <th>{% trans "Email" %}</th>
          <th>{% trans "Company" %}</th>
          <th>{% trans "Status" %}</th>
          <th class="text-right">{% trans "Actions" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for l in leads %}
          <tr>
            <td class="small text-muted">{{ l.created_at|date:"Y-m-d H:i" }}</td>
            <td>{{ l.name }}</td>
            <td>{{ l.email }}</td>
            <td>{{ l.company|default:"-" }}</td>
            <td>
              {% if l.is_processed %}
                <span>{% trans "Processed" %}</span>
              {% else %}
                <span>{% trans "New" %}</span>
              {% endif %}
            </td>
            <td class="text-right">
              <a class="btn btn-sm btn-outline-primary" href="{% url 'dashboard:lead_detail' l.pk %}">
                {% trans "View" %}
              </a>
              <a class="btn btn-sm btn-outline-danger" href="{% url 'dashboard:lead_delete' l.pk %}">
                {% trans "Delete" %}
              </a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% else %}
  <div class="alert alert-info">{% trans "No leads yet." %}</div>
{% endif %}
{% endblock %}