   <div id="fichesHoraires">

    <form method="post" id="searchFiches" title="{{ 'label.module.search_download_files'|trans }}" action="#fiches">

    <fieldset>
        <legend class="sr-only">{{ 'label.module.search_download_files'|trans }}</legend>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">

                    <label for="ligneId">{{ 'label.module.votre_ligne'|trans }}</label>
                    <select name="ligneId" id="ligneId" class="form-control" aria-label="{{ 'label.module.votre_ligne'|trans }}" aria-labelledby="ligneId" >
                        <option value="">{{ 'label.module.select_ligne'|trans }}</option>
                        {% for lines in fichesData.lines %}
                            {% if requestLaunched is defined and requestLaunched == true  %}
                                {% if request.ligneId > 0 and request.ligneId == lines.id_ligne %}
                                    <option value="{{ lines.id_ligne }}" selected>{{ lines.nom_ligne }}</option>
                                {% else %}
                                    <option value="{{ lines.id_ligne }}">{{ lines.nom_ligne }}</option>
                                {% endif %}
                            {% else %}
                                <option value="{{ lines.id_ligne }}">{{ lines.nom_ligne }}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                </div>
                    <button type="submit" class="btn btn-sm btn-primary btn-block"/>{{ 'label.btn.rechercher'|trans }}</button>

            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="communeId"><strong>{{ 'label.module.ou'|trans }}</strong> {{ 'label.module.votre_commune'|trans }}</label>
                    <select name="communeId" id="communeId" class="form-control" aria-label="{{ 'label.module.votre_commune'|trans }}" aria-labelledby="communeId" >
                        <option value="">{{ 'label.module.select_votre_commune'|trans }}</option>
                        {% for communes in fichesData.communes %}
                            {% if requestLaunched is defined and requestLaunched == true  %}
                                {% if request.communeId > 0 and request.communeId == communes.id_commune %}
                                    <option value="{{ communes.id_commune }} " selected>{{ communes.nom_commune }}</option>
                                {% else %}
                                    <option value="{{ communes.id_commune }}">{{ communes.nom_commune }}</option>
                                {% endif %}
                            {% else %}
                                <option value="{{ communes.id_commune }}">{{ communes.nom_commune }}</option>
                            {% endif %}
                        {% endfor %}
                    </select>
                </div>
                    <button type="submit" class="btn btn-sm btn-primary btn-block"/>{{ 'label.btn.rechercher'|trans }}</button>



            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="categorieId"><strong>{{ 'label.module.ou'|trans }}</strong> {{ 'label.module.votre_lieu'|trans }}</label>
                    <select name="categorieId" id="categorieId" class="form-control" aria-label="{{ 'label.module.votre_cat_lieu'|trans }}" aria-labelledby="categorieId" >
                        <option value="">{{ 'label.module.select-categorie'|trans }}</option>
                        {% for categories in fichesData.categories %}
                            {% if (requestLaunched is defined and requestLaunched == true) %}
                                {% if request.categorieId > 0 and request.categorieId == categories.id_categorie %}
                                    <option value="{{ categories.id_categorie }}" selected>{{ categories.nom_categorie }}</option>
                                {% else %}
                                    <option value="{{ categories.id_categorie }}">{{ categories.nom_categorie }}</option>
                                {% endif %}
                            {% else %}
                                <option value="{{ categories.id_categorie }}">{{ categories.nom_categorie }}</option>
                            {% endif %}
                        {% endfor %}
                    </select></div>

                    {% if lieux is not empty %}
                <div class="form-group">
                        <select name="lieuId" id="lieuId" class="form-control" aria-label="{{ 'label.module.votre_lieu'|trans }}" >
                            <option value="">{{ 'label.module.select-lieu'|trans }}</option>
                            {% for lieu in lieux %}
                                {% if requestLaunched is defined and requestLaunched == true and request.lieuId is defined %}
                                    {% if request.lieuId > 0 and request.lieuId == lieu.id_lieu %}
                                        <option value="{{ lieu.id_lieu }} "selected>{{ lieu.nom_lieu }}</option>
                                    {% else %}
                                        <option value="{{ lieu.id_lieu }}">{{ lieu.nom_lieu }}</option>
                                    {% endif %}
                                {% else %}
                                    <option value="{{ lieu.id_lieu }}">{{ lieu.nom_lieu }}</option>
                                {% endif %}
                            {% endfor %}
                        </select></div>
                    {% endif %}
                    <button type="submit" class="btn btn-sm btn-primary btn-block"/>{{ 'label.btn.rechercher'|trans }}</button>
                
            </div>
        </div>
    </fieldset>
    </form>

    {% if requestLaunched is defined and requestLaunched == true %}
    <hr>
    <a id="fiches"></a>
        {% if titre|length > 0 %}
            <h3 class='titre_searchFiches'>{{ titre }}</h3>
        {% endif %}
        {% for ligne in result %}
            <div class='row'>
                <div class='col-md-6'>
                    <h4>{{ ligne.nom_ligne }}</h4>
                    <p>{{ ligne.description_ligne|raw }}</p>
                </div>
                <div class="col-md-6">
                    <div class='well'><p><strong>{{ 'label.telecharge_dispo'|trans }} :</strong></p></div>
                    <div class="list-group">
                        {% for data in ligne.data %}
                            <a href='{{ data.url }}' rel="noreferrer noopener" title="{{ 'label.open_file'|trans }} {{ data.nom }} {{ 'label.in_new_window'|trans }}" target='_blank' class="list-group-item nocache">{{ data.nom }}</a>
                        {% endfor %}
                    </div>
                </div>
            </div><hr>
        {% endfor %}
    {% endif %}


   </div>

   <script nonce="{{ ContentSecurityPolicyNonceService.nonce }}" type="application/javascript">
   </script>