{% extends "openassessmentblock/response/oa_response.html" %}
{% load i18n %}

{% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}">
{% endblock %}

{% block title %}
<span class="step__status">
  <span class="step__status__label">{% trans "This step's status" %}:</span>
  <span class="step__status__value">
    <i class="ico icon-ok"></i>
    <span class="copy">{% trans "Complete" %}</span>
  </span>
</span>
{% endblock %}

{% block body %}
<div class="ui-toggle-visibility__content">
    <div class="wrapper--step__content">

        <div class="step__message message message--complete">
            <h3 class="message__title">{% trans "Your Response Has Been Submitted" %}</h3>
            <div class="message__content">
                {% if has_peer and has_self %}
                    {% blocktrans with peer_start_tag='<a data-behavior="ui-scroll" href="#openassessment__peer-assessment">'|safe self_start_tag='<a data-behavior="ui-scroll" href="#openassessment__self-assessment">'|safe end_tag='</a>'|safe %}
                        You'll receive your grade after some of your peers have assessed your response and you complete the {{ peer_start_tag }}peer assessment{{ end_tag }} and {{ self_start_tag }}self assessment{{ end_tag }} steps.
                    {% endblocktrans %}
                {% elif has_peer %}
                    {% blocktrans with start_tag='<a data-behavior="ui-scroll" href="#openassessment__peer-assessment">'|safe end_tag='</a>'|safe %}
                        You'll receive your grade after some of your peers have assessed your response and you complete the {{ start_tag }}peer assessment{{ end_tag }} step.
                    {% endblocktrans %}
                {% elif has_self %}
                    {% blocktrans with start_tag='<a data-behavior="ui-scroll" href="#openassessment__self-assessment">'|safe end_tag='</a>'|safe %}
                        You'll receive your grade after you complete the {{ start_tag }}self assessment{{ end_tag }} step.
                    {% endblocktrans %}
                {% endif %}
            </div>
        </div>

        <div class="step__content">
            <article class="submission__answer__display">
                <h3 class="submission__answer__display__title">{% trans "Your Response" %}</h3>

                {% include "openassessmentblock/oa_submission_answer.html" with answer=student_submission.answer answer_text_label="Your response to the question above:" %}

                {% if allow_file_upload and file_url %}
                <h3 class="submission__answer__display__title">{% trans "Your Image" %}</h3>

                <div class="submission__answer__display__image">
                    <img class="submission--image" alt="{% trans "The image associated with your submission." %}" src="{{ file_url }}"/>
                </div>
                {% endif %}
            </article>
        </div>
    </div>
</div>
{% endblock %}
