{% extends 'app/' ~ template ~ '.html.twig' %}

{% block content %}
    <div class="component">
        <div class="component-wr section-separator">
            <h1 class="mb-0">
                {{ session.formation.title }}
            </h1>

            <div class="media media-is-responsive-tablet">
                <div class="media-body">
                    <div class="ln-c-li-date">
                        <i class="fa fa-calendar" aria-hidden="true"></i>
                        {{ session.period }}
                        <br>
                        <i class="fa fa-map-marker" aria-hidden="true"></i> {{ session.place }}
                    </div>
                    <p>{{ session.formation.summary }}</p>
                    <p></p>
                    <div class="form-session">
                        {{ form_start(form) }}
                        <div class="section-separator section-separator-s">
                            <div class="text-primary bold">Vos informations :</div>
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.firstName) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.firstName) }}
                                        {{ form_errors(form.firstName) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.lastName) }}</label>
                                    <div class="col-md-9">
                                        {{ form_widget(form.lastName) }}
                                        {{ form_errors(form.lastName) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.email) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.email) }}
                                        {{ form_errors(form.email) }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3">{{ form_label(form.company) }}</label>

                                    <div class="col-md-9">
                                        {{ form_widget(form.company) }}
                                        {{ form_errors(form.company) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right">
                            <button onclick="clearForm()"
                                    class="btn btn-default">{{ 'form.subscription_user.label.reset.form'|trans }}</button>
                            <input type="submit" class="btn btn-primary uppercase"
                                   value="{{ 'common.action.send'|trans }}">
                        </div>

                        {{ form_end(form) }}
                    </div>
                </div>
                <div class="row">
                    {% if listSubscriptionUser is not empty and displayListRegisteredFormation == true %}
                        <div class="{% if listSubscriptionUserWaiting is not empty %} col-md-6 {% else %} col-md-12 {% endif %}">
                            <h3>
                                {{ 'form.subscription_user.label.list'|trans }}
                            </h3>

                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th>{{ 'form.subscription_user.label.first_name'|trans }}</th>
                                        <th>{{ 'form.subscription_user.label.last_name'|trans }}</th>
                                    </tr>
                                    </thead>
                                    {% for subscriptionUser in listSubscriptionUser %}
                                        <tr>
                                            <td>{{ subscriptionUser.firstName }}</td>
                                            <td>{{ subscriptionUser.lastName }}</td>
                                        </tr>
                                    {% endfor %}
                                </table>
                            </div>
                        </div>
                    {% endif %}
                    {% if listSubscriptionUserWaiting is not empty and displayListWaitingRegisteredFormation == true %}
                        <div class="{% if listSubscriptionUser is not empty %} col-md-6 {% else %} col-md-12 {% endif %}">
                            <h3>
                                {{ 'form.subscription_user.label.list_waiting'|trans }}
                            </h3>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                    <tr>
                                        <th>{{ 'form.subscription_user.label.first_name'|trans }}</th>
                                        <th>{{ 'form.subscription_user.label.last_name'|trans }}</th>
                                    </tr>
                                    </thead>
                                    {% for subscriptionUser in listSubscriptionUserWaiting %}
                                        <tr>
                                            <td>{{ subscriptionUser.firstName }}</td>
                                            <td>{{ subscriptionUser.lastName }}</td>
                                        </tr>
                                    {% endfor %}
                                </table>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    {% include 'app/formation/_clear_js.html.twig' with { clear_type: 'subscription_user' } %}
{% endblock %}