<div id="layoutAuthentication">
  <div id="layoutAuthentication_content">
    <main>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-5">
            <div class="card shadow-lg border-0 rounded-lg mt-5">
              <div class="card-header">
                <h3 class="text-center font-weight-light my-4">Login</h3>
              </div>
              <div class="card-body">
                <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
                <div class="form-group">
                  <label class="small mb-1" for="inputEmailAddress">Email</label>
                  <%= f.email_field :email, autofocus: true, autocomplete: "email", id: 'inputEmailAddress', class: "form-control py-4" %>
                </div>
                <div class="form-group">
                  <label class="small mb-1" for="inputPassword">Password</label>
                  <%= f.password_field :password, autocomplete: "current-password", class: "form-control py-4", id: "inputPassword"%>
                </div>
                <div class="form-group d-flex align-items-center justify-content-between mt-4 mb-0">
                  <%= f.submit "Login", class: "btn btn-primary" %>
                </div>
                <% end %>
              </div>
              <div class="card-footer text-center">
                <div class="small"><%= link_to "Need an account? Sign up!", new_user_registration_path %></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
  </div>
</div>