{% if offerings %}
<section class="offerings">
  {% for offering in offerings %}
  <article class="offering{% if offering.status == 'gratis' %} offering--gratis{% endif %}">
    <div class="offering__body">
      <h2 class="offering__title">{{ offering.title }}</h2>
      {% if offering.summary %}<p class="offering__summary">{{ offering.summary }}</p>{% endif %}

      {% if offering.current_rate %}
        <p class="offering__rate">
          <span class="offering__amount">&pound;{{ "%.2f"|format(offering.current_rate.amount) }}</span>
          <span class="offering__unit">{{ offering.current_rate.unit }}</span>
          {% if offering.current_rate.basis %}
            <span class="offering__basis">{{ offering.current_rate.basis }}</span>
          {% endif %}
        </p>
      {% elif offering.status == 'gratis' %}
        <p class="offering__rate offering__rate--probono">Offered pro bono.</p>
      {% elif offering.status == 'aspirational' %}
        <p class="offering__rate offering__rate--planned">Planned &mdash; not yet available.</p>
      {% endif %}

      {% if offering.reference_url %}
        <p class="offering__reference">
          See <a href="{{ offering.reference_url }}" rel="nofollow">{{ offering.reference_label or 'reference rates' }}</a>.
        </p>
      {% endif %}
    </div>

    {% if content and content.email %}
      <a class="offering__enquire"
         href="mailto:{% if section %}{{ section.area['slug'] }}@theorganist24.co.uk{% else %}{{ content.email }}{% endif %}?subject={{ ('Enquiry: ' ~ offering.title) | urlencode }}">
        Make enquiry
      </a>
    {% endif %}
  </article>
  {% endfor %}
</section>
{% endif %}