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

<ul class="event__actions--list">
  {% for item in event_actions %}
    <li class="event__actions--item{% if item.subactions %} has-subactions{% endif %}">
      {% if item.subactions %}
        <div class="event__actions--link" aria-label="Reveal more connection options">
      {% else %}
        <a href="{{ item.url }}" class="event__actions--link">
      {% endif %}
        <span class="event__actions--icon">
          {{ icons.get(item.icon, 'icon--' ~ item.icon) }}
        </span>
        <span>
          {{ item.label }}
        </span>
        {% if item.subactions %}
          </div>
        {% else %}
        </a>
      {% endif %}
      {% if item.subactions %}
        <ul class="event__subactions">
          {% for subitem in item.subactions %}
            <li class="event__subactions--item">
              <a href="https://eventactions.com/eventactions/tyling-test-calendar#/actions/{{ subitem.action }}/{{ item.event_id }}" data-lity>{{ subitem.label }} </a>
            </li>
          {% endfor %}
        </ul>
      {% endif %}
    </li>
  {% endfor %}
</ul>