= javascript_include_tag 'contabilidade/anulacoes_do_empenho/form'

.widget
		.widget-body
				= simple_form_for(@anulacao_do_empenho, remote: true, method: :patch, url: anulacoes_do_empenho_atualizar_itens_path(@anulacao_do_empenho)) do |f|
						= f.input :id, as: :hidden, input_html: {class: "id_da_anulacao"}
						legend
								strong Editar Itens da Anulação
								p.text-danger.bold#errors
						.row
							.col-md-12
								.alert.alert-info.alert-md
									strong
										| Importante! 
									| Você deve adicionar a quantidade unitaria de cada item 
									b OU
									|  o valor total da anulação.
						.form-group
							.row
								.col-sm-4.pull-right
									span.bold = "Saldo Disponível a Anular: "
									span style="margin-left: 25px;" =< "#{(@anulacao_do_empenho.empenho.definir_valor_do_empenho.to_f - @anulacao_do_empenho.empenho.valor_total_liquidado.to_f).round(2).real_contabil}"                  

						.form-group
							.row
								.col-sm-2.pull-right style="margin-left: 0px;"
									= f.monetary_field :valor, id:"valorTotal", class: "form-control valor_total"
									= f.hidden_field :valor_tela_atual, id:"valorAtual", value: "0", class: "form-control valor_atual"
									= f.hidden_field :valor_tela_anterior, id:"valorAnterior", value: @anulacao_do_empenho.valor, class: "form-control valor_anterior"
									span class="valor error_explanation"

								.col-sm-2.pull-right style="margin-right: 0px;"
									span.bold = "Valor Total da Anulação: "

						.table-responsive
								table.table.table-bordered.table-hover
										thead
												tr
														th Item
														th width="100" Saldo
														th width="150" Valor Unitário
														th width="120" Quantidade
														th width="120" Total
										tbody#itens_da_anulacao
												= f.fields_for :itens_anulados, @itens_da_anulacao do |item_anulado|
														= render 'item_anulado_fields', f: item_anulado

										tfoot
												tr
														td
														td
														td
														td
														td.pull_right
																= link_to '#', id:"adicionar_todos", class: 'btn btn-primary btn-sm' do
																		span class="glyphicon glyphicon-plus-sign"
																		|  Adicionar Todos

						.row
								.col-sm-12
										= f.submit "Salvar", class: "btn btn-primary botao_submit", style: "margin-right: 10px"
										= link_to "Cancelar", @anulacao_do_empenho, class: "btn btn-default"

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

javascript:
		$(document).ready(function(){
				window.linkDoPaginate = ''
		})


		$(".pagination, li").on("click", function(event){
				if($(this).prop("tagName") == "LI"){
						event.preventDefault();
						window.linkDoPaginate = $('a', this).attr("href");
						$("form").submit();
				}
		})

		$('.simple_form').on("ajax:success", function(e, data, status, xhr){
				$(".error_explanation").each(function(){
						$(this).text('')
				})

				if(data === true){
						if(window.linkDoPaginate){
								var linkFormatado = window.linkDoPaginate.replace('&adicionar_todos=true', '')
								linkFormatado = linkFormatado.replace('?adicionar_todos=true', '')
								linkFormatado = linkFormatado.replace('&', '?')

								window.location.href = linkFormatado
						}else{
								window.location.href = root_url + "/contabilidade/anulacoes_do_empenho/" + $(".id_da_anulacao").val();
						}

				}else{
						for (const id in data){
								let errors = data[id]
								for(const nomeDoCampo in errors){

									if (nomeDoCampo == "valor"){
										$(".valor").text(errors[nomeDoCampo]);
									}else{
										$("." + nomeDoCampo + "_" + id).text(errors[nomeDoCampo]);
									}
								}
						}

						window.scrollTo(0, 0);
				}
		})