{% extends "area_base.html" %}

{% block title %}{{ page.title if page else 'Compositions' }} | {{ content.title if content else area.title }} | TheOrganist24{% endblock %}

{% block area_content %}
<h1>{{ page.title if page else 'Compositions' }}</h1>
{% if page and page.body %}
  <p>{{ page.body | nl2br }}</p>
{% endif %}

<div class="area-links works-grid">
  {% for work in works %}
  <a class="area-link work-card" href="{{ url_scheme }}://music.{{ base_domain }}/compositions/{{ work.opus }}">
    <span class="work-card__opus">{{ work.opus }}</span>
    <span class="work-card__title">{{ work.title }}</span>
    {% if work.publication_status == 'pending' %}
      <span class="work-card__badge work-card__badge--pending">Awaiting publication</span>
    {% elif work.composition_status == 'wip' %}
      <span class="work-card__badge work-card__badge--wip">In progress</span>
    {% elif work.composition_status == 'aspirational' or work.publication_status == 'unpublished' %}
      <span class="work-card__badge work-card__badge--planned">Planned</span>
    {% endif %}
  </a>
  {% endfor %}
</div>
{% include "_offerings.html" %}
{% endblock %}