{# 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_inf_Menu.html.twig' %}

    <script>document.getElementById("Menu_conduite-inf-ae-adaptee").classList.add('activeMenu');</script>

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

        <h1> Les auto-écoles adaptées</h1>


        <div>

            <!-- Nav tabs -->
            <ul class="nav nav-tabs tabs-default mb30" role="tablist">
                <li class="nav-item" role="presentation"><a class="active nav-link" href="#t1" aria-controls="t1" role="tab" data-toggle="tab"> <i class="fa fa-list"></i> Liste</a></li>
                <li class="nav-item" role="presentation"><a class="nav-link" href="#t2" aria-controls="t2" role="tab" data-toggle="tab"> <i class="fa fa-map"></i>Sur Carte</a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active show fade" id="t1">

                    <div class="pt10 pb10 mb20 card card-body">
                        <div class="row">
                            <div class="col-lg-3 text-center">
                                <img src="_Assets/Images/Driving_School.svg" style="width:50%; text-align: center; margin-top: 10px">
                            </div>
                            <div class="col-lg-9">
                                <h4 class="card-title">Vous êtes une auto-école adaptée et vous souhaitez être référencée, remplissez notre formulaire en ligne.</h4>
                                <a href="https://form.dragnsurvey.com/survey/r/4a9d1ef3" class="btn btn-primary" style="max-width: 200px">C'est ici</a>
                            </div>
                        </div>

                    </div>

                    <h5> Liste des auto-école adaptées par département : </h5>

                        <form method="post" action="{{ path('conduite-inf-ae-adaptee') }}">
                            <div class="row">
                                <div class="col-lg-8">
                                    <div class="form-group">
                                        <select class="form-control" id="depselect" name="depselect">
                                            {% for dep in listedep %}
                                                {% if dep.fields.AutoEcole is defined %}
                                                    <option value="{{ dep.fields.id }}">{{ dep.fields.Numero }} : {{ dep.fields.Departement }} ({{ dep.fields.AutoEcole|length}})</option>
                                               {% endif %}
                                           {% endfor %}
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <button type="submit" data-btntext-sending="En cours..." class="button btn">Consulter</button>
                                </div>
                            </div>
                        </form>


                    <hr>

                    {% if tableae != NULL %}

                        <h3>Les auto-écoles dans {{ tableae.0[0].fields.Departement }}  : </h3>

                        {#{{ dump (tableae) }}#}
                        {#{{ dump (tableae.0[0].fields.Departement) }}#}


                        {% for ae in tableae.0[1][1:] %}


                            {#{{ dump(ae) }}#}


                         {#{{ ae.fields.AE_Name|default }}#}



                            <div class="card" style="margin: 20px">

                                    <div class="card-body">



                                            <p style="font-size: 20px; font-weight: bold"><i class="fa fa-building">  </i> {{ ae.fields.AE_Name | default }} | <span class="subtibleAE">

                                                    {% if  ae.fields.AE_Verif |default == 1 %}

                                                        Vérifiée, mise à jour décembre 2021

                                                    {% else %}

                                                        Non vérifié

                                                    {% endif %}



                                                </span><p>

                                            <hr style="color: dodgerblue;">
                                            <div class="row">
                                                <div class="col-lg-8">
                                                    <i class="fa fa-home"> : </i> {{ ae.fields.AE_Num |default }} {{ ae.fields.AE_Rue |default }}, {{ ae.fields.AE_CP  |default}} {{ ae.fields.AE_Ville|default }} <br>
                                                    <i class="fa fa-envelope"> : </i> {{ ae.fields.AE_Mail |default}} <br>
                                                    <i class="fa fa-phone"> : </i> {{ ae.fields.AE_Tel_1|default }}   <br>
                                                    -- <br>

                                                    {% if ae.fields.AE_Accessible |default == 'Oui' %}
                                                        <i class="fa fa-check " style="color: green"> : </i> locaux accessibles   <br>
                                                    {% endif %}
                                                    {% if  ae.fields.AE_DifficulteApp |default  == 'Oui' %}
                                                        <i class="fa fa-check" style="color: green"> : </i> formé aux difficultés d'apprentissage   <br>
                                                    {% endif %}
                                                    {% if  ae.fields.AE_Formation |default  =='Oui' %}
                                                        <i class="fa fa-check" style="color: green"> : </i> formé à l'accueuil des personnes en situation de handicap   <br>
                                                    {% endif %}

                                                    {%  if ae.fields.AE_StatHandicap is defined %}
                                                    <i class="fa fa-check" style="color: green"> : </i> Accueille environ <span style="font-weight: bold">{{ ae.fields.AE_StatHandicap |default }} élèves</span> en situation de handicap par an <br>
                                                    {% endif %}


                                                </div>
                                                <div class="col-lg-4 align-center" style="text-align: center">

                                                    {% if ae.fields.AE_VroomVroom_id |default != 0 %}
                                                        <h6><br> <a class="vv-single-review-container__logo" href="/"> <img alt="Vroomvroomlogo" height="28" src="https://www.vroomvroom.fr/assets/vroomvroomlogo-be473bf6ebdef679414d126f2feb673a1a37bdf0cc5f28b9c78251bf4af14999.svg" width="32">VroomVroom</a></h6>
                                                        <p style="text-align: center; margin-top: 20px"><span class="note">{{ ae.vv.avg_ratings_score |default }}</span> / 5 <br> {{ ae.vv.ratings_count |default }} avis disponibles <a href="{{ ae.vv.vroomvroom_url |default }}" target="_blank" > <br> Consulter </a> </p>
                                                    {%  endif %}
                                                </div>

                                                <div class="col-lg-12">
                                                    <div class="row">
                                                        <div class="col-lg-6">

                                                        </div>
                                                        <div class="col-lg-6">
                                                        </div>

                                                    </div>
                                                </div>


                                               {% if ae.fields.AE_Verif | default == 1  %}


                                                <div class="col-lg-12" style="margin-top: 20px">
                                                    <div class="card mb10 mt10" style="background-color: ghostwhite">
                                                        <div class="card-body">
                                                            <h6 class="card-title">
                                                                <p><i class="fa fa-car" style="margin-right: 5px; margin-left: 5px" >  </i><u>Véhicule disponible :</u>  </p>
                                                                <p style="font-style: italic; color: gray;"> > Cliquez sur le véhicule pour afficher son aménagement</p>
                                                            </h6>
                                                            <a class="btn btn-link collapsed" data-toggle="collapse" href="#collapse{{ ae.id |default }}_1" aria-expanded="false" aria-controls="collapseExample">
                                                                {{ ae.fields.AE_V1_Marque |default }} {{ ae.fields.AE_V1_Modele |default }}
                                                            </a>

                                                            {% if  ae.fields.AE_V2 == 'Oui' %}

                                                                <a class="btn btn-link collapsed" data-toggle="collapse" href="#collapse{{ ae.fields.id |default }}_2" aria-expanded="false" aria-controls="collapseExample2">
                                                                    {{ ae.fields.AE_V2_Marque |default }} {{ ae.fields.AE_V2_Modele |default }}
                                                                </a>

                                                            {% endif  %}

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

                                                {% endif %}



                                            </div>


                                            <div class="mb10">

                                                <div class="collapse" id="collapse{{ ae.id |default}}_1" style="">
                                                    <div class="card card-body">
                                                        <div class="col-lg-12">
                                                            <i class="fa fa-car"> : </i> {{ ae.fields.AE_V1_Marque |default }} {{ ae.fields.AE_V1_Modele |default }} <br>
                                                            <table class="table table-sm">
                                                                <tbody>
                                                                <tr>
                                                                    <th scope="row" style="text-align: right; width:200px">Boite :</th>
                                                                    <td>{{ ae.fields.AE_V1_Boite |default }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row" style="text-align: right">Conduite embarquée :</th>
                                                                    <td>{{ ae.fields.AE_V1_Embarque |default }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row" style="text-align: right">Direction :</th>
                                                                    <td>{{ ae.fields.AE_V1_Direction |default }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row" style="text-align: right">Accélération :</th>
                                                                    <td>{{ ae.fields.AE_V1_Accelerateur |default }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row" style="text-align: right">Frein :</th>
                                                                    <td>{{ ae.fields.AE_V1_Frein  |default}}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row" style="text-align: right">Combiné :</th>
                                                                    <td>{{ ae.fields.AE_V1_Combine |default }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th scope="row" style="text-align: right">Commande secondaire :</th>
                                                                    <td>{{ ae.fields.AE_V1_CommandeSecondaire |default }}</td>
                                                                </tr>

                                                                </tbody>
                                                            </table>

                                                        </div>

                                                    </div>
                                                </div>

                                                {% if  ae.fields.AE_V2 |default == 'Oui' %}


                                                    <div class="collapse" id="collapse{{ ae.id }}_2" style="">
                                                        <div class="card card-body">
                                                            <div class="col-lg-12">
                                                                <i class="fa fa-car"> : </i> {{ ae.fields.AE_V2_Marque |default }} {{ ae.fields.AE_V2_Modele |default }} <br>
                                                                <table class="table table-sm">
                                                                    <tbody>
                                                                    <tr>
                                                                        <th scope="row" style="text-align: right; width:200px">Boite :</th>
                                                                        <td>{{ ae.fields.AE_V2_Boite |default }}</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row" style="text-align: right">Conduite embarquée :</th>
                                                                        <td>{{ ae.fields.AE_V2_Embarque |default }}</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row" style="text-align: right">Direction :</th>
                                                                        <td>{{ ae.fields.AE_V2_Direction |default }}</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row" style="text-align: right">Accélération :</th>
                                                                        <td>{{ ae.fields.AE_V2_Accelerateur |default }}</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row" style="text-align: right">Frein :</th>
                                                                        <td>{{ ae.fields.AE_V2_Frein |default }}</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row" style="text-align: right">Combiné :</th>
                                                                        <td>{{ ae.fields.AE_V2_Combine |default }}</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row" style="text-align: right">Commande secondaire :</th>
                                                                        <td>{{ ae.fields.AE_V2_CommandeSecondaire |default }}</td>
                                                                    </tr>

                                                                    </tbody>
                                                                </table>

                                                            </div>

                                                        </div>
                                                    </div>

                                                {% endif  %}

                                            </div>

                                    </div>
                            </div>

                        {% endfor %}



                   {% endif %}






                    <p> </p>

                    <div class="card-accordion card-accordion-simple card-accordion-icons-left mb80" id="card-accordion-simple" role="tablist" aria-multiselectable="true">





                    </div>

                </div>

                <div role="tabpanel" class="tab-pane fade" id="t2">
                    <iframe src="https://www.google.com/maps/d/u/0/embed?mid=15kkOn3Nz56VXvv2I-_bMy1KUyTKOrX_w" width="100%" height="480"></iframe>
                </div>


            </div>

        </div>




    </div>




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


{% endblock %}