{% extends "area_base.html" %}

{% block title %}{{ page.title if page else 'Church Governance' }} | TheOrganist24{% endblock %}

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

{% for body in bodies %}
<article class="gov-body">
  <div class="gov-body__header">
    <h2 class="gov-body__name">{{ body.name }}</h2>
    <span class="gov-body__level">{{ body.level | replace('_', ' ') }}</span>
  </div>

  {% if body.note %}
  <p class="gov-body__note">{{ body.note }}</p>
  {% endif %}

  {% for membership in body.memberships %}
  <div class="gov-role{% if membership.is_current %} gov-role--current{% endif %}">
    <div class="gov-role__header">
      <span class="gov-role__title">{{ membership.role }}</span>
      <span class="gov-role__term">
        {%- if membership.started %}{{ membership.started.year }}{% endif -%}
        {%- if membership.is_current %}&nbsp;&ndash; present
        {%- elif membership.ended %}&nbsp;&ndash; {{ membership.ended.year }}{% endif -%}
      </span>
    </div>

    {% if membership.note %}
    <p class="gov-role__note">{{ membership.note }}</p>
    {% endif %}

    {% if membership.deliveries %}
    <ul class="gov-deliveries">
      {% for delivery in membership.deliveries %}
      <li class="gov-delivery">
        <div class="gov-delivery__head">
          <span class="gov-delivery__title">{{ delivery.title }}</span>
          {%- if delivery.is_ongoing %}
          <span class="gov-delivery__status">ongoing</span>
          {%- elif delivery.occurred_on %}
          <span class="gov-delivery__status">{{ delivery.occurred_on.year }}</span>
          {%- endif %}
        </div>
        {% if delivery.description %}
        <p class="gov-delivery__desc">{{ delivery.description }}</p>
        {% endif %}
        {% if delivery.outcome %}
        <p class="gov-delivery__outcome">{{ delivery.outcome }}</p>
        {% endif %}
      </li>
      {% endfor %}
    </ul>
    {% endif %}
  </div>
  {% endfor %}
</article>
{% endfor %}
{% endblock %}