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

{% block page %}
{% comment %}
<div class="admin-tools is-pulled-right">
<a class="button is-link" href="{% url 'register' %}">
    {% icon "add_file" %}
    <span>Register another</span>
</a>
</div>
{% endcomment %}

<h3 class="title">My Ensembles</h3>

<div class="columns is-multiline">
{% for ensemble in object_list %}
    <div class="column is-half-tablet is-one-third-widescreen">
        <div class="card">
            <div class="card-content">
                <div class="media">
                    
                    <div class="media-left">
                        <figure class="image is-48x48">
                        <img src="https://www.gravatar.com/avatar/{{ ensemble.email }}?d=mp" alt="Placeholder image">
                        </figure>
                    </div>
                    <div class="media-content" style="min-height: 100px">
                        <a href="{% url 'ensemble_detail' ensemble.slug %}">
                            <p class="title is-4">{{ ensemble.name }}</p>
                        </a>
                        <div class="mt-3">
                          {{ ensemble.details|markdown }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                {% with projects=ensemble.active_projects.count %}
                <a class="card-footer-item" href="{% url 'ensemble_detail' ensemble.slug %}">{{ projects }} active project{{ projects|pluralize }}</a>
                {% endwith %}
            </div>
        </div>
    </div>
{% empty %}
    <div class="hero mx-auto my-4">
        <div class="hero-body has-text-centered">
            <p class="title">You don't currently have access to any ensembles</p>
            <p class="subtitle">Ask your administrator for a link.</p>
        </div>
    </div>
{% endfor %}
</div>
{% endblock %}