{{ attach_library('goizueta_theme/admission-dates') }}
{% import '@components/icons/icons.twig' as icons %}

{%
  set attributes = attributes ? attributes.addClass('admission-dates') : ' class="admission-dates"'
%}

<section{{ attributes|raw }}>
  <div class="admission-dates__content">
  {% if heading %}
      {% block heading %}
        {% include '@components/heading/heading.twig' with {
          "heading" : heading
        } only %}
    {% endblock %}
  {% endif %}

  {% if intro_text %}
    <div class="admission-dates__intro">
      {% include '@components/body-text/body-text.twig' with {
        "body_text" : intro_text
      } only %}
    </div>
  {% endif %}

  {% if labels or items %}
    <div class="admission-dates__table-wrapper">
      {% if labels %}
        <ul class="admission-dates__labels">
          {% for label in labels %}
            <li class="admission-dates__labels--item">
              <span class="labels--icon">
                {{ icons.get(label.icon, 'icon--' ~ label.icon) }}
              </span>
              <span class="labels--text">{{ label.text }}</span>
            </li>
          {% endfor %}
        </ul>
      {% endif %}
      {% if items %}
        <ul class="admission-dates__items">
          {% for item in items %}
            <li class="admission-dates__row">
              {%
                include '@components/admission-dates/admission-dates-item.twig' with {
                  "title": item.title,
                  "deadline": item.deadline,
                  "notifications": item.notifications,
                  "deposit": item.deposit
                } only
              %}
            </li>
          {% endfor %}
        </ul>
      {% endif %}
    </div>
  {% endif %}
    {% if note %}
    <div class="admission-dates__note">{{ note }}</div>
    {% endif %}
  </div>
</section>