{% extends 'IcapDropzoneBundle:Correction:correct.html.twig' %}

{% form_theme form 'IcapDropzoneBundle::form_theme_correct_criteria.html.twig' %}

{% block dropzone_correct_content %}
    <h3>
        {{ 'Evaluation criteria'|trans({}, 'icap_dropzone') }}
    </h3>

    <p>
        {% if state is defined and state =='preview' %}
            {{ 'Note assigned depends on the following criteria'|trans({}, 'icap_dropzone') }}
        {% else %}
            {{ 'Note that you will assign depends on the following criteria'|trans({}, 'icap_dropzone') }}
        {% endif %}
    </p>

    <div class="container">
        {% if dropzone.hasCriteria() %}
            <div class="row">
                <form id="correct-form" method="POST" action="{% if edit == false %}#{% elseif admin == true %}{{ path('icap_dropzone_drops_detail_correction_paginated', {'resourceId': dropzone.id, 'state' : state, 'correctionId': correction.id, 'page': pager.currentPage}) }}{% else %}{{ path('icap_dropzone_correct_paginated', {'resourceId': dropzone.id, 'page': pager.currentPage}) }}{% endif %}" class="form-horizontal">
                    <hr/>
                    {% for criterion in pager.currentPageResults %}
                        {% set criterionNumber = (((pager.currentPage-1) * pager.maxPerPage) + loop.index) %}
                        <div class="row">
                            <div class="col-md-12">
                                <h4>#{{ criterionNumber }}</h4>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-11">
                                <div class="form-group">
                                    {{ form_row(form[criterion.id]) }}
                                </div>
                            </div>
                            <div class="col-md-1 pull-tight">
                                <strong>
                                    Note
                                </strong>
                                <div>
                                    {% set criterionGrade = 0 %}
                                    {%  for value in form[criterion.id].vars.value %}
                                        {% if value == true %}
                                            {% set criterionGrade = loop.index-1 %}
                                        {% endif %}
                                    {% endfor %}
                                    <span class="criterion-grade" data-criterion="icap_dropzone_correct_criteria_page_form[{{ criterion.id }}]">{{ criterionGrade }}</span>/{{ dropzone.totalCriteriaColumn-1 }}
                                </div>
                            </div>
                        </div>

                        <hr/>
                    {% endfor %}
                    {{ form_rest(form) }}


                    {% if edit == true %}
                        <div class="btn-group pull-right">
                            {% if admin == true %}
                                {% if pager.currentPage == 1 %}
                                    <a href="{{ path('icap_dropzone_drops_detail', {'resourceId': dropzone.id, 'dropId': correction.drop.id}) }}" class="btn btn-default">{{ 'Cancel'|trans({}, 'icap_dropzone') }}</a>
                                {% else %}
                                    {% set previousPage = pager.currentPage-1 %}
                                    <a href="{{ path('icap_dropzone_drops_detail_correction_paginated', {'resourceId': dropzone.id, 'state' : state, 'correctionId': correction.id, 'page': previousPage}) }}" class="btn btn-default back-button">{{ 'Previous'|trans({}, 'icap_dropzone') }}</a>
                                {% endif %}
                            {% else %}
                                {% if pager.currentPage == 1 %}
                                    <a href="{{ path('icap_dropzone_open', {'resourceId': dropzone.id}) }}" class="btn btn-default">{{ 'Cancel'|trans({}, 'icap_dropzone') }}</a>
                                {% else %}
                                    {% set previousPage = pager.currentPage-1 %}
                                    <a href="{{ path('icap_dropzone_correct_paginated', {'resourceId': dropzone.id, 'page': previousPage}) }}" class="btn btn-default back-button">{{ 'Previous'|trans({}, 'icap_dropzone') }}</a>
                                {% endif %}
                            {% endif %}

                            <button type="submit" class="btn btn-primary">{{ 'Save and continue'|trans({}, 'icap_dropzone') }}</button>
                        </div>
                    {% else %}
                        <div class="btn-group pull-right">
                            {% if pager.currentPage == 1 %}
                                {%  if state is defined and state == 'preview' %}
                                    <a href="{{ path('icap_dropzone_drop_detail_by_user', {'resourceId': dropzone.id,'dropId': correction.drop.id}) }}" class="btn btn-default">
                                        {{ 'Back to corrections'|trans({}, 'icap_dropzone') }}
                                    </a>
                                {%  else %}

                                    <a href="{{ path('icap_dropzone_drops_detail', {'resourceId': dropzone.id, 'dropId': correction.drop.id}) }}" class="btn btn-default">{{ 'Cancel'|trans({}, 'icap_dropzone') }}</a>
                                {% endif %}

                            {% else %}
                                {% set previousPage = pager.currentPage-1 %}
                                <a href="{{ path('icap_dropzone_drops_detail_correction_paginated', {'resourceId': dropzone.id, 'state' : state, 'correctionId': correction.id, 'page': previousPage}) }}" class="btn btn-default">
                                    {{ 'Previous'|trans({}, 'icap_dropzone') }}</a>
                            {% endif %}

                            {% set nextPage = pager.currentPage+1 %}
                            {% if pager.currentPage == pager.nbPages and not dropzone.allowCommentInCorrection %}
                                {# nothing #}
                            {% elseif pager.currentPage == pager.nbPages and dropzone.allowCommentInCorrection %}
                                <a href="{{ path('icap_dropzone_drops_detail_correction_comment', {'resourceId': dropzone.id, 'state' : state , 'correctionId': correction.id}) }}" class="btn btn-default">{{ 'Next'|trans({}, 'icap_dropzone') }}</a>
                            {% else %}
                                <a href="{{ path('icap_dropzone_drops_detail_correction_paginated', {'resourceId': dropzone.id, 'state' : state, 'correctionId': correction.id, 'page': nextPage}) }}" class="btn btn-default">{{ 'Next'|trans({}, 'icap_dropzone') }}</a>
                            {% endif %}
                        </div>
                    {% endif %}
                </form>
            </div>

            <div class="row">
                <strong>
                    {{ pager.currentPage }} / {% if edit == false and not dropzone.allowCommentInCorrection %}{{ pager.nbPages}}{% else %}{{ pager.nbPages+1 }}{% endif %}
                </strong>
            </div>
        {% else %}
            <div class="alert alert-warning">L'évaluation ne possède aucun critère pour corriger les copies. La correction est impossible.</div>
        {% endif %}
    </div>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        .column-container-div {
            text-align: center;
        }
    </style>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('bundles/icapdropzone/js/popup.js') }}"></script>
    <script>
        $(document).on('ready', function () {
            $('#icap_dropzone_correct_criteria_page_form_goBack').val(0);
            $('.back-button').on('click', function(event) {
                event.preventDefault();
                $('#icap_dropzone_correct_criteria_page_form_goBack').val(1);
                $('#correct-form button[type="submit"]').trigger('click');
            });

            $('.column-container-div input[type="radio"]').on('click', function () {
                var name = $(this).attr('name');
                var value = $(this).val();

                var test = '.criterion-grade[data-criterion="'+name+'"]';
                console.log(test);
                $(test).html(value);
            });

            var calculateTotalGrade = function () {
                var totalGrade = 20;

                $('.correctionGrade').html(totalGrade);
            };

            calculateTotalGrade();
        });
    </script>
{% endblock %}