<% title "Log into Dress to Impress" %>

<div class="login-options">
  <section class="login-option-password">
    <%= form_with(model: resource, url: session_path(resource_name),
                  class: "login-form") do |f| %>
      <div class="field input-field">
        <%= f.label :name, 'DTI Username' %><br />
        <%= f.text_field :name, autofocus: true, autocomplete: "username" %>
      </div>

      <div class="field input-field">
        <%= f.label :password, "DTI Password" %><br />
        <%= f.password_field :password, autocomplete: "current-password" %>
      </div>

      <div class="actions">
        <%= f.submit "Log in" %>
        <div class="remember-me">
          <%= f.check_box :remember_me %>
          <%= f.label :remember_me %>
        </div>
      </div>
    <% end %>

    <div class="login-links">
      <%= link_to "Sign up", new_auth_user_path %>
      <%= link_to "Forgot your password?", new_auth_user_password_path %>
    </div>
  </section>

  <section class="login-option-neopass">
    <header>Have a NeoPass?</header>

    <%= button_to auth_user_neopass_omniauth_authorize_path(intent: "login"),
                  data: {turbo: false}, class: "log-in-with-neopass-button" do
    %>
      Log in with
      <%= image_tag "neopass_icon.png", alt: "NeoPass", class: "neopass-icon" %>
    <% end %>

    <details class="neopass-explanation">
      <summary>How does it work?</summary>
      <p>
        When you click the button above, we'll connect with
        <%= link_to "https://account.neopets.com/", target: "_blank" do %>
          your currently logged-in NeoPass
          <%= external_link_icon %><% end %>. If this is your first time here,
          we'll create a new DTI account for you automatically!
       </p>
      <p>
        You'll be asked for 3 permissions: <em>OpenID</em> and
        <em>Email</em> tell us who you are, and
        <em>Linkage</em> tells us your Neopets username.
      </p>
      <p>
        After that, you'll be able to one-click log in here, any time! You'll
        never be asked for these permissions again.
      </p>
      <p>
        To connect an existing DTI account, don't start here! Log in with
        your password first, then connect via the Settings page.
      </p>
    </details>
  </section>
</div>

<% content_for :stylesheets do %>
  <%= page_stylesheet_link_tag "devise/sessions/new" %>
<% end %>