{% extends "base.html" %}

{% block title %}All Referrals{% endblock %}
{% block content %}

    <div>
        <h2>Referral List</h2>
        <ul>
            {% for referral in referrals %}
                <li>
                    <a href="{% url 'referral_detail' referral.pk %}">
                        {{ referral.person.first_name }} {{ referral.person.last_name }} - {{ referral.referral_date }}
                    </a>
                </li>
            {% empty %}
                <li>No referrals found.</li>
            {% endfor %}
        </ul>
    </div>

    <div>
        <a href="{% url 'add_referral' %}">Add Referral</a>
    </div>
    
{% endblock %}