{# DOCS #}
{#
element
 - status
 - hasIncidents
 - statusText
 - footerText
 - items
#}

{# LIBRARIES #}
{{ attach_library('ui_patterns/libraries.bs_collapse') }}
{{ attach_library('ui_patterns/jc_dropdown.jc_base') }}
{{ attach_library('ui_patterns/jc_modal.jc_modal_lib') }}

{# TEMPLATE #}
{% for item in element.items %}
  {% include '@organisms/tm-jc/jc-modal/jc-modal-items/journey-check-item.html.twig' with {
    'item': item
  } only %}
{% endfor %}

<!-- Pseudo footer -->
{% if not hide_footer %}
  <div class="jcmf">
    {% if element.footerText %}
      <h2 class="text-normal">

        <a href="#" id="sgha" class="visually-hidden {{ (element.footerText) ? 'service-update-anchor' }} bel belianu">
          <span class="bell">{{ element.footerText }}</span>
          <span class="bell expand">Hide all </span>
          <i class="beli belir fas fa-chevron-up"></i>
        </a>

        <a href="#" id="sgsa" class="{{ (element.footerText) ? 'service-update-anchor' }} bel beliand">
          <span class="bell">{{ element.footerText }}</span>
          <span class="bell expand">Show all </span>
          <i class="beli belir fas fa-chevron-down"></i>
        </a>

      </h2>
    {% endif %}
  </div>
{% endif %}
<!-- / Pseudo footer -->
