{% extends 'base.html' %}

{% load evaluation_filters %}

{% block title %}{% trans 'Your EvaP' %} - {{ block.super }}{% endblock %}

{% block breadcrumb_bar %}
    <ul class="breadcrumb">
        <li class="breadcrumb-item">{{ evaluation.course.semester.name }}</li>
        <li class="breadcrumb-item">{{ evaluation.full_name }}</li>
    </ul>
{% endblock %}

{% block content %}
    {{ block.super }}

    <div class="callout callout-info small">
        {% if editable %}
            {% blocktrans %}Please review the evaluation's details below, add all contributors and select suitable questionnaires. Once everything is okay, please approve the evaluation on the bottom of the page.{% endblocktrans %}
        {% else %}
            {% blocktrans %}You cannot edit this evaluation because it has already been approved.{% endblocktrans %}
        {% endif %}
    </div>

    <h3>
        {{ evaluation.full_name }} ({{ evaluation.course.semester.name }})
    </h3>

    <form method="POST" class="form-horizontal multiselect-form select2form" id="evaluation-form">
        {% csrf_token %}
        <div class="card mb-3">
            <div class="card-body">
                <h5 class="card-title">{% trans 'Course data' %}</h5>
                <div class="d-flex">
                    <label class="col-md-3 pe-4 form-label">{% trans 'Name (German)' %}</label>
                    <div class="col-md-7 form-static-text">{{ evaluation.course.name_de }}</div>
                </div>
                <div class="d-flex">
                    <label class="col-md-3 pe-4 form-label">{% trans 'Name (English)' %}</label>
                    <div class="col-md-7 form-static-text">{{ evaluation.course.name_en }}</div>
                </div>
                <div class="d-flex">
                    <label class="col-md-3 pe-4 form-label">{% trans 'Responsibles' %}</label>
                    <div class="col-md-7 form-static-text">{{ evaluation.course.responsibles_names }}</div>
                </div>
                <div class="d-flex">
                    <label class="col-md-3 pe-4 form-label">{% trans 'Degrees' %}</label>
                    <div class="col-md-7 form-static-text">
                        {% for degree in evaluation.course.degrees.all %}
                            <span class="badge bg-primary">{{ degree }}</span>
                        {% endfor %}
                    </div>
                </div>
                <div class="d-flex">
                    <label class="col-md-3 pe-4 form-label">{% trans 'Course type' %}</label>
                    <div class="col-md-7 form-static-text">
                        <span class="badge bg-secondary">{{ evaluation.course.type }}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-body">
                <div class="d-flex">
                    <h5 class="card-title me-auto">{% trans 'Evaluation data' %}</h5>
                    {% if not evaluation.allow_editors_to_edit %}
                        <div>
                            <button type="button" class="btn btn-sm btn-light" onclick="changeEvaluationRequestModalShow();" id="changeEvaluationRequestModalButton">
                                {% trans 'Request changes' %}
                            </button>
                        </div>
                    {% endif %}
                </div>
                {% include 'evaluation_form_general_questionnaires.html' with evaluation_form=form %}
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-body">
                {% include 'contribution_formset.html' with formset=formset staff=False editable=editable %}
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <fieldset>
                    <div class="d-flex">
                        <h5 class="card-title me-auto">{% trans 'Participants' %}</h5>
                        <div>
                            <button type="button" class="btn btn-sm btn-light" onclick="changeParticipantRequestModalShow();" id="changeParticipantRequestModalButton">
                                {% trans 'Request changes' %}
                            </button>
                        </div>
                    </div>
                    <p>{% trans 'These people will be invited for the evaluation. Please let us know if this data is not correct.' %}</p>
                    <ul>
                        {% for p in evaluation.participants.all|dictsort:'last_name' %}
                            <li>{{ p.full_name }}</li>
                        {% endfor %}
                    </ul>
                </fieldset>
            </div>
        </div>
        <div class="card card-submit-area card-submit-area-3 text-center mb-3">
            <div class="card-body">
                {% if editable %}
                    <button name="operation" value="preview" type="submit" class="btn btn-light">{% trans 'Preview' %}</button>
                    <button name="operation" value="save" type="submit" class="btn btn-primary">{% trans 'Save' %}</button>
                    {# webtest does not allow submission with value "approve" if no such button exists #}
                    <button style="display: none" name="operation" value="approve" type="submit"></button>
                    <button type="button" onclick="approveEvaluationModalShow(0, '');" class="btn btn-success">{% trans 'Save and approve' %}</button>
                {% endif %}
                <a href="{% url 'contributor:index' %}" class="btn btn-light">{% if edit %}{% trans 'Cancel' %}{% else %}{% trans 'Back' %}{% endif %}</a>
            </div>
        </div>
    </form>

    {% if preview_html %}
        <div class="modal fade" id="previewModal" tabindex="-1" role="dialog" aria-labelledby="previewModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="previewModalLabel">{% trans 'Preview' %}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        {{ preview_html|safe }}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">{% trans 'Close' %}</button>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block modals %}
    {{ block.super }}
    {% trans 'Approve evaluation' as title %}
    {% blocktrans asvar question%}Do you want to approve this evaluation? This will allow the evaluation team to proceed with the preparation, but you won't be able to make any further changes.{% endblocktrans %}
    {% trans 'Approve evaluation' as action_text %}
    {% include 'confirmation_modal.html' with modal_id='approveEvaluationModal' title=title question=question action_text=action_text btn_type='primary' %}
    <script type="text/javascript">
        function approveEvaluationModalAction(dataId) {
            $('#evaluation-form').append('<input type="hidden" name="operation" value="approve" />');
            $('#evaluation-form').submit();
        };
    </script>

    {% blocktrans asvar title with evaluation_name=evaluation.full_name|safe %}Request participant changes for {{ evaluation_name }}{% endblocktrans %}
    {% trans 'Please tell us what changes to the participants list we should make.' as teaser %}
    {% include 'contact_modal.html' with modal_id='changeParticipantRequestModal' user=request.user title=title teaser=teaser %}

    {% trans 'Request account creation' as title %}
    {% trans 'Please tell us which new account we should create. We need the name and email for all new accounts.' as teaser %}
    {% include 'contact_modal.html' with modal_id='createAccountRequestModal' user=request.user title=title teaser=teaser %}

    {% blocktrans asvar title with evaluation_name=evaluation.full_name|safe %}Request evaluation changes for {{ evaluation_name }}{% endblocktrans %}
    {% trans 'Please tell us what changes to the evaluation we should make.' as teaser %}
    {% include 'contact_modal.html' with modal_id='changeEvaluationRequestModal' user=request.user title=title teaser=teaser %}
{% endblock %}

{% block additional_javascript %}
    {% include 'evap_evaluation_edit_js.html' %}

    {% if preview_html %}
        <script type="text/javascript">
            var previewModal = new bootstrap.Modal(document.getElementById('previewModal'));
            previewModal.show();
        </script>
    {% endif %}
{% endblock %}