- if payment
  .row.d-flex.justify-content-between.pt-5
    .col-10.border.border-secondary.mx-auto
      .row.py-4.align-items-center.justify-content-center
        .col-2
          %h4.grey.pl-5= t("activerecord.attributes.payment.new_association")
        .col-2.text-center
          %h6.grey Data de criação
          %h4.grey #{payment.created_at.to_date}
        .col-2.text-center
          %h6.grey Data de pagamento
          - if payment.paid?
            %h4.grey #{payment.pay_date.to_date}
          - else
            %h4.grey -
        .col-2.text-center
          %h6.grey Data de vencimento
          - if payment.paid? || payment.manual_paid?
            %h4.grey #{payment.user.associate.valid_until.to_date}
          - else
            %h4.grey -
        .col-2.text-center
          %h6.grey Valor
          %h2.grey="R$#{ payment.price}"
        .col-2.text-center
          %h6.grey Situação
          - if payment.awaiting_payment?
            %button.btn.btn-warning.orange.px-5{:type => "submit", :style => "pointer-events: none; background-color: green !important; border: 1px solid green !important;"} Aguardando pagamento
          - elsif payment.in_analyze?
            %button.btn.btn-warning.orange.px-5{:type => "submit", :style => "pointer-events: none; background-color: green !important; border: 1px solid green !important;"} Em Análise
          - elsif payment.paid? || payment.available?
            %button.btn.btn-warning.orange.px-5{:type => "submit", :style => "pointer-events: none; background-color: green !important; border: 1px solid green !important;"} Pago
          - elsif payment.manual_paid?
            %button.btn.btn-warning.orange.px-5{:type => "submit", :style => "pointer-events: none; background-color: green !important; border: 1px solid green !important;"} Pago manualmente pela Abraji
          - elsif payment.in_dispute?
            %button.btn.btn-warning.orange.px-5{:type => "submit", :style => "pointer-events: none; background-color: green !important; border: 1px solid green !important;"} Em disputa
          - elsif payment.returned?
            %button.btn.btn-warning.orange.px-5{:type => "submit", :style => "pointer-events: none; background-color: green !important; border: 1px solid green !important;"} Estornado
          - elsif payment.canceled?
            %button.btn.btn-warning.orange.px-5{:type => "submit", :style => "pointer-events: none; background-color: green !important; border: 1px solid green !important;"} Cancelado
          - else
            %h4.grey -
            -#= link_to 'Pagar', payment_pay_association_path(payment), method: :post, class: "btn btn-warning orange", target: "_blank"
- if !payment.transactions.empty?            
  .row.d-flex.justify-content-between.pb-5
    .col-10.mx-auto
      .row.py-3.justify-content-end
        .col-2.text-right.mr-2
          %a.grey
          = link_to 'Gerar Recibo', receipt_path(payment.id), method: :get, class: "btn btn-warning orange", target: "_blank"