{% extends 'base.html.twig' %}

{% block title %}Programes{% endblock %}

{% block body %}

<div class="uk-container">

    {% if slug|default == 'add' %}

    {% if course_id|default %}
    <h2>Modifier un programe</h2>
    {% else %}
    <h2>Ajouter un programe</h2>
    {% endif %}

    {% if formAddProgram|default %}

    <div class="uk-hr"></div>

    {{ form_start(formAddProgram, {'attr': {'class': 'uk-form uk-margin-top uk-grid-small', 'uk-grid' : '' }}) }}

    <div class="uk-width-1-2">
        {{ form_row(formAddProgram.id) }}
    </div>
    <div class="uk-width-1-2">
        {{ form_row(formAddProgram.session_id) }}
    </div>
    <div class="uk-width-1-2">
        {{ form_row(formAddProgram.course_id) }}
    </div>
    <div class="uk-width-1-2">
        {{ form_row(formAddProgram.days) }}
    </div>
    {{ form_end(formAddProgram) }}
    {% else %}
    <h3>En attente</h3>
    {% endif %}


    {% elseif programs|default %}

    <div class="uk-animation-slide-bottom">
        <p class="uk-text-center">
        <h1>Liste des programes</h1>
        </p>
    </div>

    <div class="separator"></div>

    <div class="tabs-active uk-animation-fade">

        <table id="table-list" class="uk-table uk-table-hover uk-table-divider uk-table-small">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Session_id</th>
                    <th>Début</th>
                    <th>Fin</th>
                    <th>ID Module</th>
                    <th>Module</th>
                    <th>Durée en jours:</th>
                </tr>
            </thead>
            <tbody>
                {% for program in programs %}
                    <tr class="student-item" onclick="window.location='{{ path('detail_program', {'id': program.id }) }}';"
                    style="cursor:pointer;">
                    <td>{{ program.id }}</a></td>
                    <td>{{ program.session.id }}</a>
                    </td>
                    <td>{{ program.session.dateStart |
                            date('d-m-Y') }}</a></td>
                    <td>{{ program.session.dateEnd |
                            date('d-m-Y') }}</a></td>
                    <td>{{ program.course.id }}</a></td>
                    <td>{{ program.course.nameCourse
                            }}</a></td>
                    <td>{{ program.days }}</a></td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <div class="uk-text-center uk-padding-top">

            <div class="ui small pagination menu">
                <a class="icon item prevPage"><i class="left chevron icon"></i></a>
                <div id="pagination" class="ui small pagination menu"></div>
                <a class="icon item nextPage"><i class="right chevron icon"></i></a>
            </div>
        </div>
    </div>
    {% else %}
    <h2>Aucune informations en base de données</h2>
    {% endif %}
</div>
{% endblock %}