{% extends 'Backend/_layout.html.twig' %}

{% block page_title %}
    <h3 class="page-title"> Historique questionnaire
        <small>historique des accès au questionnaire</small>
    </h3>
{% endblock %}

{% block stylesheet %}
    <link href="{{ asset('backend/assets/global/plugins/datatables/datatables.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Questionnaire</span>
            </div>
        </div>
        <div class="portlet-body form">
            <form action="#" class="form-horizontal">
                <div class="form-body">
                    <div class="form-group">
                        <label class="col-md-3 control-label">Nom</label>
                        <div class="col-md-4">
                            <p class="form-control-static">
                                {{ link.name }}
                            </p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">Url</label>
                        <div class="col-md-4">
                            <p class="form-control-static">
                                <a href="{{ link.link }}" target="_blank">{{ link.link }}</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <a class="btn default" href="{{ path('admin_survey_show', {'id':link.survey.id}) }}">Retour</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">Détails des accès</span>
            </div>
        </div>
        <div class="portlet-body">
            <table id="table_access" class="table table-striped table-bordered table-hover table-checkable order-column">
                <thead>
                <tr>
                    <th style="width:80px;">Id</th>
                    <th>Titre</th>
                    <th>Nom</th>
                    <th>Prénom</th>
                    <th>Date d'accès au questionnaire</th>
                </tr>
                </thead>
                <tbody>
                {% for linkLog in linkLogs %}
                    <tr class="odd gradeX">
                        <td>{{ linkLog.user.id }}</td>
                        <td>{{ linkLog.user.title }}</td>
                        <td>{{ linkLog.user.lastname }}</td>
                        <td>{{ linkLog.user.firstname }}</td>
                        <td>Le {{ linkLog.createdAt | date('d/m/Y') }} à {{ linkLog.createdAt | date('H\\hi') }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject font-red-sunglo bold uppercase">En attente</span>
            </div>
        </div>
        <div class="portlet-body">
            <table id="table_waiting" class="table table-striped table-bordered table-hover table-checkable order-column">
                <thead>
                <tr>
                    <th style="width:80px;">Id</th>
                    <th>Titre</th>
                    <th>Nom</th>
                    <th>Prénom</th>
                    <th>Date d'accès au questionnaire</th>
                </tr>
                </thead>
                <tbody>
                {% for paneliste in panelistes %}
                    {% if history[paneliste.id] is not defined %}
                        <tr class="odd gradeX">
                            <td>{{ paneliste.id }}</td>
                            <td>{{ paneliste.title }}</td>
                            <td>{{ paneliste.lastname }}</td>
                            <td>{{ paneliste.firstname }}</td>
                            <td>-</td>
                        </tr>
                    {% endif %}
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block javascript %}
    <script src="{{ asset('backend/assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#table_access').dataTable({
                "order": [[ 0, "desc" ]]
            });

            $('#table_waiting').dataTable({
                "order": [[ 0, "desc" ]]
            });
        });
    </script>
{% endblock %}