{% extends "area_base.html" %}

{% block title %}
  {% if discipline_groups and discipline_groups | length == 1 %}
    {{ discipline_groups[0].name }}
  {% else %}
    {{ discipline_slug | title }}
  {% endif %}
  | Craft | TheOrganist24
{% endblock %}

{% block area_content %}

  <h1>
    {% if discipline_groups and discipline_groups | length == 1 %}
      {{ discipline_groups[0].name }}
    {% else %}
      {{ discipline_slug | title }}
    {% endif %}
  </h1>

  {% if page_body %}
    {{ page_body | nl2br }}
  {% endif %}

  {% for disc in discipline_groups %}
    {% if discipline_groups | length > 1 %}
      <h2>{{ disc.name }}</h2>
    {% endif %}

    {% if disc.pieces %}
      <ul class="craft-catalogue">
        {% for piece in disc.pieces %}
          <li class="craft-catalogue__item">
            {% set cover = piece.assets | selectattr('asset_type', 'equalto', 'photo') | first %}
            {% if cover %}
              <a href="{{ url_scheme }}://{{ area.host_prefix }}.{{ base_domain }}/pieces/{{ piece.slug }}/">
                <img src="{{ url_for('assets.serve', asset_path='theorganist24/craft/projects/' ~ piece.thusly ~ '/photos/' ~ cover.filename) }}"
                     alt="{{ piece.name }}">
              </a>
            {% endif %}
            <div class="craft-catalogue__meta">
              <a href="{{ url_scheme }}://{{ area.host_prefix }}.{{ base_domain }}/pieces/{{ piece.slug }}/">
                {{ piece.name }}
              </a>
              <span class="craft-catalogue__number">{{ piece.catalogue_number }}</span>
              {% if piece.completed_on %}
                <span class="craft-catalogue__date">{{ piece.completed_on.year }}</span>
              {% endif %}
            </div>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="craft-catalogue__empty">No pieces to show yet.</p>
    {% endif %}
  {% endfor %}

{% include "_offerings.html" %}

{% endblock %}