<ak-grid>

  <ak-grid-column size="3"></ak-grid-column>
  <ak-grid-column size="6">

    <h2>Log in</h2>

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

      <div class="ak-field-group">
        <%= f.label :password %><br />
        <%= f.password_field :password, autocomplete: "current-password", class: "ak-field-text" %>
      </div>

      <% if devise_mapping.rememberable? %>
        <div class="ak-field-group">
          <div class="ak-field-checkbox">
            <%= f.check_box :remember_me %>
            <%= f.label :remember_me %>
          </div>  
        </div>
      <% end %>

      <div class="actions">
        <%= f.submit "Log in" ,class: "ak-button ak-button__appearance-primary" %>
      </div>
    <% end %>

    <%= render "devise/shared/links" %>
  </ak-grid-column>
  <ak-grid-column size="3"></ak-grid-column>
</ak-grid>
