{% extends "base.html" %}

{% block content %}
<div style="flex-grow: 1">
    <h1>Projects for {{ ensemble.name }}</h1>
    <div class="list-group narrow">
    {% for project in ensemble.active_projects %}
        <a class="" href="{% url 'project_detail' pk=project.id %}">
            <h3>{{ project.name }}</h3>
            <p><small>Due in {{ project.deadline|timeuntil }}, {{ project.submissions.count }} submissions.</small></p>
        </a>
    {% endfor %}
    </div>
    <div style="text-align: right; margin-top: 10px; color: #999;">
        <small>{{ ensemble.ensemble_code }}</small>
    </div>
</div>
{% endblock %}