{% extends "base.html" %}

{% block content %}
<div class="container" id="project">

    <h1>{{ project.name }}</h1>
    <div class="row">
        <div class="col-9">
            {% block page %}
                <h3 class="text-center">Due in {{ project.deadline|timeuntil }}</h3>
                <p>There have been {{ project.submissions.count }} submissions so far...</p>
            {% endblock %}
        </div>
        <div class="col-3">
            <div class="nav flex-column nav-pills" role="tablist">
                <a class="nav-link" role=tab"
                    href="{% url 'project' project_id=project.id %}">Project info</a>
                {% for page in project.wiki_pages.all %}
                <a class="nav-link {% if page.id == wiki_id %}active{% endif %}"
                    href="{% url 'wiki' project_id=project.id wiki_id=page.id %}"
                    role="tab">{{ page.title }}</a>
                {% endfor %}
                <a class="nav-link" role="tab"
                    href="">Record a submission</a>
                <a class="nav-link" role="tab"
                    href="{% url 'submission' project_id=project.id %}">Send a file</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}