{% extends 'backend/components/layouts/default.html' %}
{% load static %}
{% load humanize %}

{% block content %}
{% if user.is_authenticated  %}

{% if volunteer_list %}
        <div class="grid lg:grid-cols-1 grid-cols-1 gap-6">
        {% include "backend/volunteer/table.html" %}
        <div class="mb-5 text-lg font-bold">  
                <div class="mb-2 text-sm font-semibold">Total Volunteers: {{ volunteer_count|intcomma }} </div>
            </div>
        </div>
{% else %}
<div class="panel h-full w-full">
        <div class="mb-5 text-lg font-bold">  
                <div class="mb-2 text-sm font-semibold">No Volunteers available. </div>
        </div>
        {% if user.is_superuser %}
        <div class="mt-6 flex flex-wrap items-center gap-2 sm:mt-0">
                <a href="{% url 'register_volunteer' %}" class="btn btn-outline-success">Add a Volunteer</a>
        </div>
        {% endif %}
        </div>
</div>
{% endif %}
{% endif %}
{% endblock content %}