- content_for(:title, t('.cta'))

#agentconnect
  .two-columns
    .columns-container
      .column.agent-intro
        %h1.mt-2.mb-2.agent= t('.you_are_an_agent')
        .box= t('.in_progress_html')

        .center.mt-2
          %span.citizen= t('.you_are_a_citizen')
          %br
          %br
          = link_to t('.citizen_page'), new_user_session_path, class: "button expend secondary"

      .column
        = t('.connect_html')

        = link_to t('.cta'), agent_connect_login_path, class: "france-connect-agent-login-button"
        .france-connect-help-link
          = link_to t('.whats_agentconnect'), 'https://agentconnect.gouv.fr/', class: 'link', target: '_blank', target: "_blank", rel: "noopener", class: "link"

        .france-connect-login-separator
          = t('views.shared.france_connect_login.separator')

        #session-new.auth-form.sign-in-form
          = form_for User.new, url: user_session_path, html: { class: "form" } do |f|
            = f.label :email, t('.pro_email')
            = f.text_field :email, type: :email, autocomplete: 'username', 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: "button large primary expand"

- content_for :footer do
  = render partial: 'users/dossiers/index_footer'