<form class="sr-only formProchainPassageLigneRequest" action="{{ params.urlForm}}" method="post">
<input type="hidden" name="ligne_sens" value="">
<input type="hidden" name="a" value="recherche_ligne">
</form>
<form class="sr-only formProchainPassageArretNameRequest" action="{{ params.urlForm}}" method="post">
<input type="hidden" name="arret" value="">
<input type="hidden" name="a" value="recherche_arret">
</form>
<form class="sr-only formProchainPassageCodeRequest" action="{{ params.urlForm}}" method="post">
<input type="hidden" name="code_arret" value="">
<input type="hidden" name="a" value="recherche_code">
</form>
<form class="sr-only formProchainPassageArretRequest" action="{{ params.urlForm}}" method="post">
<input type="hidden" name="code_arret" value="">
<input type="hidden" name="ligne" value="">
<input type="hidden" name="sens" value="">
<input type="hidden" name="refs" value="">
<input type="hidden" name="a" value="recherche_arrets">
</form>

                <form class="ppassages" name="prochainspassages" method="get" action="">
                    <h3 class="title-module">Prochains passages</h3>
                    {% if params.itineraireTopRightLink != false and params.itineraireTopRightLink|length>0 %}
                        <a class="title-module" href="{{ params.itineraireTopRightLink }}">Itinéraire sur mesure</a>
                    {% endif %}
                    <div class="input-group">
                        <label class="sr-only" for="timeo_nomarret">Saisir un nom d'arrêt</label>
                        <input type="text" class="form-control " id="timeo_nomarret" name="timeo_nomarret" placeholder="Nom de l'arrêt" aria-label="Saisir un nom d'arrêt">
                        <span class="input-group-btn">
                            <button class="btn btn-primary getProchainPassageArretNameRequest" type="button"><span class="sr-only">OK</span><span class="picto-loupe" aria-hidden="true"></span></button>
                          </span>
                    </div><!-- /input-group -->
                    <hr>
                    <div class="input-group">
                        <label class="sr-only" for="timeo_codearret">Saisir un code arrêt</label>
                        <input type="text" class="form-control" id="timeo_codearret" name="timeo_codearret" placeholder="Code de l'arrêt" aria-label="Saisir un code arrêt">
                        <span class="input-group-btn">
                            <button class="btn btn-primary getProchainPassageCodeRequest" type="button"><span class="sr-only">OK</span><span class="picto-loupe" aria-hidden="true"></span></button>
                          </span>
                    </div><!-- /input-group -->
                    <hr>
                    <div class="input-group">
                        <label class="sr-only" for="timeo_ligne">Sélectionner une ligne</label>
                        <select class="form-control" id="timeo_ligne" name="timeo_ligne"  aria-label="Sélectionner une ligne">
                            <option value="0">Sélectionner une ligne</option>
                            {% if lignes|length> 0%}
                                {% for ligne in lignes %}
                                    <option value="{{ ligne.id }}">{{ ligne.nom }}</option>
                                {% endfor %}
                            {% endif %}
                        </select>
                        <span class="input-group-btn">
                            <button class="btn btn-primary getProchainPassageLigneRequest" type="button"><span class="sr-only">OK</span><span class="picto-loupe" aria-hidden="true"></span></button>
                          </span>
                    </div><!-- /input-group -->


                </form>