{% load static %}


{% for data in data_subsection %}

  {% if data.separator_before %}
    <hr>
  {% endif %}

  <div class="{{ data.section_css }}">
    {% if data.display_category == 'Name' %}
      <h2 class="padding-00">{{ content.name }}</h2>
    {% elif data.display_category == 'Profession' %}
      <div class="flex flex-vertical flex-justify-space-evenly flex-align-end padding-00">
        {% if content.profession2 %}
          <p class="emphasis padding-05">{{ content.profession1 }}</p>
          <p class="emphasis padding-05">{{ content.profession2 }}</p>
        {% else %}
          <p>{{ content.profession1 }}</p>
        {% endif %}
      </div>
    {% elif data.display_category == 'Contact' %}
        {% include 'resume_manager/include/contact.html' with data=content.contact description=data.description %}
    {% elif data.display_category == 'Education' %}
      {% include 'resume_manager/include/education.html' with data=content.education description=data.description %}
    {% elif data.display_category == 'Experience' %}
      {% include 'resume_manager/include/experience.html' with data=content.experience description=data.description %}
    {% elif data.display_category == 'Skills' %}
      {% include 'resume_manager/include/skills.html' with data=content.skills description=data.description %}
    {% elif data.display_category == 'References' %}
      {% include 'resume_manager/include/references.html' with data=content.references description=data.description %}
    {% endif %}

    {% include 'resume_manager/_display_recurse.html' with data_subsection=data.section_children name=name profession=profession %}
  </div>

  {% if data.separator_after %}
    <hr>
  {% endif %}

{% endfor %}