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

{% block page %}
<h3 class="title">Library collections for {% firstof request.user.first_name request.user.username %}</h3>

<div class="block">
<form method="GET" action="{% url 'work_list' %}">
    <div class="field has-addons">
        <div class="control is-expanded">
            <input class="input" name="q" type="text" placeholder="Find a work" value="{{ request.GET.filter }}"/>
        </div>
        <div class="control">
            <a class="button" href="?">
              {% icon "close" %}
            </a>
        </div>
    </div>
</form>
</div>

<div class="columns is-multiline">
{% for collection in object_list %}
    <div class="column is-half">
        <div class="card">
            <header class="card-header">
                <a class="" href="{% url 'collection_work_list' collection=collection.id %}">
                    <p class="card-header-title">{{ collection.name }}</p>
                </a>
            </header>
            <div class="card-content">
                <p>
                    {% if collection.location %}{{ collection.location }},{% endif %}
                    {{ collection.works.count }} item{{ collection.works.count|pluralize }}.
                </p>
                <p>
                    {% for tag in collection.tags %}
                    <a href="{% url 'collection_work_list' collection.pk %}?q=tag:{{ tag }}" class="tag is-success">{{ tag }}</a>
                    {% endfor %}
                    {% for genre in collection.genres %}
                    <a href="{% url 'collection_work_list' collection.pk %}?q=genre:{{ genre }}" class="tag is-warning">{{ genre }}</a>
                    {% endfor %}
                </p>
            </div>
        </div>
    </div>
    {% endfor %}
</div>

<div>
    <small>{{ ensemble.ensemble_code }}</small>
</div>

{% endblock %}