{% extends 'leads/base.html' %}

{% block title %}Leads List{% endblock %}

{% block content %}
    <h2 class="mb-4">Leads</h2>
    <form method="get" class="mb-4">
        <div class="input-group">
            <input type="text" name="q" class="form-control" placeholder="Search leads...">
            <button type="submit" class="btn btn-primary">Search</button>
        </div>
    </form>
    <div class="list-group mb-4">
        {% for lead in leads %}
            <div class="list-group-item d-flex justify-content-between align-items-center">
                <div>
                    <a href="{% url 'lead_detail' lead.pk %}" class="fw-bold">{{ lead.name }}</a> - {{ lead.company }}
                </div>
                <div>
                    <a href="{% url 'lead_update' lead.pk %}" class="btn btn-sm btn-outline-primary">Edit</a>
                    <a href="{% url 'lead_delete' lead.pk %}" class="btn btn-sm btn-outline-danger">Delete</a>
                </div>
            </div>
        {% empty %}
            <div class="list-group-item">No leads found.</div>
        {% endfor %}
    </div>
    <a href="{% url 'lead_create' %}" class="btn btn-success">Add New Lead</a>
{% endblock %}