ol.breadcrumb
	li = link_to "Ações", pca_acoes_path, class: "link_breadcrumb"
	li = link_to "Ação #{@acao.numero}", pca_acao_path(@acao.id), class: "link_breadcrumb"
	li.active
		= "Dotações"

- action = @orcamento_da_despesa_por_acao.new_record? ? "adicionar_dotacao" : "atualiza_dotacao"
.widget
	.widget-body
		= simple_form_for(@orcamento_da_despesa_por_acao, url: url_for(controller: 'pca/acoes', action: action), method: :post, html: { class: "form-vertical" }, role: "form" ) do |f|
			fieldset
				legend
					strong
						- if action == 'adicionar_dotacao'
							' Cadastrar Dotação da Ação
						- else 
							' Editar Dotação da Ação

				= f.hidden_field :id, value: @orcamento_da_despesa_por_acao.try(:id)
				= f.hidden_field :unidade_orcamentaria_id, value: @acao.try(:unidade_orcamentaria_id)
				= error_for @orcamento_da_despesa_por_acao, :base

				= f.hidden_field :acao_id, value: @acao.id, id: "pca_acao"
				.form-group
					.row
						.col-sm-4
							= f.input :elemento_de_despesa_por_subacao_id, label: "Elemento de Despesa", collection: @elementos_de_despesa_por_subacao, include_blank: "Selecione", label_method: :codigo_e_descricao, value_method: :id, input_html: { class: "s2", data:{ value: @orcamento_da_despesa_por_acao.try(:elemento_de_despesa_por_subacao_id)}, id: "elemento_de_despesa_por_subacao_id"}
						.col-sm-4
							= f.input :sub_elemento_de_despesa_id, collection: @sub_elementos_de_despesa, label: "Sub Elemento de Despesa*", include_blank: "Selecione um elemento de despesa", input_html: { class: "s2", data: { value: @orcamento_da_despesa_por_acao.try(:sub_elemento_de_despesa_id) }, id: 'sub_elemento_de_despesa_id' },
								value_method: :id,
								label_method: :codigo_e_descricao
							= error_for @orcamento_da_despesa_por_acao, :sub_elemento_de_despesa_id

					.row
						.col-sm-3
							= f.label :valor, "Valor:", class: "control-label", for: "normal-field"
							= f.monetary_field :valor
							= error_for @orcamento_da_despesa_por_acao, :valor

			.form-group
				h6
					' (*) Campos Obrigatórios

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

- content_for :js do
	javascript:
		$(document).on('change', '#elemento_de_despesa_por_subacao_id', function() {
			let elementoDeDespesaId = $(this).val();

			$.getJSON(root_url + "pesquisas/sub_elementos_de_despesa", { elemento_de_despesa_id: elementoDeDespesaId }, function(data) {
				var $subElementoSelect = $('#sub_elemento_de_despesa_id');
				$subElementoSelect.empty();

				if (data.length > 0) {
					$subElementoSelect.append($('<option>').text('Selecione um sub elemento de despesa').attr('value', ''));
					$.each(data, function(index, item) {
						$subElementoSelect.append($('<option>').text(item.codigo_e_descricao).attr('value', item.id));
					});
				} else {
					$subElementoSelect.append($('<option>').text('Nenhum sub elemento de despesa encontrado').attr('value', ''));
				}
			});
		});