{% extends "global/Page.html" %}
{% load staticfiles otree_tags %}

{% block title %}
    Transcription task {{ subsession.round_number }}/{{ Constants.num_rounds }}
{% endblock %}

{% block content %}

    <p>
        Please transcribe (copy) the text below into the input field.
        Be exact and make sure to get all characters and spaces correct. You can only advance to the next screen if the
                transcription is {{ required_accuracy }}% accurate.
    </p>

    <div>
        <img src="{% static image_path %}"/>
    </div>

    {% formfield player.transcribed_text with label="" %}

    {% next_button %}

{% endblock %}

{% block scripts %}
<script>
    $(document).ready(function () {
        var referenceText = {{ reference_text|json }};
        $('a#prefill').click(function () {
            $('#id_transcribed_text').val(referenceText);
        })
    });
</script>
{% endblock %}