{% extends "area_base.html" %}

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

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

{% if roles %}
<section class="career-roles">
  <h2 class="career-section__heading">Employment</h2>
  {% for role in roles %}
  <div class="career-role{% if role.is_current %} career-role--current{% endif %}">
    <div class="career-role__header">
      <span class="career-role__employer">{{ role.employer_name }}</span>
      <span class="career-role__title">{{ role.title }}</span>
      <span class="career-role__dates">
        {{ role.valid_from.strftime('%b %Y') }}&ndash;{% if role.is_current %}present{% else %}{{ role.valid_till.strftime('%b %Y') }}{% endif %}
      </span>
    </div>
    {% if role.grades %}
    <ol class="career-grades">
      {% for stage in role.grades %}
      <li class="career-grade">
        <span class="career-grade__band">{{ stage.grade }}</span>
        <span class="career-grade__since">{{ stage.valid_from.strftime('%b %Y') }}</span>
      </li>
      {% endfor %}
    </ol>
    {% endif %}
  </div>
  {% endfor %}
</section>
{% endif %}

{% if certificates_by_employer %}
<section class="career-quals">
  <h2 class="career-section__heading">Qualifications</h2>
  {% for code, certs in certificates_by_employer.items() %}
  <div class="career-qual-group">
    {% set ename = certs[0].employer_name %}
    <h3 class="career-qual-group__heading">
      {% if ename %}Gained while at {{ ename }}{% else %}Independent study{% endif %}
    </h3>
    <ul class="career-cert-list">
      {% for cert in certs %}
      <li class="career-cert career-cert--{{ cert.discipline }}">
        <span class="career-cert__course">{{ cert.course }}</span>
        <span class="career-cert__provider">{{ cert.provider }}</span>
        {% if cert.completed %}<span class="career-cert__date">{{ cert.completed.strftime('%Y') }}</span>{% endif %}
        {% if cert.score %}<span class="career-cert__score">{{ cert.score }}</span>{% endif %}
      </li>
      {% endfor %}
    </ul>
  </div>
  {% endfor %}
</section>
{% endif %}

{% include "_offerings.html" %}

{% endblock %}