<section id="self_assessment_${id}" class="self-assessment" data-ajax-url="${ajax_url}"
         data-id="${id}" data-state="${state}" data-allow_reset="${allow_reset}">
    <div class="error"></div>
    <div class="prompt">
    ${prompt}
    </div>

    <div>
    <textarea name="answer" class="answer" cols="70" rows="20">${previous_answer|h}</textarea>
    </div>

    <div class="rubric-wrapper">${initial_rubric}</div>

    <div class="hint-wrapper">${initial_hint}</div>

    <div class="message-wrapper">${initial_message}</div>
    
    <input type="button" value="Submit" class="submit-button" name="show"/>
    <input type="button" value="Reset" class="reset-button" name="reset"/>
</section>
