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

{% block page_title %}
    <h3 class="page-title"> Focus Group
        <small>gestion des accès au focus group</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="row">
        <div class="col-md-12">
            <div class="portlet-body">
                <table id="table" 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>Eligible</th>
                        {#
                        <th>Action</th>
                        #}
                    </tr>
                    </thead>
                    <tbody>
                    {% for user in survey.panelisteGroup.users %}
                        <tr class="odd gradeX">
                            <td><a href="{{ path('admin_user_show', { 'id': user.id }) }}">{{ user.id }}</a></td>
                            <td>{{ user.title }}</td>
                            <td>{{ user.lastname }}</td>
                            <td>{{ user.firstname }}</td>
                            <td>
                                {% if checkAccesses[user.id] %}
                                    {% if accessesOverrides[user.id] %}
                                        {% if accessesOverrides[user.id].access == 0 %}
                                            <span class="font-green-jungle sbold">Oui</span>
                                        {% elseif accessesOverrides[user.id].access == 1 %}
                                            <span class="font-green-jungle sbold">Oui (forcé oui)</span>
                                        {% else %}
                                            <span class="font-red-thunderbird sbold">Non (forcé non)</span>
                                        {% endif %}
                                    {% else %}
                                        <span class="font-green-jungle sbold">Oui</span>
                                    {% endif %}
                                {% else %}
                                    {% if accessesOverrides[user.id] %}
                                        {% if accessesOverrides[user.id].access == 0 %}
                                            <span class="font-red-thunderbird sbold">Non</span>
                                        {% elseif accessesOverrides[user.id].access == 1 %}
                                            <span class="font-green-jungle sbold">Oui (forcé oui)</span>
                                        {% else %}
                                            <span class="font-red-thunderbird sbold">Non (forcé non)</span>
                                        {% endif %}
                                    {% else %}
                                        <span class="font-red-thunderbird sbold">Non</span>
                                    {% endif %}
                                {% endif %}
                            </td>
                            <td>

                                  <a href="{{ path('admin_focus_group_access_edit', { 'survey': survey.id, 'user': user.id }) }}" class="label label-success">éditer</a>

                                
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </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() {
            var table = $('#table').dataTable({
                "order": [[ 0, "desc" ]]
            });
        });
    </script>
{% endblock %}