{% 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 %} {{ 'paper list' | 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">{{ 'paper list' | trans }}</li>
{% endblock %}

{% block section_content %}

    <div class="panel-heading">
        <h3 class="panel-title">{{ 'paper list' | trans }}</h3>
    </div>

    <div class="panel-body">
        <a href="{{ path('ujm_exercise_open', { 'exerciseId': exoID }) }}" class="btn btn-primary">
            <i class="fa fa-arrow-left"></i> {{ 'back' | trans }}
        </a>
        {% if retryButton and nbUserPaper == 0 and nbQuestions > 0 %}
            <a class="btn btn-primary" href="{{ path('ujm_exercise_paper', { 'id': exoID }) }}">
                <i class="fa fa-check-square-o"></i> {{ 'compose' | trans }}
            </a>
        {% endif %}
        {% if isAdmin %}
            <a href="{{ path('ujm_exercise_docimology', { 'exerciseId': exoID, 'nbPapers': pager.getNbResults }) }}"
               class="btn btn-primary">
                {{ 'docimology' | trans }}
            </a>
            <a href="{{ path('ujm_paper_export_results', { 'exerciseId': exoID }) }}"
               class="btn btn-primary">
                {{ 'export CSV of results' | trans }}
            </a>
            {% if _resource.published == FALSE %}
                <a href="{{ path('ujm_exercise_delete_all_paper', { 'id': exoID }) }}"
                   class="btn btn-primary">
                    <i class="fa fa-trash-o"></i> {{ 'delete papers' | trans }}
                </a>
            {% endif %}
        {% endif %}

        <hr/>

        {% if isAdmin == 1 and  papers is not empty %}
            {{ 'searchUserPaper' | trans }} :
            <div class="input-group">
                <input type="text" class="form-control" id="nameUser" placeholder="{{ 'search'|trans({}, 'platform') }}"
                    onkeydown="if (event.keyCode == 13) { searchUserPaper('{{ path('ujm_paper_searchUserPaper') }}', {{exoID}});return false; }">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" id="searchPaperUser"
                        onClick="searchUserPaper('{{ path('ujm_paper_searchUserPaper') }}', {{exoID}});">
                <i class="fa fa-search"></i></button>
                </span>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="btn btn-primary" href="{{ path('ujm_paper_list', { 'exoID': papers[0].exercise.id }) }}">
                    <i class="fa fa-repeat"></i> {{ 'reset' | trans }}
               </a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="btn btn-primary" href="{{ path('ujm_paper_list', { 'exoID': papers[0].exercise.id, 'all': 1 }) }}">
                    <i class="fa fa-list"></i> {{ 'displayAllList' | trans }}
                </a>
            </div>

            <hr/>
        {% endif %}

        {% if nbUserPaper > 0 %}
            <fieldset id="container" class="alert alert-info">
                {{ 'already_answered' | trans }}
                {% if retryButton %} :
                    <div style="float:right;">
                        <a class="btn btn-primary" href="{{ path('ujm_exercise_paper', { 'id': exoID }) }}">
                            <i class="fa fa-check-square-o"></i> {{ 'start again' | trans }}
                        </a>
                    </div>
                    {% else %}.
                    {% endif %}
            </fieldset>
        {% endif %}

        {% include "UJMExoBundle:Partial:badgeInfos/infos.html.twig" %}
        {% include "UJMExoBundle:Partial:correction/attemptInfo.html.twig" %}

        <h6 style="color: red; text-align: right;">({{ 'paperLegend' | trans }}).</h6>

        <div id="resultSearch">
            {% if divResultSearch is defined %}
                {{ divResultSearch | raw }}
            {% else %}
                {% if papers is not empty %}

                    {% include "UJMExoBundle:Partial:paper/list.html.twig" %}

                    {% if pager.haveToPaginate %}
                        <div class="text-center panel-footer">
                            {{ pagerfanta(pager, 'twitter_bootstrap_translated', {'routeName': 'ujm_paper_list',
                                'routeParams': { 'exoID': papers[0].exercise.id } }) }}
                        </div>
                    {% endif %}
                {% else %}
                    <div class="alert alert-info">{{ 'noPaperFound'|trans }}</div>
                {% endif %}
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/sortAndSearch.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/exercise.js') }}"></script>
{% endblock %}