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

{% block title %} Questions  {% endblock %}
{% block breadcrumb1 %} Questions  {% endblock %}
{% block breadcrumb2 %} Liste {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 space20">
                    {% if   is_granted('ROLE_ADMIN_COUNTRY') %}
                    <a class="btn btn-primary pull-left" href="{{ path('question_new') }}">Ajouter Question <i class="fa fa-plus"></i></a>
                    {% elseif   is_granted('ROLE_MANAGER')%}
                    <a class="btn btn-primary pull-left" href="{{ path('question_new_manager') }}">Ajouter Question <i class="fa fa-plus"></i></a>
                    {% endif %}
                </div>
            </div>

            <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                <thead>
                <tr>
                    <th class="hidden-xs center" width="50%"><strong>Questions</strong></th>
                    <th class="hidden-xs center" width="35%"><strong>Formations</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>Status</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>Actions</strong></th>
                </tr>
                </thead>
                <tbody>
                {% for question in questions %}
                    <tr>
                        <td class="hidden-xs center"><b>{{ question.label }}</b> </td>
                        <td class="hidden-xs center sorting_1">
                            {%  for formation in question.formations %}
                                <span class="label label-sm label-warning"
                                      style="background-color: #E10031 !important;margin-left: 5px; margin-top: 13px !important;display: inline-block; ">
                                    {{ formation.name }}
                                </span>
                            {%  endfor %}
                        </td>
                        <td class="hidden-xs center sorting_1">
                            <a href="{{ path('question_status', {id: question.id}) }}"
                               class="label {% if question.enabled == 1 %}label-success{% else %}label-danger{% endif %}">
                                {% if question.enabled == 1 %} Enabled {% else %} Disabled {% endif %}
                            </a>
                        </td>
                        <td class="hidden-xs center">
                            {% if   is_granted('ROLE_ADMIN_COUNTRY') %}

                            <a class="btn btn-success btn-xs" title="edit" href="{{ path('question_edit', {id: question.id}) }}">
                                <span class="fa fa-edit" style="color:white"></span></a>
                            <a href="{{ path('question_delete',{'id':question.id}) }}" class="btn btn-danger btn-xs user-remove" title="supprimer" data-toggle="confirmation" class="delete-row">
                                <span class="fa fa-trash-o"  style="color:white"></span></a>
                            {% elseif is_granted('ROLE_MANAGER')  %}

                                <a class="btn btn-success btn-xs" title="edit" href="{{ path('question_edit_manager', {id: question.id}) }}">
                                    <span class="fa fa-edit" style="color:white"></span></a>
                                <a href="{{ path('question_delete_manager',{'id':question.id}) }}" class="btn btn-danger btn-xs user-remove" title="supprimer" data-toggle="confirmation" class="delete-row">
                                    <span class="fa fa-trash-o"  style="color:white"></span></a>
                                {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}