= stylesheet_link_tag "inputs_select2"
= javascript_include_tag "totalizando"
= javascript_include_tag "funcoes_lodash"
= javascript_include_tag "select2_com_input"

ol.breadcrumb
	li = link_to "Ordens de Fornecimento", ordens_de_compra_path, class: "link_breadcrumb"
	li = link_to @ordem_de_compra.numero, ordem_de_compra_path(@ordem_de_compra), class: "link_breadcrumb"
	li.active Itens da #{@ordem_de_compra.tipo_de_ordem}

- if @ordem_de_compra.ordem_de_compra_primaria.present?
	section.widget
		.widget-body
			.row
				.col-sm-4
					b Referente a Ord. de Fornecimento Primária:
					=< @ordem_de_compra.ordem_de_compra_primaria.numero
				.col-sm-8
					b Saldo para #{@ordem_de_compra.tipo_de_ordem}:
					=< @ordem_de_compra.try(:saldo_da_ordem_de_compra_primaria).real_contabil

- else
	section.widget
		.widget-body
			.row
				.col-sm-4
					b Referente ao Empenho:
					=< @ordem_de_compra.empenho.numero_do_empenho
				.col-sm-8
					b Saldo para #{@ordem_de_compra.tipo_de_ordem}:
					=< @ordem_de_compra.empenho.saldo_para_ordem_de_compra.real_contabil

section.widget
	.widget-body
		= form_for( @ordem_de_compra, url: url_for(action: 'atualiza_itens', controller: 'licitacao/ordens_de_compra'), html: { class: "form-vertical" }, role: "form" ) do |f|
			fieldset
				legend
					strong
						' Itens da #{@ordem_de_compra.tipo_de_ordem}

				- if @ordem_de_compra.errors.any?
					.alert.alert-danger role="alert" style="font-size: 100%;"
						strong #{error_for @ordem_de_compra, :valor_total}
						strong #{error_for @ordem_de_compra, :base}

				.table-responsive
					table.table.table-bordered.table-hover
						thead
							tr
								th Item
								- if (@ordem_de_compra.empenho.itens_do_empenho.present? && @ordem_de_compra.descrimina_itens_do_empenho.present?)
									th width="10%" Quantidade a Liquidar
									/- if @ordem_de_compra.empenho.try(:contrato).try(:projeto).try(:pedido).try(:possui_periodicidade_nos_itens?)
										/th width="10%" Periodicidade
								th width="10%" Marca
								th width="13%" Valor Unitário
								th width="11%" Quantidade
								th width="13%" Valor Total
								th.center width="8%" Opções

						tbody#itens_da_ordem_de_compra
							= f.fields_for :itens_da_ordem_de_compra do |item_da_ordem_de_compra|
								- if @ordem_de_compra.empenho.possui_itens? && @ordem_de_compra.descrimina_itens_do_empenho.present?
									= render partial: 'itens_fields', locals: { f: item_da_ordem_de_compra, valor_unitario: item_da_ordem_de_compra.object.try(:item_no_empenho).try(:valor_unitario).try(:real_contabil) }
								- else
									= render partial: 'item_da_ordem_de_compra_fields', locals: { f: item_da_ordem_de_compra, valor_unitario: item_da_ordem_de_compra.object.try(:item_no_empenho).try(:valor_unitario).try(:real_contabil) }

							- unless @ordem_de_compra.empenho.possui_itens? && @ordem_de_compra.descrimina_itens_do_empenho.present?
								tfoot
									tr
										td.links colspan=6 align="right"
											= link_to_add_association '<span class="glyphicon glyphicon-plus-sign"></span> Adicionar'.html_safe, f, :itens_da_ordem_de_compra, :"data-association-insertion-node" => "tbody#itens_da_ordem_de_compra",:"data-association-insertion-method" => "append", class: 'btn btn-primary btn-sm', id: 'btn-add-item-da-ordem-de-compra'
							- else
								tfoot
									tr
										td colspan="6"
											p.bold.align-right Total:
										td colspan="1"
											p#total



			.form-actions
				.row
					.col-sm-12
						= f.submit "Salvar", class: "btn btn-primary"
						= link_to "Cancelar", ordem_de_compra_path(@ordem_de_compra), class: "btn btn-default"

- content_for :js do
	javascript:
		$(document).ready(function(){
			$("#total").autoNumeric('init', {
				'aSep': '.',
				'aDec': ',',
				'aPad': 2,
				'vMin': 0,
				'aSign': 'R$ ',
				'mDec': 4
			})

			$(".quantidade").trigger('change')
		})
		$('form').submit(function(){
				var form = $(this);
				$('input').each(function(i){
						var self = $(this);
						try{
								var v = self.autoNumeric('get');
								self.autoNumeric('destroy');
								self.val(v);
						}catch(err){
								console.log("Not an autonumeric field: " + self.attr("name"));
						}
				});
				return true;
		});

		$(function(){
			$('form').on('cocoon:after-insert', function(e, insertedItem) {
				$('select.s2', insertedItem).select2()
				$('select.s2').on('select2:select', function (evt) {
					$(this).focus()
				})
				$("[data-autonumeric=true]").autoNumeric('init');
				$('.valor_unitario, .total, .moeda', insertedItem).autoNumeric('init', {
					'aSep': '.',
					'aDec': ',',
					'aPad': 2,
					'vMin': 0,
					'aSign': 'R$ ',
					'mDec': 4
				});
				$(document).trigger('refresh_autonumeric')
			})
		})

		$(document).on('change', '.quantidade', function(event) {
			const linha = this.closest("tr")
			const item_id = $(".item :selected" , linha).val()
			$('.total', linha).autoNumeric('init', {aSep:'.', aDec:',', vMin: 0, aSign: "R$ ", pSign: "p"});
				if(item_id != ""){
					var valor_unitario = $('.valor-unitario', linha).autoNumeric('get');
					var quantidade = $('.quantidade', linha).autoNumeric('get');
					var valor_total = 0
					valor_total = quantidade * valor_unitario
					$(".total" , linha).autoNumeric('set', parseFloat(valor_total).toFixed(2));
				}else{
					$(".total" , linha).val("")
				}
				$(".total" , linha).focus();
				var saldoTotalDosItens = 0;
				$(".total").each(function(){
						saldoTotalDosItens += parseFloat($(this).autoNumeric('get'));
				})
				$("#total").autoNumeric('set', parseFloat(saldoTotalDosItens).toFixed(2));
		});

//		$(document).on('change', '.item', function(event) {
//			if ('#{@ordem_de_compra.ordem_de_compra_primaria.try(:id)}' != "") {
//				const item_selecionado = $(this).prop('selectedIndex')
//				const item_id = this.value
//				const linha = this.closest("tr")
//				$('.valor-unitario', linha).autoNumeric('init', {aSep:'.', aDec:',', vMin: 0, aSign: "R$ ", pSign: "p"});
//				$('.item_quantidade', linha).autoNumeric('init', {aSep:'.', aDec:',', vMin: 0, aSign: "", pSign: "p"});
//				if(item_id != ""){
//					$.getJSON(ROOT_PATH + "licitacao/ordens_de_compra/" + #{@ordem_de_compra.ordem_de_compra_primaria.try(:id)} + ".json?", function(dados) {
//						$.each(dados["licitacao_itens_da_ordem_de_compra"], function (key, entry) {
//							if (entry.item_id.toString() === item_id){
//								$(".item_quantidade" , linha).focus();
//								$(".item_quantidade" , linha).autoNumeric('set', parseFloat(entry.quantidade_a_receber).toFixed(2));
//								$(".item_quantidade" , linha).blur();
//								$(".marca" , linha).val(entry.marca);
//								$(".valor-unitario" , linha).focus();
//								$(".valor-unitario" , linha).autoNumeric('set', parseFloat(entry.valor_unitario).toFixed(2));
//								$(".valor-unitario" , linha).blur();
//							}
//						});
//					});
//				}else{
//					$(".item_quantidade" , linha).val("")
//					$(".marca" , linha).val("")
//					$(".valor-unitario" , linha).val("")
//				}
//				$(".item_quantidade" , linha).focus();
//				$(".marca" , linha).focus();
//				$(".valor-unitario" , linha).focus();
//				$(".valor-unitario" , linha).trigger('click');
//			}
//		});