<ul class="is-Switch is-ShowOn_TrafficInfosMainView" role="tablist">
<li role="presentation" class="is-Switch-Item is-active">
<a role="tab" data-toggle="is-tab" aria-controls="is-TrafficInfos-Disruption-List_Ongoing" aria-selected="false" href="#is-TrafficInfos-Disruption-List_Ongoing" class="is-Switch-Link" id="is-TabLink_TrafficInfos-Disruption-List_Ongoing" data-id="is-TabLink_TrafficInfos1">
{{ 'traffic_infos.on_going' | trans }}
</a>
</li>
<li role="presentation" class="is-Switch-Item">
<a role="tab" data-toggle="is-tab" aria-controls="is-TrafficInfos-Disruption-List_ToCome" aria-selected="false" href="#is-TrafficInfos-Disruption-List_ToCome" class="is-Switch-Link" id="is-TabLink_TrafficInfos-Disruption-List_ToCome" data-id="is-TabLink_TrafficInfos2" tabindex="-1">
{{ 'traffic_infos.coming' | trans }}
</a>
</li>
</ul>
<div class="is-Tab-Content">
<div class="is-Tab-Pane is-active" id="is-TrafficInfos-Disruption-List_Ongoing">
{% if lineFavorites is defined and is_granted('IS_AUTHENTICATED_REMEMBERED') %}
{% include 'modules/search-widget/traffic-infos/includes/line-favorites.html.twig' with {'lineFavorites': lineFavorites} %}
{% endif %}
{% if withDisruptionOnly is null %}
{% if currentSubNetworksDisruptions is defined and currentSubNetworksDisruptions > 0 %}
{% include 'modules/search-widget/traffic-infos/includes/subnetworks.html.twig' with {'disruptions': currentDisruptions, 'status': 'currents'} %}
{% endif %}
{% else %}
{% if currentDisruptions.lines is not empty %}
<h2 class="is-Widget-H3 is-ShowOn_TrafficInfosMainView">{{ 'disruptions.lines'|trans }}</h2>
<div id="is-Schedule-Lines">
{% set cpt = 0 %}
{% for line in currentDisruptions.lines %}
{% if cpt % 3 == 0 %}
<div class="is-row is-mt-10">
{% endif %}
{% include "modules/search-widget/traffic-infos/includes/lines.html.twig" with { 'currents': line.disruptions.currents, 'status': 'currents', 'currentLine': line } %}
{% set cpt = cpt + 1 %}
{% if cpt % 3 == 0 %}
</div>
{% endif %}
{% if loop.last and cpt % 3 != 0 %}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% if currentDisruptions.stopPoints is not empty %}
<h3 class="is-Widget-H3 is-ShowOn_TrafficInfosMainView">{{ 'disruptions.stops'|trans }}</h3>
<div id="is-Schedule-StopPoint" class="is-TrafficInfos-Disruption-List"
role="list">
{% for stop in currentDisruptions.stopPoints %}
{% include "modules/search-widget/traffic-infos/includes/stops.html.twig" with { 'currents': stop.disruptions.currents, 'status': 'currents', 'currentStop': stop } %}
{% endfor %}
</div>
{% endif %}
{% endif %}
{% include 'modules/search-widget/traffic-infos/includes/general.html.twig' with {'disruptions': currentDisruptions, 'status': 'currents'} %}
{% if currentDisruptions.subNetworks is empty and currentDisruptions.lines is empty and currentDisruptions.general is empty %}
<div class="is-Alert is-Alert_Info is-Alert_WithIcon" role="alert">
<i class="is-Icon is-Icon-com-checkmark" aria-hidden="true"></i>{{ 'traffic_infos.message_empty_on_going' | trans}}
</div>
{% endif %}
</div>
<div class="is-Tab-Pane" id="is-TrafficInfos-Disruption-List_ToCome">
{% if withDisruptionOnly is null %}
{% if futureSubNetworksDisruptions is defined and futureSubNetworksDisruptions > 0 %}
{% include 'modules/search-widget/traffic-infos/includes/subnetworks.html.twig' with {'disruptions': futureDisruptions, 'status': 'futures'} %}
{% endif %}
{% else %}
{% if futureDisruptions.lines is not empty %}
<h2 class="is-Widget-H3 is-ShowOn_TrafficInfosMainView">{{ 'disruptions.lines'|trans }}</h2>
<div id="is-Schedule-Lines">
{% set cpt = 0 %}
{% for line in futureDisruptions.lines %}
{% if cpt % 3 == 0 %}
<div class="is-row is-mt-10">
{% endif %}
{% include "modules/search-widget/traffic-infos/includes/lines.html.twig" with { 'currents': line.disruptions.futures, 'status': 'futures', 'currentLine': line } %}
{% set cpt = cpt + 1 %}
{% if cpt % 3 == 0 %}
</div>
{% endif %}
{% if loop.last and cpt % 3 != 0 %}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% if futureDisruptions.stopPoints is not empty %}
<h3 class="is-Widget-H3 is-ShowOn_TrafficInfosMainView">{{ 'disruptions.stops'|trans }}</h3>
<div id="is-Schedule-StopPoint" class="is-TrafficInfos-Disruption-List"
role="list">
{% for stop in futureDisruptions.stopPoints %}
{% include "modules/search-widget/traffic-infos/includes/stops.html.twig" with { 'currents': stop.disruptions.futures, 'status': 'futures', 'currentStop': stop} %}
{% endfor %}
</div>
{% endif %}
{% endif %}
{% include 'modules/search-widget/traffic-infos/includes/general.html.twig' with {'disruptions': futureDisruptions, 'status': 'futures' } %}
{% if futureDisruptions.subNetworks is empty and futureDisruptions.lines is empty and futureDisruptions.general is empty %}
<div class="is-Alert is-Alert_Info is-Alert_WithIcon" role="alert">
<i class="is-Icon is-Icon-com-checkmark" aria-hidden="true"></i>{{ 'traffic_infos.message_empty_coming' | trans}}
</div>
{% endif %}
</div>
</div>