{# 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">
    <h2 class="text-normal">
      <a href="#" id="sgsh" class="visually-hidden bel beliag">
        <span class="bell expand">Show filtered routes </span>
        <i class="beli belir fas fa-plus"></i>
      </a>
      <a href="#" id="sgha" class="visually-hidden {{ (element.footerText) ? 'service-update-anchor' }} bel belianu">
        {% if element.footerText %}<span class="bell">{{ element.footerText }}</span>{% endif %}
        <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">
        {% if element.footerText %}<span class="bell">{{ element.footerText }}</span>{% endif %}
        <span class="bell expand">Show all </span>
        <i class="beli belir fas fa-chevron-down"></i>
      </a>
    </h2>
  </div>
{% endif %}
<!-- / Pseudo footer -->
