{% load i18n %}
<div class="sequence timed-exam entrance" data-exam-id="{{exam_id}}">
  <h3>
    {% blocktrans %}
    {{ display_name }} is a Timed Exam ({{total_time}})
    {% endblocktrans %}
  </h3>
  <p>
    {% trans "This exam has a time limit associated with it." %}
    <strong>
      {% trans "To pass this exam you must complete the problems in the time allowed." %}
    </strong>
    {% trans "As soon as you indicate that you are ready to start the exam, you will have "%} {{total_time|lower}} {% trans " to complete the exam." %}
  </p>
  <div class="gated-sequence">
    <a class='start-timed-exam' data-ajax-url="{{enter_exam_endpoint}}" data-exam-id="{{exam_id}}">
      {% blocktrans %}
        I'm ready! Start this timed exam.
      {% endblocktrans %}
        <i class="fa fa-arrow-circle-right"></i>
      </a>
  </div>
</div>
{% include 'proctoring/seq_timed_exam_footer.html' %}

<script type="text/javascript">

  var inProcess = false;

  var disableClickEvent = function () {
    inProcess = true;
    $('body').css('cursor', 'wait');
    $('.start-timed-exam').css('cursor', 'wait');
  };

  var enableClickEvent = function () {
    inProcess = false;
    $('body').css('cursor', 'auto');
    $('.start-timed-exam').css('cursor', 'auto');
  };

  $('.start-timed-exam').click(function () {
      if (!inProcess) {
        disableClickEvent();
        var action_url = $(this).data('ajax-url');
        var exam_id = $(this).data('exam-id');

        $.post(
          action_url,
          {
            "exam_id": exam_id,
            "start_clock": true
          },
          function (data) {
            // reload the page, because we've unlocked it
            location.reload();
          }
        ).fail(function(){
          enableClickEvent();
          var msg = gettext(
            "There has been a problem starting your exam.\n\n" +
            "Possible reasons are that your account has not been fully activated,\n" +
            "you have are experiencing a network connection problem, or there has been\n" +
            "a service disruption. Please check these and try again."
          );
          alert(msg);
        });
      } else {
        return false;
      }
    }
  );
</script>