.widget
  header
    h5
      | Lista de 
      span.fw-semi-bold
        | Transações Pendentes
- if @movimentacoes.empty?
  h6 Nenhum registro encontrado.
- else 
  .row 
    .col-md-5
      p.bold style="margin-left: 20px" Movimentos Bancários
    .col-md-2
    .col-md-5
      p.bold style="margin-left: 20px" Movimentos do Sistema
  - @movimentacoes.each do |item|
    - if item.class.name == "Contabilidade::MovimentacaoDaContaBancaria"
      .row.linha_de_relacionamento
        .col-md-5
          p
        .col-md-2
          p
        .col-md-5
          .widget style="margin-bottom: 0px;"
            .widget-body
              .well.well_conciliacao.selecionavel.movimentacoes data-movimentacao-id="#{item.id}" data-valor="#{item.valor}"
                .row
                  .col-md-3
                    p
                      strong = " #{item.data_da_movimentacao}"
                  .col-md-7
                    p = " #{item.historico}"
                  .col-md-2
                    span
                    - if item.valor > 0
                      span style="color:green; font-weight: bold;" = " #{number_to_currency(item.valor, :unit => "R$")}"
                    - else
                      span style="color:red; font-weight: bold;" = " #{number_to_currency(item.valor, :unit => "R$")}"

        hr.linha style='margin: 0;'
    - else
      .row.linha_de_relacionamento
        .col-md-5
          .widget style="margin-bottom: 0px;"
            .widget-body
              .well class='well_conciliacao selecionavel transacoes' data-transacao-id="#{item.id}" data-valor="#{item.valor}"
                .row
                  .col-md-2
                    p
                      strong = " #{item.data}"
                  .col-md-7
                    p = " #{item.nome} (#{item.fit_id})"
                  .col-md-3
                    span
                    - if item.valor > 0
                      span style="color:green; font-weight: bold;" = "   #{number_to_currency(item.valor, :unit => "R$")}"
                    - else
                      span style="color:red; font-weight: bold;" = "   #{number_to_currency(item.valor, :unit => "R$")}"

        .col-md-2 style="margin-top:12px" align="center"
          .individual
            = link_to "#", data: { "transacao-id": item.id, "movimentacao-id": item.try(:movimentacao).try(:id) }, class: "btn btn-success btn-sm text-center conciliar", id: "botao_conciliar_#{item.id}" do
              | CONCILIAR
            ==< link_to "#", class: "btn btn-primary btn-sm", onclick: "pesquisarMovimentacao(#{item.id}, #{item.valor})" do
              i.icone-filtro
              span  Pesquisar

            .anular style="padding-top: 10px;"
              button.btn.btn-default.btn-xs.botao_da_transacao type="button" value="#{item.id}"
                span.glyphicon.glyphicon-remove.text-danger aria-hidden="true"

        - if item.movimentacao.present?
          .col-md-5
            .widget style="margin-bottom: 0px;"
              .widget-body
                .well.well_conciliacao.selecionavel.movimentacoes data-movimentacao-id="#{item.id}" data-valor="#{item.valor}"
                  .row
                    .col-md-2
                      p
                        strong = " #{item.movimentacao.data_da_movimentacao}"
                    .col-md-7
                      p = " #{item.movimentacao.historico}"
                    .col-md-3
                      span
                      - if item.movimentacao.valor > 0
                        span style="color:green; font-weight: bold;" = "   #{number_to_currency(item.movimentacao.valor, :unit => "R$")}"
                      - else
                        span style="color:red; font-weight: bold;" = "   #{number_to_currency(item.movimentacao.valor, :unit => "R$")}"

        - else
          .col-md-5
            div id="widget_#{item.id}"



        hr.linha style='margin: 0;'