section.widget
	header
		h5
			| Lista de
			span.fw-semi-bold  Unidades de Medida
	.widget-body
		- if @unidades_de_medida.empty?
			h6 Nenhum registro encontrado.
		- else
			.table-responsive
				table.table.table-hover
					thead
						tr
							th Descrição
							th width="10%" Esconder
							th width="100"

					tbody
					- @unidades_de_medida.each do |unidade_de_medida|
						tr
							td = unidade_de_medida.descricao
							td.text-center
								.btn.btn-default.btn-sm.mb-xs.marcador_de_recebimento data-id="#{unidade_de_medida.id}"
									- if unidade_de_medida.esconder_unidade?
										i.fa.fa-check-square-o id="caixa_#{unidade_de_medida.id}"
									- else
										i.fa.fa-square-o id="caixa_#{unidade_de_medida.id}"

							td
								- unless unidade_de_medida.descricao == "%"
									= botao_com_permissao edit_unidade_de_medida_path(unidade_de_medida), { acao: :update },
										class_icone: 'icone-editar',
										params: { class: 'btn btn-default btn-sm mb-xs', title: 'Editar' }

									= botao_com_permissao unidade_de_medida, { acao: :destroy },
										class_icone: 'icone-excluir',
										params: { \
											method: :delete,
											data: { confirm: 'Tem certeza que deseja excluir a Unidade de Medida?' },
											class: 'btn btn-default btn-sm mb-xs',
											title: "Excluir" \
										}
		- unless @unidades_de_medida.empty?
			= form_with(model: @unidade_de_medida, url: unidades_de_medida_esconder_unidade_path, method: "post") do |f|
				- @unidades_de_medida.each do |unidade|
					= f.hidden_field unidade.id, value: unidade.esconder_unidade? ? 1 : 0, id: "unidade_de_medida_#{unidade.id}"

				.btn.btn-primary.btn-sm#selecionar_todos
					| Selecionar Todos
				=< submit_tag "Esconder selecionados", class: "btn btn-success btn-sm", id: "receber_selecionados"
			= will_paginate @unidades_de_medida, previous_label: "<", next_label: ">"

javascript:

	$(function() {
		selecionador = 0

		$( ".marcador_de_recebimento" ).each(function() {
			$( this ).on("click", function() {
				var id = $(this).attr("data-id");

				if( $("#unidade_de_medida_"+id).val() == '1' ){
					$("#unidade_de_medida_"+id).val("0");
					$("#caixa_"+id).removeClass("fa-check-square-o");
					$("#caixa_"+id).addClass("fa-square-o");
				} else {
					$("#unidade_de_medida_"+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("data-id");

				if( $("#caixa_"+id).hasClass("fa-square-o") == true && selecionador == 1){
					$("#caixa_"+id).removeClass("fa-square-o");
					$("#caixa_"+id).addClass("fa-check-square-o");
					$("#unidade_de_medida_"+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");
					$("#unidade_de_medida_"+id).val("0");
				}
			});
		});
	});