{% extends "area_base.html" %}
{% from "_macros/carousel.html" import carousel %}

{% block title %}{{ piece.name }} | {{ piece.catalogue_number }} | Craft | TheOrganist24{% endblock %}

{% block area_content %}

  <article class="craft-piece">

    <header class="craft-piece__header">
      <h1>{{ piece.name }}</h1>
      <dl class="craft-piece__meta">
        <dt>Catalogue number</dt>
        <dd>{{ piece.catalogue_number }}</dd>

        {% if piece.completed_on %}
          <dt>Completed</dt>
          <dd>{{ piece.completed_on.year }}</dd>
        {% elif piece.started_on %}
          <dt>Started</dt>
          <dd>{{ piece.started_on.year }}</dd>
        {% endif %}

        {% if piece.disciplines %}
          <dt>{% if piece.disciplines | length == 1 %}Discipline{% else %}Disciplines{% endif %}</dt>
          <dd>{{ piece.disciplines | join(', ') }}</dd>
        {% endif %}
      </dl>
    </header>

    {% set photo_prefix = 'theorganist24/craft/projects/' ~ piece.thusly ~ '/photos' %}

    {% if finished_photos %}
      <section class="craft-piece__finished">
        {{ carousel(finished_photos, photo_prefix, piece.name, '360px', 'cs-carousel--large') }}
      </section>
    {% endif %}

    {% if piece.notes %}
      <section class="craft-piece__notes">
        {{ piece.notes | nl2br }}
      </section>
    {% endif %}

    {% if process_photos %}
      <section class="craft-piece__process">
        <h2>Process</h2>
        {{ carousel(process_photos, photo_prefix, 'Progress: ' ~ piece.name) }}
      </section>
    {% endif %}

  </article>

{% endblock %}