<main class="np-box-container np-open-access">
  <div class="np-box">
    {% include "header_minimal" %}
    <div class="np-box-content-container">
      <form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
        <div class="np-form-headline"> {% t shared.welcome_to_school, school_name: current_school.name %} </div>
        <div class="np-form-subheadline"> {% t .headline, key: current_school.course_vocabulary %} </div>
        {% form_authenticity_token %}
        
        <div class="np-form-field">
          <label class="np-input-label" for="learner_phone_number">
             Your Retailer Login Name
          </label>
          <div style="margin-bottom: 8px; font-size: 0.9rem; color: #666;">
            <em>Use format: Retailer-StoreNumber-FirstNameLastInitial</em>
            
          </div>
          <input
            class="np-input"
            type="text"
            name="phone_number"
            id="learner_phone_number"
            value="{{ form.email }}"
            placeholder="Instacart-0129-JohnS"
          />
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_last_name">
            First Name
          </label>
          <input
            class="np-input"
            autofocus="autofocus"
            type="text"
            name="last_name"
            id="learner_last_name"
            value="{{ form.last_name }}"
            placeholder="John"
          />
        </div>
        <button type="submit" class="np-button np-button-big np-form-action">
          {% t shared.enter %}
        </button>
        
      </form>
    </div>
  </div>
</main>
