-page_title("Área do Associado - Login")
.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 Área do Associado
          .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.active{ href: '/' } home
                %a.breadcrumb-item{ href: '/usuario/entrar' } Entrar
                /
            .col-sm-12.col-md-3
              /
        .container.z-index.mb-5.mb-sm-0
          .row
            .col-12.text-center.p-4
              %p
                Seja bem vindo à área exclusiva para associados e cadastrados no site da Abraji
                %br
                Faça seu login ou cadastre-se em nosso site.
        .container
          .row.h-100.justify-content-center
            - flash.each do |name, msg|
              - if msg.is_a?(String)
                .col-12.text-center
                  %div{class: "alert alert-#{name == "notice" ? 'success' : 'danger'}"}
                    %a.close{"data-dismiss" => "alert"} ×
                    = content_tag :div, msg, :id => "flash_#{name}"
            .col-12.text-center
              .container
                = simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
                  .form-group.row.justify-content-center
                    .col-sm-4
                      = f.input :login, required: true, autofocus: true, class: "form-controlll"
                  .form-group.row.justify-content-center
                    .col-sm-4
                      = f.input :password, required: true, class: "form-controllll"
                  .form-group.row.justify-content-center
                    .col-12
                      = recaptcha_v3(action: 'create', site_key: ENV['RECAPTCHA_SITEKEY'], turbolinks: true )
                      = f.button :submit, "Entrar", class: "btn btn-warning orange"
                    .col-12.pt-4
                      = f.input :remember_me, as: :boolean if devise_mapping.rememberable?
                = render "users/shared/links"