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

{% block page_title %}
    {% if surveyType == 0 %}
        <h3 class="page-title">{{ 'survey' |trans({}, 'bo_survey') }}
            <small>{{ 'list_survey' |trans({}, 'bo_survey') }}</small>
        </h3>
    {% elseif surveyType == 1 %}
        <h3 class="page-title">{{ 'preselection' |trans({}, 'bo_survey') }}
            <small>{{ 'list_preselection' |trans({}, 'bo_survey') }}</small>
        </h3>
    {% elseif surveyType == 2 %}
        <h3 class="page-title">{{ 'tests' |trans({}, 'bo_survey') }}
            <small>{{ 'list_tests' |trans({}, 'bo_survey') }}</small>
        </h3>
    {% endif %}
{% 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">
                <div class="table-toolbar">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="btn-group">
                                {% if surveyType == 0 %}
                                    <a id="sample_editable_1_new" class="btn sbold green" href="{{ path('admin_survey_enquetes_index') }}">{{ 'add' |trans({}, 'bo_survey') }}
                                        <i class="fa fa-plus"></i>
                                    </a>
                                {% elseif surveyType == 1 %}
                                    <a id="sample_editable_1_new" class="btn sbold green" href="{#{ path('backend_survey_pre-recrutement_new') }#}">{{ 'add' |trans({}, 'bo_survey') }}
                                        <i class="fa fa-plus"></i>
                                    </a>
                                {% elseif surveyType == 2 %}
                                    <a id="sample_editable_1_new" class="btn sbold green" href="{{ path('admin_survey_new_test') }}">{{ 'add' |trans({}, 'bo_survey') }}
                                        <i class="fa fa-plus"></i>
                                    </a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
                <table id="table" class="table table-striped table-bordered table-hover table-checkable order-column">
                    <thead>
                        <tr>
                            <th>
                                {% if surveyType == 0 %}
                                    ID {{ 'survey' |trans({}, 'bo_survey') }}
                                {% elseif surveyType == 1 %}
                                    ID {{ 'preselection' |trans({}, 'bo_survey') }}
                                {% elseif surveyType == 2 %}
                                    ID {{ 'test' |trans({}, 'bo_survey') }}
                                {% endif %}
                            </th>
                            <th>{{ 'name' |trans({}, 'bo_survey') }}</th>
                            <th>{{ 'actions' |trans({}, 'bo_survey') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for survey in surveys %}
                            <tr class="odd gradeX">
                                <td>#{{ survey.idSurvey }}</td>
                                <td>{{ survey.name }}</td>
                                <td>
                                    <a href="{{ path('admin_survey_show', { 'id': survey.id }) }}" class="label label-success">{{ 'show_lowercase' |trans({}, 'bo_survey') }}</a>

                                    {% if surveyType == 0 %}
                                        <a href="{{ path('admin_survey_enquete_edit', { 'id': survey.id }) }}" class="label label-success">{{ 'edit' |trans({}, 'bo_survey') }}</a>
                                    {% elseif surveyType == 1 %}
                                        <a href="{{ path('admin_survey_pre_recrutements_edit', { 'id': survey.id }) }}" class="label label-success">{{ 'edit' |trans({}, 'bo_survey') }}</a>
                                    {% elseif surveyType == 2 %}
                                        <a href="{{ path('admin_survey_test_edit', { 'id': survey.id }) }}" class="label label-success">{{ 'edit' |trans({}, 'bo_survey') }}</a>
                                    {% endif %}
                                </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" ]],
              "paginationType": "custom_bootstrap_number",
              "oLanguage": {
                "sSearch": "{{ 'search' |trans({}, 'bo_survey') }}",
                "sLengthMenu": "{{ 'show' |trans({}, 'bo_survey') }} _MENU_ {{ 'items' |trans({}, 'bo_survey') }}",
              },
            });
        });
    </script>
{% endblock %}