%main.columns.m-auto{"data-controller" => "mood"}
  .column.is-hidden-mobile
    %section.m-4
      %figure.image.has-ratio
        = image_tag("croisiere.jpg")
  %section.section.column.has-background-primary-light.is-flex.is-flex-direction-column.is-justify-content-center
    %h1.title Connexion au tableau de bord de la KLUK
    .flash.mb-2
      .has-text-danger= flash[:alert] if flash[:alert]
      .has-text-info= flash[:notice] if flash[:notice]
    = form_with url: session_path do |form|
      .field
        = form.label :email_address, "Email"
        .control
          = form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", placeholder: "Entrez votre email", value: params[:email_address], class: "input"
      .field
        = form.label :password, "Mot de passe"
        .control
          = form.password_field :password, required: true, autocomplete: "current-password", placeholder: "Entrez votre mot de passe", maxlength: 72, class: "input"
      .field
        .control
          %button.button.is-link Se connecter