{% if subNetworkId is not defined %}
{% set subNetworkId = '' %}
{% endif %}
{% set lines = [] %}
{% if (line.id not in lines and subNetworkId == line.subNetwork.id) or (line.id not in lines and subNetworkId == '' ) %}
<div data-toggle="modal" data-target="#{{ subNetworkId | slug }}_{{ currentLine.id | slug }}_{{status}}" class="is-col-xs-4 is-col-sm-4 is-col-md-4 is-col-lg-4 is-Schedule-StopPoint-Line is-text-center">
{% if currentLine.sName is empty %}
{% set sName = "-" %}
{% else %}
{% set sName = currentLine.sName %}
{% endif %}
<a data-toggle="is-tooltip"
data-html="true"
data-line-id="{{ currentLine.id }}"
data-line-short-name="{{ sName }}"
data-line-sub-network-name="{{ currentLine.subNetwork.name }}"
data-mode-text="{{ currentLine.mode }}"
data-direction="OUTWARD"
data-placement="bottom"
>
{% include "modules/search-widget/traffic-infos/includes/line.html.twig" with { 'line': currentLine, 'disruptionStatus': status, 'showDisruptionBadge' : true} %}
</a>
</div>
<div class="is-Modal is-fade" id="{{ subNetworkId | slug }}_{{ currentLine.id | slug }}_{{status}}" tabindex="-1" role="dialog">
<div class="is-Modal-Dialog" role="document">
<div class="is-Modal-Content">
<div class="is-Modal-Header">
<button type="button" class="is-Close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="is-Modal-Title">{{ 'traffic_infos.title' | trans }}</h4>
</div>
<div class="is-Modal-Body is-TrafficInfos-Details-Item is-text-left">
{% include 'modules/search-widget/traffic-infos/includes/disruption-details.html.twig' with {'currents': currents, 'disruption': line} %}
</div>
</div>
</div>
</div>
{% set lines = lines|merge([line.id]) %}
{% endif %}