{% 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 %}
    {% elif data.display_category == 'Education' %}
      {% include 'resume_manager/include/education.html' with data=content.education %}
    {% elif data.display_category == 'Experience' %}
      {% include 'resume_manager/include/experience.html' with data=content.experience %}
    {% elif data.display_category == 'Skills' %}
      {% include 'resume_manager/include/skills.html' with data=content.skills %}
    {% endif %}






    {% if data.section_header %}
      <p>{{ data.section_header }}</p>
    {% endif %}

    {% if data.section_key_value_pairs %}
      <ul>
        {% for key_value in data.section_key_value_pairs %}
          <li>
            <p>
              <span class="bold">{{ key_value.data_key }}</span>:
              {{ key_value.data_value }}
            </p>
          </li>
        {% endfor %}
      </ul>
    {% endif %}

    {% if data.section_items %}
      <ul>
        {% for data_item in data.section_items %}
          {% if data_item.title_left or data_item.title_right %}
            <h4>
              {% if data_item.title_left %}
                <span class="align-left">{{ data_item.title_left }}</span>
              {% endif %}
              {% if data_item.title_right %}
                <span class="align-right">{{ data_item.title_right }}</span>
              {% endif %}
            </h4>
          {% endif %}
          <li {% if not show_bullet_point %}class="no-bullet"{% endif %}>
            <p>{{ data_item.item }}</p>
          </li>
        {% endfor %}
      </ul>
    {% 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 %}