<h1>Sign in</h1>

<div class="notice is-info has-margin-bottom-4">
  <i class="fas fa-info-circle"></i> Your sign-in information is the same on all
  <a href="https://codidact.com/">Codidact sites</a>.
</div>

<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
  <div class="form-group">
    <%= f.label :email, class: "form-element" %>
    <%= f.email_field :email, class: 'form-element', autofocus: true, autocomplete: "email" %>
  </div>

  <div class="form-group">
    <%= f.label :password, class: "form-element" %>
    <%= f.password_field :password, class: 'form-element', autocomplete: "current-password" %>
  </div>

  <% if devise_mapping.rememberable? %>
    <div class="form-group">
      <%= f.label :remember_me, class: "form-element" %>
      <%= f.check_box :remember_me, class: "form-radio-element" %>
    </div>
  <% end %>

  <div class="js-errors has-color-red-600 has-font-size-caption has-padding-2"></div>
  <%= f.submit "Sign in", class: 'button is-filled is-very-large' %>
<% end %><br/>

<%= render "devise/shared/links" %>
