.two-columns
  .columns-container
    .column.preview
      .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
      .procedure-description
        = h sanitize(@dossier.procedure.description)

    .column
      = form_for @dossier.individual, url: update_identite_dossier_path(@dossier), html: { class: "form" } do |f|
        %h1 Données d'identité

        %p.mb-1 Merci de remplir vos informations personnelles pour accéder à la démarche.

        %label
          %span.mandatory *
          champs requis

        = f.label :gender, class: "required"
        = f.select :gender, ['M.', 'Mme'], {}, class: "small"

        .flex
          .inline-champ
            = f.label :prenom, class: "required"
            = f.text_field :prenom, class: "small", required: true
          .inline-champ
            = f.label :nom, class: "required"
            = f.text_field :nom, class: "small", required: true

        - if @dossier.procedure.ask_birthday?
          = f.label :birthdate, class: "required"
          = f.date_field :birthdate, value: @dossier.individual.birthdate, placeholder: 'format : AAAA-MM-JJ', required: true, class: "small"

        = fields_for :dossier, @dossier do |df|
          = label_tag do
            = df.check_box :autorisation_donnees, required: true
            J'accepte
            = link_to "les CGU", CGU_URL, target: :blank

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