{% extends 'base.html.twig' %}
{% block body %}
    {% block body_head %} <h1> Tableau de bord </h1> {% endblock %}

    <div>
        <h2>Gestion des evenement du mois de {{ mois.dateTime|format_datetime(locale: 'fr',pattern:"MMMM")}} {{ annee_gestion }}</h2>
        <nav class="nav nav-pills flex-column flex-sm-row">
            <a class="flex-sm-fill text-sm-center nav-link m_old" href="{{ path('agenda_board', { 'mois': date('-2months')|date('m') } ) }}">{{ date('-2months')|format_datetime(locale: 'fr',pattern:"MMMM")|capitalize }}</a>
            <a class="flex-sm-fill text-sm-center nav-link m_cur" href="{{ path('agenda_board', { 'mois': date('-1months')|date('m') }) }}">{{ date('-1months')|format_datetime(locale: 'fr',pattern:"MMMM")|capitalize }}</a>
            <a class="flex-sm-fill text-sm-center nav-link m_cur" href="{{ path('agenda_board') }}">{{ "now"|format_datetime(locale: 'fr',pattern:"MMMM")|capitalize }}</a>
            <a class="flex-sm-fill text-sm-center nav-link m_cur" href="{{ path('agenda_board', { 'mois': date('+1months')|date('m') }) }}">{{ date('+1months')|format_datetime(locale: 'fr',pattern:"MMMM")|capitalize }}</a>
            <a class="flex-sm-fill text-sm-center nav-link m_old" href="{{ path('agenda_board', { 'mois': date('+2months')|date('m') }) }}">{{ date('+2months')|format_datetime(locale: 'fr',pattern:"MMMM")|capitalize }}</a>
        </nav>
        {% if agenda is not empty %}
            
            <table class="table">
                <tr>
                    <th>Date</th>
                    <th>Type</th>
                    <th>Lieu</th>
                    <th>Enregistrement</th>
                </tr>
            {% for ev in events %}
                <tr>
                    <td><a class="btn btn-edit nav-link" href="{{ path('agenda_event_modif', { 'id': ev.id}) }}">
                        <span class="glyphicon glyphicon-pencil"></span>
                    </a> {{ ev.evenDate|date("d/m/Y") }}</td>
                    <td>{{ ev.type.typelib }}</td>
                    <td>{{ ev.lieu.lieulib }}</td>
                    <td>{{ ev.enregistrement }}</td>
                </tr>
            {% endfor %}
            </table>
            <a class="btn btn-success nav-link" href="{{ path('agenda_event_new') }}">
                <span class="glyphicon glyphicon-plus-sign"> Ajouter</span>
            </a>
            <a class="btn btn-info nav-link" href="{{ path('agenda_auto_event',{'mois': mois.nombre}) }}">
                <span class="glyphicon glyphicon-repeat"> Préremplir</span>
            </a>
            <br>
            <div id='agenda_data'>
                <div id='agenda_etat'>
                {% if agenda.etat == "V" %}
                    <span class="glyphicon btn-success glyphicon-eye-open"></span> Agenda publié
                {% else %}
                    <span class="glyphicon btn-danger glyphicon-eye-close"></span> Agenda non visible
                {% endif %}
                </div>
                <div id='agenda_note'>Note : {{ agenda.getNote }}</div>
                <div id='agenda_decoration'>
                    <div>Décoration</div>
                    <div>Type : {{ agenda.decoration }} </div>
                    <div id='agenda_deco_texte'>Texte : {{ agenda.decorationTexte }} </div>
                </div>
                <a class="btn btn-warning nav-link" href="{{ path('agenda_modif',{'agenda': agenda.id}) }}">
                    <span class="glyphicon glyphicon-pencil"> Modifier</span>
                </a>
                <a class="btn btn-success nav-link" href="{{ path('agenda_visualisation',{'agenda': agenda.id}) }}">
                    <span class="glyphicon glyphicon-eye-open"> Validation</span>
                </a>
            </div>
        {% else %}
            <h4>Il n'y a pas d'agenda pour ce mois.</h4>
            <a class="btn btn-success nav-link" href="{{ path('agenda_create', {'mois':mois.nombre, 'annee':annee_gestion}) }}">
                <span class="glyphicon glyphicon-plus-sign"> Créer un agenda du mois </span>
            </a>
        {% endif %}
    </div>
    <div>
        <h2>Gestion des types et lieux</h2>
        Liste de type<br>
        <table class="table">
            <tr>
                <th>Id</th>
                <th>Type</th>
            </tr>
        {% for ty in types %}
            <tr>
                <td><a class="btn btn-edit nav-link" href="{{ path('agenda_type_modif', { 'id': ty.id}) }}">
                    <span class="glyphicon glyphicon-pencil"></span>
                </a> {{ ty.id }}</td>
                <td>{{ ty.typelib }}</td>
            </tr>
        {% endfor %}
        </table>
        <a class="btn btn-success nav-link" href="{{ path('agenda_type_new') }}">
            <span class="glyphicon glyphicon-plus-sign"> Ajouter</span>
        </a>
        <br>
        Liste de lieux<br>
        <table class="table">
            <tr>
                <th>Id</th>
                <th>Lieu</th>
                <th>Adresse</th>
            </tr>
        {% for li in lieux %}
            <tr>
                <td><a class="btn btn-edit nav-link" href="{{ path('agenda_lieu_modif', { 'id': li.id}) }}">
                    <span class="glyphicon glyphicon-pencil"></span>
                </a> {{ li.id }}</td>
                <td>{{ li.lieulib }}</td>
                <td>{{ li.adresse }}</td>
            </tr>
        {% endfor %}
        </table>
        <a class="btn btn-success nav-link" href="{{ path('agenda_lieu_new') }}">
            <span class="glyphicon glyphicon-plus-sign"> Ajouter</span>
        </a>
    </div>
        
    
{% endblock %}