{% 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__content">
            <article class="submission__answer__display">
                <h3 class="submission__answer__display__title">{% trans "Your Response" %}</h3>

                <div class="submission__answer__display__content">
                    {{ student_submission.answer.text|linebreaks }}
                </div>

                {% 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 %}
