.widget
  header
    h5
      | Lista de 
      span.fw-semi-bold= "Movimentações de #{cookies[:tipo_do_estoque]}"

  .widget-body
    - if @movimentacoes.empty?
      h6 Nenhum registro encontrado.
    - else
      = form_with(url: intermodulos_reconhecer_ou_desreconhecer_movimentacoes_do_estoque_path, method: "post", id: "form") do
        .table-responsive
          table.table.table-hover
            thead
              tr
                th.text-center Data de #{cookies[:tipo_do_estoque]}
                - if cookies[:tipo_do_estoque] == 'recebimento'
                  th.text-center Exercício
                  th.text-center Empenho
                  th.text-center U.O
                  th.text-center Nota Fiscal
                  th.text-center Fornecedor
                  th.text-center Valor
                  th.text-center Status
                  td.text-center
                - else
                  th.text-center U.O
                  th.text-center Item
                  th.text-center Valor
                  th.text-center Status
                  th.text-center
                th.text-center Selecionar

            tbody
              - @movimentacoes.each do |mov|
                tr.center
                  - if cookies[:tipo_do_estoque] == 'recebimento'
                    td.text-center = mov.data_do_recebimento
                    td.text-center = mov.empenho&.orcamento&.exercicio
                    td.text-center = mov.empenho&.numero_do_empenho
                    td.text-center = mov.unidade_orcamentaria.sigla
                    td.text-center = mov.numero_da_nota
                    td.text-center = truncate(mov.empenho&.pessoa&.nome, length: 50)
                    td.text-center = mov.valor_total_do_recebimento.real_contabil
                    td.text-center = mov.status_de_reconhecimento_i18n
                    td
                      = link_to intermodulos_show_gestao_de_estoque_recebimento_path(mov), class: "btn btn-default btn-sm mb-xs", title: "Ver Detalhes" do
                        i.icone-detalhar
                  - else
                    td.text-center = mov.consumo.data_de_consumo
                    td.text-center = mov.consumo.unidade_orcamentaria.sigla
                    td.text-center = truncate(mov.item.descricao, length: 50)
                    td.text-center = mov.total.real_contabil
                    td.text-center = mov.status_de_reconhecimento_i18n
                    td
                      = link_to intermodulos_show_gestao_de_estoque_consumo_path(mov.consumo), class: "btn btn-default btn-sm mb-xs", title: "Ver Detalhes" do
                        i.icone-detalhar

                  td
                    .btn.btn-default.btn-sm.mb-xs.marcador id="marcador_#{mov.id}"
                      i.fa.fa-square-o id="caixa_#{mov.id}"
                    = check_box_tag "movimentacao_ids[]", mov.id, false, id: "mov_#{mov.id}", style: "display:none;"

        .d-flex.justify-content-between.mt-3
          .btn.btn-primary.btn-sm#selecionar_todos
            | Selecionar Todos
          = button_tag '', class: "btn btn-success btn-sm", id: "reconhecer_selecionados"

      = will_paginate @movimentacoes, previous_label: "<", next_label: ">"


javascript:
  $(function() {

    $(document).ready(function() {
      atualizarTextoBotao();

      $('.status_selecionado').on('change', function() {
        atualizarTextoBotao();
      });
    });

    function atualizarTextoBotao() {
      var textoBotao = $('.status_selecionado').val() == "aguardando_reconhecimento" ? "Reconhecer Selecionados" : "Desreconhecer Selecionados";
      $('#reconhecer_selecionados').text(textoBotao);
    }
    var selecionador = false;

    $('.marcador').on('click', function() {
      var id = $(this).attr('id').split("marcador_")[1];
      var $mov = $("#mov_" + id);
      var $caixa = $("#caixa_" + id);

      if ($mov.prop('checked')) {
        $mov.prop('checked', false);
        $caixa.removeClass("fa-check-square-o").addClass("fa-square-o");
      } else {
        $mov.prop('checked', true);
        $caixa.removeClass("fa-square-o").addClass("fa-check-square-o");
      }
    });

    $('#selecionar_todos').on('click', function() {
      selecionador = !selecionador;

      $('.marcador').each(function() {
        var id = $(this).attr('id').split("marcador_")[1];
        var $mov = $("#mov_" + id);
        var $caixa = $("#caixa_" + id);

        if (selecionador) {
          $mov.prop('checked', true);
          $caixa.removeClass("fa-square-o").addClass("fa-check-square-o");
        } else {
          $mov.prop('checked', false);
          $caixa.removeClass("fa-check-square-o").addClass("fa-square-o");
        }
      });
    });

    $('#reconhecer_selecionados').on('click', function(){
      $('input[name="movimentacao_ids[]"]').each(function() {
        if (!$(this).prop('checked')) {
          $(this).remove();
        }
      });

      var statusSelecionado = $('.status_selecionado').val();
      $('<input type="hidden" name="status_selecionado" value="' + statusSelecionado + '">').appendTo('form#form');

      $('form#form').submit();
    });
  });