{% extends "credentials/base_cred.html" %}

{% block title %}Confirm exam scheduling | Credentials{% endblock %}

{% block meta_description %}
  The Canonical Ubuntu Essentials exams certify knowledge and verify skills in general Linux,
  Ubuntu Desktop, and Ubuntu Server topics.
{% endblock meta_description %}

{% block meta_copydoc %}
  https://docs.google.com/document/d/1QuhO-9FEOGLrYp8bErS_9snqdljl7d6tFAUoNQxoVDQ/edit
{% endblock
meta_copydoc %}

{% block content %}

  <section class="p-strip is-deep">
    <div class="row">
      <div class="col-7">
        <div class="p-section--shallow">
          <h1 class="u-no-margin--bottom">Ubuntu CUE</h1>
          <p class="p-heading--2">Everything is ready!</p>
        </div>
      </div>
    </div>
    {% if not exam %}
      <div class="row">
        <div class="col-12">
          <div class="p-notification--information">
            <div class="p-notification__content">
              <h5 class="p-notification__title">Information</h5>
              <p class="p-notification__message">You have no exams at the moment.</p>
            </div>
          </div>
        </div>
      </div>
    {% else %}
      <div class="row">
        <div class="col-12">
          <h2>Your exam</h2>
          <p>
            Exam name: {{ exam["name"] }}
            <br />
            Exam date: {{ exam["date"] }}
            <br />
            Time: {{ exam["time"] }}
          </p>
        </div>
      </div>
      <div class="row">
        <div class="col-12">
          <p>
            {% set reschedule_href = "/credentials/schedule?contractItemID=" ~ exam['contract_item_id'] ~ "&uuid=" ~ exam['uuid'] ~ "&contractLongID=" ~ contract_long_id %}
            <a class="p-button" href="{{ reschedule_href }}">Reschedule
            exam</a>
            <a href="/credentials/your-exams">Your exams &gt;</a>
          </p>
        </div>
      </div>
      <div class="u-fixed-width">
        <h2>How to take your exam</h2>
        <ol class="p-stepped-list">
          <li class="p-stepped-list__item">
            <h3 class="p-stepped-list__title">Remember the reminders</h3>
            <p class="p-stepped-list__content">
              You will receive two reminder emails: one 48 hours before your exam and one
              15 minutes before your starting time. Make sure everything is set up on your end to take the exam in the best
              possible conditions.
            </p>
          </li>
          <li class="p-stepped-list__item">
            <h3 class="p-stepped-list__title">Visit /credentials/your-exams</h3>
            <p class="p-stepped-list__content">
              On {{ exam["date"] }}, log into <a href="/credentials/your-exams">your
              credentials account</a>. Look for the exam name you booked today and click on the <b>Take exam</b> button.
              The Take exam button will be available starting at {{ exam["time"] }}.
            </p>
          </li>
          <li class="p-stepped-list__item">
            <h3 class="p-stepped-list__title">Take the exam</h3>
            <p class="p-stepped-list__content">
              For the starting time of your booking, you will be given 30 minutes to start
              the exam. After that, you will not be able to access the exam anymore and will be marked as a "no-show". You
              will only get one try so make it count!
              <br />
              <br />
              If you experience any issues, please contact us at <a href="mailto:cue@canonical.com">cue@canonical.com</a>.
            </p>
          </li>
        </ol>
      </div>
    {% endif %}
  </section>

{% endblock content %}