<div class="card border-primary">

    <div class="card-body">

        <h4 class="card-title text-primary">

            {{ team.name }}

        </h4>

	{% if membership %}

	    <h5><span class="{% if membership.state == 'invited' %} label-info{% endif %}">{{ membership.get_state_display }}</span></h5>

	{% endif %}

        <div class="card-text">

            <p>

	    {% if team.description %}{{ team.description }}{% endif %}

	    </p>

	</div>

    </div>

    <div class="card-footer bg-primary">

	<a class="btn btn-lg btn-primary" role="button" href="{% url "team_detail" team.slug %}">Details</a>

	{% if membership %}

	{% if membership.state == "manager" or user.is_staff %}

            {% if membership.team.applicants %}{{ membership.team.applicants.count }} applicant{{ membership.team.applicants.count|pluralize }}{% endif %}

        {% endif %}

	{% endif %}

    </div>

</div>