-page_title("Área do Associado - Histório de Pagamentos")
#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 Histórico de Pagamento
              .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/home' } Área Logada
                    %a.breadcrumb-item{ href: '/usuario/pagamentos' } Histórico de Pagamento
                    /
                .col-sm-12.col-md-3
                  /
        .container


        - if @payments.empty?
          .row.d-flex.justify-content-between.py-5
            .col-10.border.border-secondary.mb-5.mx-auto
              .row.py-4.align-items-center.justify-content-center
                .col-12
                  %h4.grey.pl-5.text-center
                    Você ainda não possui nenhum pagamento.
        - else
          .row.d-flex.justify-content-between.pt-5
            -# .col-10.text-right
            -#   %p.grey Filtrar por: 
            -# .col-2
            -#   = form_tag "/usuario/pagamentos", :method => :get, :id=>'form_filter' do
            -#     =select_tag "filter_selected", options_for_select(@filter, params[:filter_selected])
            = paginate @payments
          = render partial: "/user_associate/payment_card", collection: @payments, as: :payment