#wrapper
  #page-content-wrapper
    .container-fluid.bg.no-gutters
      %main.bgWhite#pilars
        .container
          %section
            .row.pb-4
              .col-12
                .line-top.mx-auto.pb-3
              .col-sm-2.col-md-2
              .col-sm-8.col-md-8.text-center
                %h1 ATUALIZAÇÃO DE CADASTRO
              .col-sm-2.col-md-2
        %nav.bgWhite.bg#breadcrumb
          .container-fluid
            .container.p-0
              .row.align-items-center.p-0
                .col-12.col-sm-12.col-md-9.p-0
                  %nav.breadcrumb.bgTransparent.mb-0.d-flex.align-items-center
                    %a.breadcrumb-item{ href: '/' } home
                    %a.breadcrumb-item{ href: '/transition/email' } email
                    /
                .col-sm-12.col-md-3
                  /
#ContentList
  .container.bgWhite.py-3
    %main#list
      .clearfix
      .row.py-3
        .col-12
          = simple_form_for(@user_associate_form, url: transition_save_info_path, html: { method: :post }) do |f|
            = f.error_notification
            .form-inputs
              .row
                .col-6
                  = f.input :name, required: true, autofocus: true
                .col-6
                  = f.input :email, required: true, autofocus: true
              .row
                .col-6
                  = f.input :password, required: true, autofocus: true
                .col-6
                  = f.input :password_confirmation, required: true, autofocus: true
              .row
                .col-4
                  = f.input :birthday, as: :date, start_year: Date.today.year - 110, end_year: Date.today.year - 15, required: true, autofocus: true
                .col-2
                  -if @user_associate_form.associate.present?
                    = f.input :cpf, required: true, autofocus: true
                .col-2
                  -if @user_associate_form.associate.present?
                    = f.input :phone, required: true, autofocus: true
                .col-4
                  -if @user_associate_form.associate.present?
                    = f.input :zipcode, required: true, autofocus: true
              -if @user_associate_form.associate.present?
                .row
                  .col-4
                    = f.input :address_street, required: true, autofocus: true
                  .col-2
                    = f.input :address_number, required: true, autofocus: true
                  .col-2
                    = f.input :address_complement, autofocus: true
                  .col-4
                    = f.input :neighborhood, required: true, autofocus: true
              .row
                .col-4
                  = f.input :city, required: true, autofocus: true
                .col-2
                  = f.input :state, required: true, autofocus: true
                .col-2
                  = f.input :country, priority: ["BR"], required: true, autofocus: true
                .col-4
                  = f.input :institution, required: false, autofocus: true
              -if @user_associate_form.associate.present?
                .row
                  .col-6
                    = f.input :acting_medium, input_html: { value: @user_associate_form.acting_medium }                
                  .col-6
                    = f.input :activity_description, required: true
                .row
                  .col-6
                    = f.input :color_or_race, collection: @user_associate_form.associate.color_or_race_list, hint: 'Opcional. A Abraji solicita este dado para conhecer melhor o perfil da sua comunidade e promover iniciativas de diversidade e inclusão.'
                  .col-6
                    = f.input :gender, collection: @user_associate_form.associate.gender_list, hint: 'Opcional. A Abraji usa este dado apenas para conhecer melhor o perfil de seus associados e planejar políticas de diversidade.'


            .form-actions
              = f.button :submit, "Atualizar", class: "btn btn-warning orange mr-2"
              = link_to "Voltar", transition_email_validation_path, class: "btn btn-light grey"