{% load i18n %}
<div class="sequence proctored-exam entrance" data-exam-id="{{exam_id}}">
  <h3>
    {% blocktrans %}
      This exam is proctored.
    {% endblocktrans %}
  </h3>
  <p>
    {% blocktrans %}
      To be eligible to earn credit for this course, you must take and pass the proctoring review for this exam.
    {% endblocktrans %}
  </p>
  <button class="gated-sequence start-timed-exam" data-ajax-url="{{enter_exam_endpoint}}" data-exam-id="{{exam_id}}" data-attempt-proctored=true data-start-immediately=false>
    <a>
      {% trans "Continue to my proctored exam. I want to be eligible for credit." %}
    </a>
    <p>
      {% blocktrans %}
        You will be guided through steps to set up online proctoring software and to perform various checks.</br>
      {% endblocktrans %}
    </p>

    <i class="fa fa-arrow-circle-right"></i>
  </button>
  <button class="gated-sequence start-timed-exam" data-attempt-proctored=false>
    <a>
      {% trans "Take this exam without proctoring." %}
    </a>
      <i class="fa fa-arrow-circle-right"></i>
    <p>
      {% blocktrans %}
        I am not interested in academic credit.
      {% endblocktrans %}
    </p>
  </button>
</div>
{% include 'proctored_exam/confirm-decline.html' %}
{% include 'proctored_exam/footer.html' %}