{# src/CeremhBundle/Ressources/autoecole.html.twig #}

{% extends "main/_Layout.html.twig" %}


{% block Meta %}

    <title>{{ meta.title }}</title>
    <meta name="description" content="{{ meta.description }}">
    <meta name="keyword" content="{{ meta.keyword }}">

{% endblock %}


{% block content %}



    {% include 'main/Pages/Conduite/conduite_guide_Menu.html.twig' %}

    <script>document.getElementById("Menu_guide-mdph").classList.add('activeMenuCond');</script>

    <div class="col-lg-8">

        <h1>Trouver la MDPH la plus proche de chez vous</h1>
        <hr>

            <form method="post" action="{{ path('conduite-guide-mdph') }}">
                <div class="row">
                    <div class="col-lg-10">
                        <select class="form-control" id="depselect" name="depselect">
                            {% for dep in deplist.records %}
                                <option value="{{ dep.fields.Num_Dep }}"> MDPH - {{ dep.fields.Nom_Dep }} ( {{ dep.fields.Num_Dep }} ) </option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-lg-2">
                        <button type="submit" class="btn btn-primary">Afficher</button>
                    </div>
                </div>
            </form>
        <hr>
        <div class="col-lg-12">
            {% if dataMDPH is not null %}


                {% for mdph in dataMDPH.records %}


                    <div class="card">
                        <h4 class="card-header">
                            {{ mdph.fields.Nom }}
                        </h4>
                        <div class="card-body">
                            <span><li class="fa fa-home"> : </li> {{ mdph.fields.Comp_Ad }} </span> <br>
                            <span><li class="fa fa-phone"> : </li> {{ mdph.fields.Telephone }} </span> <br>
                            <span><li class="fa fa-envelope"> : </li> {{ mdph.fields.Mail }} </span> <br>
                            <span><li class="fa fa-link"> : </li> <a href="{{ mdph.fields.Url }}"> Site internet</a></span><br>
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">Les antennes disponibles</li>
                            {% if dataAnt is not null %}
                                {% for Ant in dataAnt.records %}

                                <li class="list-group-item">
                                    <h4>{{ Ant.fields.Nom }}</h4>
                                    <span><i class="fa fa-home"> : </i> {{ Ant.fields.Adresse }}, {{ Ant.fields.Code_Postal }} {{ Ant.fields.Localite }} </span> <br>
                                    <span><i class="fa fa-phone"> : </i> {{ Ant.fields.Telephone }} </span> <br>
                                </li>

                                {% endfor %}
                            {% endif %}
                        </ul>
                        <div class="card-footer">
                            <small class="text-muted">Mise à jour ; Juin 2022</small>
                        </div>
                    </div>

                    <hr>





                {% endfor %}




            {% endif %}
        </div>

    </div>


    </div>
    </div>
    </div>


{% endblock %}