<script src="https://fast.wistia.net/assets/external/E-v1.js" async></script>

{%comment%} <script src="//fast.wistia.com/embed/medias/s3lqfi0zn7.jsonp" async></script>
<script src="//fast.wistia.com/assets/external/E-v1.js" async></script>{%endcomment%}
<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">
          {% t shared.welcome_to_school, school_name: current_school.name %}
        </div>
        <div class="np-form-subheadline">
          Check out the video below for a quick tour of Artera Academy.<br>Then, enter your first name, last name, and your work email address below to get started.
        </div>

        {%comment%}<div class="intro-video wistia_embed videoFoam=true playbar=false volumeControl=false smallPlayButton=false settingsControl=false autoPlay=true wistia_async_fl9lthnnox" style="width: 100%; height: auto; margin-bottom: 20px;">&nbsp;</div>{%endcomment%}
        <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;">
          <div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
            <iframe src="https://fast.wistia.net/embed/iframe/fl9lthnnox?seo=false&videoFoam=true" title="LearnWELL Intro Video" allow="autoplay; fullscreen" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" msallowfullscreen width="100%" height="100%"></iframe>
          </div>
        </div>
        <br>
        
        <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="first_name"
            id="learner_first_name"
            value="{{ form.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="last_name"
            id="learner_last_name"
            value="{{ form.last_name }}"
          />
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_email">
            {% t shared.email_address %}
          </label>
          <input
            class="np-input"
            type="text"
            name="email"
            id="learner_email"
            value="{{ form.email }}"
          />
        </div>
        <input
          type="submit"
          name="commit"
          value="{% t shared.enter %}"
          class="np-button np-button-big np-form-action"
        />
      </form>
    </div>
  </div>
</main>
