{% extends "Web/Global.php.twig" %}

{% block header %}
    <title>Annuaire des Anciens de Louis-Lumière</title>
    <link rel="stylesheet" href="/css/Templates/Rubrique/annuaire_des_Ancien.css" />
    <script src="js/Templates/Rubrique/annuaire_des_Ancien.js"></script>


{% endblock %}

{% block body %}




    <div id="content">
    <div class="container" style="padding-bottom: 32px;">


        <div class="row">
            <div class="col-md-7">

                <div>





                    <div class="row">
                        <div class="col-md-4" id="les-promos">

                            <br/>
                            <input type="text" name="searchAncien" id="searchAncien" placeholder="rechercher un ancien" /><br/>

                            <h2>Les promos</h2>
                            <h3 class="{{ (promo == 'photo' or promo == '') ? 'active' : '' }}"><span rel="anneesPhoto">Photo</span></h3>
                            <h3 class="{{ (promo == 'cinema') ? 'active' : '' }}"><span rel="anneesCine">Cinéma</span></h3>
                            <h3 class="{{ (promo == 'son') ? 'active' : '' }}"><span rel="anneesSon">Son</span></h3>


                        </div>

                        <div class="col-md-8" id="les-annees">
                            <h2>Mémoires de fin d'étude</h2>

                            {{ rubrique.getAbout() |raw }}

                            <h2>Les années</h2>

                            <div class="colsyear anneesPhoto" style="{{ (promo == 'photo' or promo == '') ? 'display:block' : 'display:none' }}">
                                {#{{ HM.getAllAnneePromo('Photo') | var_dump }}#}
                                {% for anneePhoto in HM.getAllAnneePromo('Photo') %}
                                    <span rel="Photo">{{ anneePhoto }}</span>
                                {% endfor %}
                            </div>

                            <div class="colsyear anneesCine" style="{{ (promo == 'cinema') ? 'display:block' : 'display:none' }}">
                                {% for anneeCine in HM.getAllAnneePromo('Cinéma') %}
                                    <span rel="Cinéma">{{ anneeCine }}</span>
                                {% endfor %}
                            </div>

                            <div class="colsyear anneesSon" style="{{ (promo == 'son') ? 'display:block' : 'display:none' }}">

                                {% for anneeSon in HM.getAllAnneePromo('Son') %}
                                    <span rel="Son">{{ anneeSon }}</span>
                                {% endfor %}
                            </div>
                        </div>

                        <div class="col-md-12" id="les-eleves">

                        </div>


                    </div>


                </div>


                {% set sousRub = rubrique.getSousRubriques() %}



                {% for sousRubrick in sousRub %}

                    <div class="clear">

                        {% if sousRubrick.getUrlRewrite() is empty %}
                            {% set linkR = 'Rubrique?'~sousRubrick.rubriqueId %}
                        {% else %}
                            {% set linkR = sousRubrick.getUrlRewrite %}
                        {% endif %}

                        <a href="{{ linkR }}" class="comment"><h2>{{ sousRubrick.title }}</h2></a>
                        <br/>

                        <p>
                            {% for Art in  sousRubrick.getLastArticles(5, 'non') %}

                                <span><a href="{{ Art.getUrlRewrite() }}"
                                         class="simplehref font09">{{ Art.title |couper(100) |raw }}</a></span><br/>
                                <br/>
                            {% endfor %}

                        </p>
                    </div>
                {% endfor %}


            </div>
            <div class="col-md-5">
                {% include 'Web/Templates/includes/carteAnciens.php.twig' %}
            </div>

        </div>
    </div>



    <div class="modal fade modal-wide" id="ancienModal" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">Fiche de </h4>
                </div>
                <div class="modal-body">
                    {% include 'Web/Templates/includes/modalAncien.php.twig' %}
                </div>
                {#<div class="modal-footer">#}
                {#<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>#}
                {#<button type="button" class="btn btn-primary">Send message</button>#}
                {#</div>#}
            </div>
        </div>
    </div>
{% endblock %}