{#
 # ExoOnLine
 # Copyright or © or Copr. Université Jean Monnet (France), 2012
 # dsi.dev@univ-st-etienne.fr
 #
 # This software is a computer program whose purpose is to [describe
 # functionalities and technical features of your software].
 #
 # This software is governed by the CeCILL license under French law and
 # abiding by the rules of distribution of free software.  You can  use,
 # modify and/ or redistribute the software under the terms of the CeCILL
 # license as circulated by CEA, CNRS and INRIA at the following URL
 # "http://www.cecill.info".
 #
 # As a counterpart to the access to the source code and  rights to copy,
 # modify and redistribute granted by the license, users are provided only
 # with a limited warranty  and the software's author,  the holder of the
 # economic rights,  and the successive licensors  have only  limited
 # liability.
 #
 # In this respect, the user's attention is drawn to the risks associated
 # with loading,  using,  modifying and/or developing or reproducing the
 # software by the user in light of its specific status of free software,
 # that may mean  that it is complicated to manipulate,  and  that  also
 # therefore means  that it is reserved for developers  and  experienced
 # professionals having in-depth computer knowledge. Users are therefore
 # encouraged to load and test the software's suitability as regards their
 # requirements in conditions enabling the security of their systems and/or
 # data to be ensured and,  more generally, to use and operate it in the
 # same conditions as regards security.
 #
 # The fact that you are presently reading this means that you have had
 # knowledge of the CeCILL license and that you accept its terms.
#}

{% set layout = "ClarolineCoreBundle:Workspace:layout.html.twig" %}

{% if isDesktop() %}
    {% set layout = "ClarolineCoreBundle:Desktop:layout.html.twig" %}
{% endif %}

{% extends layout %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('bundles/ujmexo/css/tableLayout.css') }}" type="text/css" rel="stylesheet"/>
{% endblock %}

{% block title %} {{ 'list of question' | trans }} {% endblock %}

{% block resourceBreadcrumb %}
    <li><a href="{{ path('claro_resource_open', { 'resourceType': _resource.resourceNode.resourceType.name(), 'node': _resource.resourceNode.id }) }}">{{ _resource.getResourceNode().getName() }}</a></li>
    <li class="active">{{ 'my questions' | trans }}</li>
{% endblock %}

{% block section_content %}
    <div class="panel-heading">
        <h3 class="panel-title">{{ 'my questions' | trans }}</h3>
    </div>
    <div class="panel-body">
        <a class="btn btn-primary" href="{{ path('ujm_exercise_open', { 'exerciseId':  exerciseID }) }}">
            <i class="fa fa-arrow-left"></i> {{ 'back' | trans }}
        </a>
        <a class="btn btn-primary" href="{{ path('ujm_exercise_import_question', { 'exoID':  exerciseID, 'pageGoNow': pagerQuestion.getNbPages,
            'maxPage': pagerQuestion.maxPerPage, 'nbItem': pagerQuestion.getNbResults }) }}">
            <i class="fa fa-download"></i> {{ 'import questions' | trans }}
        </a>
        <a class="btn btn-primary" href="{{ path('ujm_question_new', { 'exoID': exerciseID }) }}">
            <i class="fa fa-plus"></i> {{ 'create a new entry' | trans }}
        </a>
    </div>

    <div class="list-group">
        <div class="list-group-item">
            {% if interactions is not empty %}
                <p>{{ 'changeOrder' | trans }}.</p>
                {% if pagerQuestion.getNbResults > pagerQuestion.maxPerPage and displayAll == 0 %}
                    <a class="btn btn-primary" href="{{ path('ujm_exercise_questions', { 'id': exerciseID, 'displayAll': 1 }) }} ">
                        <i class="fa fa-plus-circle"></i> {{ 'display all on this page' | trans }}
                    </a>
                {% elseif displayAll == 1 %}
                    <a class="btn btn-primary" href="{{ path('ujm_exercise_questions', { 'id': exerciseID }) }} ">
                        <i class="fa fa-minus-circle"></i> {{ 'display pagination' | trans }}
                    </a>
                {% endif %}
            {% endif %}

            <div id="SaveOrder" style="display: none;">
                <button type="button" class="btn btn-danger"
                    onclick="SaveNewOrder('{{ path('ujm_exercise_question_order') }}', {{exerciseID}},
                                           {{pagerQuestion.getCurrentPage}}, {{pagerQuestion.maxPerPage}});">
                    {{ 'saveNewOrder' | trans }}
                </button>
            </div>
            <br/><br/>

            {% if interactions is not empty %}
                <table class="table table-striped table-bordered table-condensed" id="QuestionArray">
                    <thead>
                        <tr style="background-color: lightsteelblue;">
                            <th class="classic">{{ 'category' | trans }}</th>
                            <th class="classic">{{ 'title' | trans }}</th>
                            <th class="classic">{{ 'type' | trans }}</th>
                            <th class="classic">{{ 'question' | trans }}</th>
                            <th class="classic">{{ 'actions' | trans }}</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% set i = 0 %}
                    {% for interaction in interactions %}
                        {% set x = i + 3 * (pagerQuestion.getCurrentPage - 1) %}
                        <tr>
                            <td class="classic">{{ interaction.question.category.value }}</td>
                            <td class="classic"><a href="{{ path('ujm_question_show', { 'id': interaction.question.id, 'exoID': exerciseID }) }}">{{ interaction.question.title }}</a></td>
                            <td class="classic">{{ interaction.type|trans }}</td>
                            <td class="classic">{{ interaction.invite|raw }}</td>
                            <td class="classic">
                                <a class="btn btn-default" data-toggle="tooltip" title="{{ 'duplicate' | trans }}" href="{{ path('ujm_question_duplicate', { 'interID': interaction.id, 'exoID': exerciseID }) }}">
                                    <i class="fa fa-repeat"></i>
                                </a>
                                {% if allowEdit[interaction.id] == 1 %}
                                    {% if (questionWithResponse[interaction.id] == 0) %}
                                        <a class="btn btn-default" title="{{ 'edit' | trans }}"
                                           href="{{ path('ujm_question_edit', { 'id': interaction.question.id, 'exoID': exerciseID }) }}">
                                            <i class="fa fa-pencil"></i>
                                        </a>
                                    {% else %}
                                        <a class="btn btn-default" title="{{ 'edit' | trans }}" style="color: red;"
                                           href="{{ path('ujm_question_edit', { 'id': interaction.question.id, 'exoID': exerciseID }) }}">
                                            <i class="fa fa-pencil"></i>
                                        </a>
                                    {% endif %}
                                {% endif %}
                                <a class="btn btn-default" title="{{ 'delete of my exercise' | trans }}"
                                   href="{{ path('ujm_exercise_question_delete', {
                                        'exoID': exerciseID, 'qid': interaction.question.id, 'pageNow': pagerQuestion.getCurrentPage,
                                        'maxPage': pagerQuestion.maxPerPage, 'nbItem': pagerQuestion.getNbResults,
                                        'lastPage': pagerQuestion.getNbPages }) }}">
                                    <i class="fa fa-trash-o"></i>
                                </a>
                            </td>
                            <td style="display: none;" id="qid{{i}}">
                                {{ interaction.question.id }}
                            </td>
                        </tr>
                        {% set i = i + 1 %}
                    {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <div class="alert alert-info">{{ 'noQuestionFound'|trans }} ...</div>
            {% endif %}
        </div>
    </div>
    {% if pagerQuestion.haveToPaginate %}
        <div class="text-center panel-footer">
            {{ pagerfanta(pagerQuestion, 'twitter_bootstrap_translated', {'routeName': 'ujm_exercise_questions', 'routeParams':
            { 'id': exerciseID } }) }}
        </div>
    {% endif %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('bundles/frontend/jquery/jquery-ui-1.9.2/jquery-ui-1.9.2.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/ext/jquery-ui-touch-punch.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/exerciceQuestion.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/resize.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            ready();
        });
    </script>
{% endblock %}
