-page_title("Área do Associado - Esqueceu a Senha")
#wrapper
  #page-content-wrapper.pass
    .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: 'new' } esqueceu sua senha
                    /
                .col-sm-12.col-md-3
                  /
        .container.z-index.mb-5.mb-sm-0
          .row
            .col-12.text-center.p-4
              %p
                Preencha com seu email cadastrado que enviaremos as
                %br>/
                instruções para cadastrar uma nova senha.
        .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: password_path(resource_name), html: { method: :post }) do |f|
                  = content_tag(:div, flash.now[:error], :id => "flash_error") if flash.now[:error]
                  = content_tag(:div, flash.now[:alert], :id => "flash_alert") if flash.now[:alert]
                  .form-group.row.justify-content-center
                    .col-sm-4
                      = f.input :email, required: true, autofocus: 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, "Enviar", class: "btn btn-warning orange"
                = render "users/shared/links"
/ Modal
#exampleModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "exampleModalLabel", :role => "dialog", :tabindex => "-1"}
  .modal-dialog{:role => "document"}
    .modal-content
      .modal-header
        %button.close{"aria-label" => "Ir para o login", "data-dismiss" => "modal", :type => "button"}
          %span{"aria-hidden" => "true"} ×
      .modal-body
        Enviamos instruções para troca de senha ao seu e-mail.
      .modal-footer
        %button.btn.btn-secondary{"data-dismiss" => "modal", :type => "button"} Fechar popup
        %a.btn.btn-warning{:type => "button", :href=>new_user_session_url, :style => "background-color:#ffa500 !important;"} Ir para o login
- if params['modal'] == 'show'
  :javascript
    $(window).on('load',function(){
        $('#exampleModal').modal('show');
    });