{% 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' %}">
    <span class="icon"><i class="fas fa-plus-circle"></i></span>
    <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: 60px">
                        <a href="{% url 'ensemble_detail' ensemble.slug %}">
                            <p class="title is-4">{{ ensemble.name }}</p>
                        </a>
                    </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">
        You don't currently have access to any ensembles - ask your administrator for a link.
    </div>
{% endfor %}
</div>
{% endblock %}