{% extends "interface/project_base.html" %}
{% load md2 %}

{% block admin %}
<a href="{% url 'project_create' %}" class="button is-link">
    <span class="icon"><i class="fas fa-plus-circle"></i></span>
    <span>Add new</span>
</a>
{% endblock %}



{% block page %}
<h3 class="title">Projects for {{ ensemble.name }}</h3>

<div class="columns is-multiline">
{% for project in ensemble.active_projects %}
    <div class="column is-half">
        <div class="card">

            <a class="" href="{% url 'project_detail' project=project.id %}">
            <header class="card-header">
                    <p class="card-header-title">{{ project.name }}</p>
                    <p class="card-header-icon" style="color: black;">{{ project.rough_date }}</p>
            </header>
            </a>
            <div class="card-content">
                <div class="content">
                {{ project.description | markdown }}
                </div>
                <p><small>
                    {% if project.deadline %}In {{ project.deadline|timeuntil }}<br/>{% endif %}
                    {% if project.works.count %}
                    <a href="{% url 'item_list' project=project.pk %}">
                    {{ project.works.count }} works
                    </a>
                    <br/>
                    {% endif %}
                    {% if project.submissions.count %}{{ project.submissions.count }} submissions<br/>{% endif %}
                </small></p>
            </div>
        </div>
    </div>
{% empty %}
    <div class="hero">
        <div class="hero-body">
            <p class="title">No projects currently planned</p>
            <p class="subtitle">Go put your feet up!</p>
        </div>
    </div>
{% endfor %}
</div>

{% if request.is_admin %}
<div class="">
    <div class="card">
        <header class="card header">
            <p class="card-header-title">Admin Details</p>
        </header>
        <div class="card-content">

            <p>
                Joining instructions for participants<br/><br/>
                URL: <a href="{{ ensemble_url }}">{{ ensemble_url }}</a><br/>
                Code: {{ ensemble.ensemble_code }}<br/>
                Passphrase: {{ ensemble.passphrase }}
            </p>
        </div>
    </div>
</div>
{% endif %}

{% endblock %}