.widget
	header
		h5
			' Lista de Anulações do Empenho aguardandando
			- if(params[:a_receber])
				span.fw-semi-bold Recebimento
			- else
				span.fw-semi-bold Confirmação

	.widget-body
		- if @anulacoes_do_empenho.empty?
			h6 Nenhum registro encontrado.

		- else
			.table-responsive
				table.table.table-hover
					thead
						tr
							th Data da Anulação
							th Nº da Anulação
							th Nº do Empenho
							th UO
							th Fornecedor
							th Tipo
							th Valor (R$)
							-if params["a_receber"]
								th Receber?
							- elsif params["a_confirmar"]
								th Confirmar?
							th width="100"

					tbody
						- @anulacoes_do_empenho.each do |anulacao_do_empenho|
							tr
								td = anulacao_do_empenho.data_da_anulacao
								td = anulacao_do_empenho.numero
								td = anulacao_do_empenho.empenho.numero_do_empenho
								td = anulacao_do_empenho.empenho.unidade_orcamentaria.try(:sigla)
								td = anulacao_do_empenho.empenho.pessoa.nome_e_cpf_ou_cnpj
								td = anulacao_do_empenho.tipo_de_anulacao.try(:humanize).try(:upcase)
								td = anulacao_do_empenho.valor.to_f.real_contabil
								td.text-center
									.btn.btn-default.btn-sm.mb-xs.marcador_de_recebimento id="marcador_#{anulacao_do_empenho.id}"
										i.fa.fa-square-o id="caixa_#{anulacao_do_empenho.id}"

								td
									= link_to anulacao_do_empenho, class: "btn btn-default btn-sm mb-xs", title: "Ver Detalhes" do
										i.icone-detalhar
									= botao_com_permissao edit_contabilidade_anulacao_do_empenho_path(anulacao_do_empenho), {acao: :update}, { \
										class_icone:'icone-editar',
										params: { class: 'btn btn-default btn-sm mb-xs', title: "Editar" },
									}
		- unless @anulacoes_do_empenho.empty?
			= form_with(model: @modelo_anulacao_do_empenho, url: params[:a_receber].present? ? receber_varias_anulacoes_do_empenho_path : confirmar_varias_anulacoes_do_empenho_path, method: "post") do |f|
				- @anulacoes_do_empenho.each do |anulacao_do_empenho|
					= f.hidden_field anulacao_do_empenho.id, value: 0, id: "anulacao_do_empenho_#{anulacao_do_empenho.id}"

				.btn.btn-primary.btn-sm#selecionar_todos
					| Selecionar Todos
				=< submit_tag params[:a_receber].present? ? "Receber selecionados" : "Confirmar selecionados", class: "btn btn-success btn-sm", id: "processar_selecionados"
			br
	= will_paginate @anulacoes_do_empenho, params: { @action_anulacoes_do_empenho => true }, previous_label: "<", next_label: ">"

javascript:
	$(function() {
		selecionador = 0;

		$( ".marcador_de_recebimento" ).each(function() {
			$( this ).on("click", function() {
				var id = $( this ).attr('id').split("marcador_");
				id = id[1];
				if( $("#anulacao_do_empenho_"+id).val().localeCompare("1") == 0 ){
					$("#anulacao_do_empenho_"+id).val("0");
					$("#caixa_"+id).removeClass("fa-check-square-o");
					$("#caixa_"+id).addClass("fa-square-o");
				} else {
					$("#anulacao_do_empenho_"+id).val("1");
					$("#caixa_"+id).removeClass("fa-square-o");
					$("#caixa_"+id).addClass("fa-check-square-o");
				}
			});
		});

		$("#selecionar_todos").on("click", function(){
			if(selecionador == 0){
				selecionador = 1;
			} else {
				selecionador = 0;
			}

			$( ".marcador_de_recebimento" ).each(function() {
				var id = $( this ).attr('id').split("marcador_");
				id = id[1];
				if( $("#caixa_"+id).hasClass("fa-square-o") == true && selecionador == 1){
					$("#caixa_"+id).removeClass("fa-square-o");
					$("#caixa_"+id).addClass("fa-check-square-o");
					$("#anulacao_do_empenho_"+id).val("1");
				} else if($("#caixa_"+id).hasClass("fa-check-square-o") == true && selecionador == 0){
					$("#caixa_"+id).removeClass("fa-check-square-o");
					$("#caixa_"+id).addClass("fa-square-o");
					$("#anulacao_do_empenho_"+id).val("0");
				}
			});
		});
	});