<main class="np-main np-box-container">
  <div class="np-box">
    {% include "header_minimal" %}
    <div class="np-box-content-container">
      <form class="np-form np-box-content" action="{% route sign_up %}" method="post" novalidate>
        <div class="np-form-title"> {% t .create_account %} </div>
        {% form_authenticity_token %}
        <div class="np-form-flex-desktop">
          <div class="np-form-field">
            <label class="np-input-label" for="learner_first_name">
              {% t shared.first_name %}
            </label>
            <input
              class="np-input"
              autofocus="autofocus"
              type="text"
              name="learner[first_name]"
              id="learner_first_name"
            >
          </div>
          <div class="np-form-field">
            <label class="np-input-label" for="learner_last_name">
              {% t shared.last_name %}
            </label>
            <input
              class="np-input"
              type="text"
              name="learner[last_name]"
              id="learner_last_name"
            >
          </div>
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_email">
            Company Email
          </label>
          <input
            class="np-input"
            autofocus="autofocus"
            type="email"
            name="learner[email]"
            id="learner_email"
          >
          <p class="enter-label">Please use the email you use for Scenario</p>
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_password">
            {% t shared.password %}
          </label>
          <input
            class="np-input"
            type="password"
            name="learner[password]"
            id="learner_password"
          >
        </div>
        <button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
          {% t shared.sign_up %}
        </button>
        <span class="np-form-terms">
          {% t .terms %}
          <a
            class="np-form-link np-button-color"
            target="_blank"
            href="{{ current_school.terms_of_service_url }}"
          >
            {% t .terms_link %}
          </a>
        </span>
      </form>
    </div>
  </div>
</main>
