<div class="is-Journey-Results-Header {% if validator.error is not defined %}is-hide{% endif %}">
<div id="is-Journey-Results-Summary" aria-hidden="false" style="display: none;" tabindex="-1"></div>
{% set isFirst = true %}
<ul class="is-Journey-Mode-List" role="tablist" aria-labelledby="is-Journey-Results-Summary" tabindex="-1">
{% for mode in modesLayout %}
{% set hideMode = false %}
{% if tripPlanner is defined and tripPlanner[mode] is not defined %}
{% set hideMode = true %}
{% endif %}
<li class="is-Journey-Mode-Tab{% if hideMode %} is-hidden{% endif %}{% if isFirst == true %} is-active{% endif %}" role="presentation">
{% if hideMode == false %}
{% set isFirst = false %}
{% endif %}
<a class="is-Journey-Mode-Tab-Link" data-toggle="is-tab" href="#is-Journey-Mode_{{ mode }}" role="tab" aria-controls="is-Journey-Mode_{{ mode }}" aria-selected="false" aria-label="{{ ('mode.' ~ mode|lower)|trans }}" data-mode="{{ mode }}">
<span aria-hidden="true">
<span class="is-Journey-Mode-Tab-Button">
<i class="is-Icon is-Icon-sim-{{ mode }}" aria-hidden="true"></i>
</span>
<strong class="is-Journey-Mode-Tab-Label">
<span class="is-Journey-Mode-Tab-Label-Value">
{% if tripPlanner is defined and tripPlanner[mode] is defined %}
{% set tab = tripPlanner[mode] %}
{% if tab.totalTimeValue is defined and tab.totalTimeValue is not empty %}
{{ tab.totalTimeValue|raw }}
{% else %}
-
{% endif %}
{% else %}
-
{% endif %}
</span>
</strong>
</span>
</a>
</li>
{% endfor %}
</ul>
</div>
<div class="is-Tab-Content">
{% for mode in modesLayout %}
<div class="is-Tab-Pane{% if loop.index0 == 0 %} is-active{% endif %}" id="is-Journey-Mode_{{ mode }}" role="tabpanel" aria-hidden="false">
{% set result = [] %}
{% if tripPlanner is defined and tripPlanner[mode] is defined %}
{% set result = { (mode): tripPlanner[mode] } %}
{% endif %}
{% include "modules/search-widget/journey/result.html.twig" with {"tripPlanner": result } %}
</div>
{% endfor %}
</div>