<section class="uk-container uk-container-center uk-margin-large-top uk-padding-large-top uk-margin-large-bottom uk-padding-large-bottom">
  <div class="uk-width-small-8-10 uk-width-medium-4-10 uk-container-center">
    <h2 class="uk-text-center uk-margin-large-bottom">{% t .title %}</h2>

    <div class="uk-panel uk-panel-box uk-panel-box-secondary uk-padding-large-top uk-padding-large-right uk-padding-large-bottom uk-padding-large-left uk-margin-large-bottom">
      <form class="simple_form uk-form uk-form-stacked new_learner" id="new_learner" novalidate="novalidate" action="{{ routes.log_in_path }}" accept-charset="UTF-8" method="post">
        {% form_authenticity_token %}
        <div class="uk-form-row email optional learner_email">
          <div class="uk-form-controls">
            <input class="uk-width-1-1 string email optional" autofocus="autofocus" placeholder="{% t .placeholders.email %}" type="email" name="learner[email]" id="learner_email">
          </div>
        </div>
        <div class="uk-form-row password optional learner_password">
          <div class="uk-form-controls">
            <input class="uk-width-1-1 password optional" placeholder="{% t .placeholders.password %}" type="password" name="learner[password]" id="learner_password">
          </div>
        </div>
        <div class="uk-form-row uk-nbfc">
          <input type="submit" name="commit" value="{% t .placeholders.submit %}" class="button uk-button uk-button-primary uk-width-1-1" data-disable-with="Create Person">
        </div>
        <div class="uk-form-row uk-nbfc">
          <p class="uk-text-center">
            <a class="forgot-pass" href="{{ routes.forgot_password_path }}">{% t .reset_password %}</a>
            {% if current_school.account_creation_enabled? %}
              <span class="uk-text-muted">&nbsp;|&nbsp;</span>
              <a href="{{ routes.sign_up_path }}">{% t .create_account %}</a>
            {% endif %}
          </p>
        </div>
        <div class="uk-form-row uk-nbfc">
          <p class="uk-text-center">
          {% if current_school.request_access_enabled? %}
            <a target="_blank" href="{{ current_school.request_access_link }}">{{ current_school.request_access_label }}</a>
          {% endif %}
          </p>
        </div>
      </form>
    </div>
  </div>
</section>
