.two-columns
  .columns-container
    .column.preview
      - unless @dossier
        = image_tag "landing/hero/dematerialiser.svg", class: "paperless-logo"
        .baseline.center
          %h3 Un outil simple
          %p
            pour gérer les formulaires
            %br
            administratifs dématérialisés.
      - else
        .text-right
          = link_to "Fermer", users_no_procedure_url, class: "link close-procedure"
        .procedure-logos
          = image_tag @dossier.procedure.decorate.logo_img
          - if @dossier.procedure.euro_flag
            = image_tag "flag_of_europe.svg"

        %h2.procedure-title
          = @dossier.procedure.libelle
        %p.procedure-description
          = h @dossier.procedure.description.html_safe

    .column.login-form
      = form_for @user, url: user_session_path, html: { class: "form" } do |f|
        %h1 Connectez-vous

        = f.label :email, "Email"
        = f.text_field :email

        = f.label :password, "Mot de passe"
        = f.password_field :password, value: @user.password, placeholder: "8 caractères minimum"
        .reset-password.text-right
          = link_to "Mot de passe oublié ?", new_password_path(resource_name), class: "link"

        - if devise_mapping.rememberable?
          = f.check_box :remember_me, as: :boolean
          = f.label :remember_me, "Se souvenir de moi"

        = f.submit "Se connecter", class: "button large primary expand"

      .separation.center
        ou

      .center
        = image_tag "login-with-fc-hover.svg", style: "display: none"
        = link_to "", france_connect_particulier_path, class: "login-with-fc"

      .center
        = link_to "Qu’est-ce que FranceConnect ?", "https://franceconnect.gouv.fr/", target: "_blank", class: "link"

      - if devise_mapping.registerable?
        %hr
        %p.register
          %span
            Nouveau sur TPS ?
          = link_to "Créer un compte", new_registration_path(resource_name), class: "button"