= content_for(:page_id, 'auth')
= content_for(:title, t('metas.signin.title'))

#session-new.auth-form.sign-in-form

  = form_for resource, url: user_session_path, html: { class: "form" } do |f|
    %h1.huge-title= t('views.users.sessions.new.sign_in')

    = render partial: 'shared/france_connect_login', locals: { url: france_connect_particulier_path }

    = f.label :email, t('views.users.sessions.new.email')
    = f.text_field :email, type: :email, autocomplete: 'email', autofocus: true

    = f.label :password, t('views.users.sessions.new.password', min_length: PASSWORD_MIN_LENGTH)
    = f.password_field :password, autocomplete: 'current-password'

    .auth-options
      .flex-no-shrink
        = f.check_box :remember_me
        = f.label :remember_me, t('views.users.sessions.new.remember_me'), class: 'remember-me'

      .text-right
        = link_to t('views.users.sessions.new.reset_password'), new_user_password_path, class: "link"

    = f.submit t('views.users.sessions.new.connection'), class: "fr-btn fr-btn--lg"

  - if AgentConnectService.enabled?
    .france-connect-login-separator
      = t('views.shared.france_connect_login.separator')
    .center
      %h2.important-header.mb-1= t('views.users.sessions.new.state_civil_servant')
      = link_to t('views.users.sessions.new.connect_with_agent_connect'), agent_connect_path, class: "fr-btn fr-btn--secondary"