<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>
        {% form_authenticity_token %}
        <div class="np-form-headline">
          Welcome!
        </div>

        <div class="np-form-field">
          <label class="np-input-label" for="learner_employee_id" style="font-size: 1rem;">
            Log in or Sign up
          </label>
          <div style="margin-bottom: 12px; font-size: 0.9rem; color: #555; line-height: 1.5;">
            Combine your retailer name, store number (if you know it), first name, and last initial for a unique ID.
<br><em>Example: Instacart-0129-JohnS</em>
<br><span style="font-size: 0.85rem; color: #888; margin-top: 4px; display: inline-block;">Returning? Enter the same unique ID you used before (exact spelling and capitalization).</span>
            
          </div>
                      <input
              class="np-input"
              autofocus="autofocus"
              type="text"
              name="employee_id"
              id="learner_employee_id"
              value="{{ form.employee_id }}"
              placeholder="Instacart-0129-JohnS"
              autocomplete="off"
            />
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_first_name" style="font-size: 1rem;">
            First Name
          </label>
                      <input
              class="np-input"
              type="text"
              name="first_name"
              id="learner_first_name"
              value="{{ form.first_name }}"
              placeholder="John"
              autocomplete="off"
            />
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_last_name" style="font-size: 1rem;">
            Last Name Initial
          </label>
                      <input
              class="np-input"
              type="text"
              name="last_name"
              id="learner_last_name"
              value="{{ form.last_name }}"
              placeholder="S"
              autocomplete="off"
            />
        </div>
        <input
          type="submit"
          name="commit"
          value="{% t shared.enter %}"
          class="np-button np-button-big np-form-action"
                  />
         <label style="text-align: center; display: block; font-size: 1rem; margin-top: 20px;">
         
        </label>
      </form>
    </div>
  </div>
</main>
