<% content_for :title, "Skills Assessment" %>

<% if session[:test_id].present? %>

  <main class="intro_tpl">
    <h1 class="prft-heading">Oops!</h1>
    <p>
      Looks like you hit the browser's Back button. You can't go backwards in the test,
      but you'll have a chance at the end to review your answers and make changes.
    </p>

    <a href="<%= question_path %>"><button>Continue Test</button></a>
  </main>

<% else %>

  <main class="intro_tpl">
    <h1 class="prft-heading">Let's Get Started</h1>
    <p>
      This is a skills assessment test. It's the first step in the process of interviewing
      for a Front-End Development position with Perficient Digital.
    </p>
    <p>
      The questions will test your knowledge in the areas of HTML, CSS, and JavaScript.
      Please note that you can <strong>only move forward through the test</strong>, not back,
      and you <strong>must attempt to answer the question</strong> before moving to the
      next one. You'll have an opportunity at the end of the test to review and update your
      answers if need be. At any time, you may save your progress and log back in to continue
      taking the test from where you left off.
    </p>
    <p>
      Please answer to the best of your ability&mdash;it's totally okay to say
      "I don't know"!&mdash;and above all, relax and have fun! Once you submit your
      answers, we will review your assessment and your recruiter will be in touch.
    </p>

    <%= form_tag(validate_candidate_path) do %>
      <div class="form-group">
        <label for="userid">What's your User ID?</label>
        <input type="text" id="test_id" name="test_id" required/>
      </div>
      <button type="submit">Begin</button>
    <% end %>
  </main>

<% end %>
