{% extends "site_base.html" %}

{% block body_class %}pinax-cohorts{% endblock %}

{% block body %}
    <div class="cohort-list-container">
        <h2 class="with-actions">
            Cohorts
            <a class="button" href="{% url "pinax_cohorts:create" %}">
                <i class="fas fa-plus"></i>
                Create a Cohort
            </a>
        </h2>
        <div class="cohort-list">
            {% for cohort in cohorts %}
            <div class="cohort">
                <h3>
                    <a href="{% url "pinax_cohorts:detail" cohort.pk %}">
                        {{ cohort.name }}
                    </a>
                    <span class="totals">
                        <span class="users">{{ cohort.member_counts.users }}</span>
                        <span class="total">{{ cohort.member_counts.total }}</span>
                    </span>
                </h3>
                <div class="cohort-members">
                    {% include "pinax/cohorts/_members.html" %}
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}