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

<article class="admission-dates__list">
  {% if title %}
    <div class="admission-dates__item admission-dates__item--first">
      <button class="admission-dates__toggle">
        {{ title }}
      </button>
      <span class="admission-dates__item--table-heading">
        {{ title }}
      </span>
    </div>
  {% endif %}
  {% if deadline %}
    <div class="admission-dates__item">
      <span class="admission-dates__label">
        {{ icons.get('clock-square', 'icon--deadline')}}
        {{ 'Application Deadline'|t }}
      </span>
      <span class="admission-dates__content">
        {{ deadline }}
      </span>
    </div>
  {% endif %}
  {% if notifications %}
    <div class="admission-dates__item">
      <span class="admission-dates__label">
        {{ icons.get('bell', 'icon--notification')}}
        {{ 'Notification'|t }}
      </span>
      <span class="admission-dates__content">
        {{ notifications }}
      </span>
    </div>
  {% endif %}
  {% if deposit %}
    <div class="admission-dates__item">
      <span class="admission-dates__label">
        {{ icons.get('deposit', 'icon--deposit')}}
        {{ 'Deposit Due'|t }}
      </span>
      <span class="admission-dates__content">
        {{ deposit }}
      </span>
    </div>
  {% endif %}
</article>