section.widget.widget-search style="margin-top: 10px"
	header
		h5
			b CONSULTAR DIÁRIAS

		.widget-controls
			a data-widgster="expand" href="#" style="display: none;" title="Expand"
				i.icone-cadastrar

			a data-widgster="collapse" href="#" title="Collapse"
				i.glyphicon.glyphicon-minus

	.widget-body
		= search_form_for @q, url: portal_da_transparencia_diarias_path, :html => {class: "form-vertical"}, builder: SimpleForm::FormBuilder do |f|
			fieldset
				.form-group
					.row.alinhar
						.col-sm-2
							= f.input :orcamento_id_eq, label: 'Exercicio' , collection: @orcamentos, label_method: :exercicio, selected: @orcamento.id, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'exercicio_ano'}
						.col-sm-3
							= f.input :data_da_viagem_gteq, as: :string, wrapper: :calendar_field, label: 'Data Inicial da Viagem', input_html: {class: 'form-control date-picker', id: 'data-inicial-diarias'}
						.col-sm-3
							= f.input :data_da_viagem_lteq, as: :string, wrapper: :calendar_field, label: 'Data Final da Viagem', input_html: {class: 'form-control date-picker', id: 'unidade_orcamentaria_id'}
						.col-sm-4
							= f.input :numero_da_portaria_eq, label: 'Nº da Portaria', input_html: {class: 'form-control input-sm'}

				.form-group
					.row.alinhar
						.col-sm-4
							= f.input :unidade_orcamentaria_id_eq, label: 'Unidade Gestora', collection: @unidades_orcamentarias, label_method: :codigo_e_nome, include_blank: 'Selecione', input_html: {class: 'form-control input-sm'}
						.col-sm-4
							= f.input :agente_publico_municipal_pessoa_nome_cont, label: 'Agente', input_html: {class: 'form-control input-sm'}
						.col-sm-4
							= f.input :cidade_nome_cont, label: 'Cidade', input_html: {class: 'form-control input-sm'}


				.form-group
					.row.alinhar
						.col-sm-7.filter_column
						.col-sm-5.filter_column style="text-align: right;"
							.form-actions.form-search-actions 
								= f.submit "Consultar", class: "btn btn_portal btn-default btn-md", id:"btn_consultar"

- content_for :js do
	javascript:
		$(document).ready(function(){
			var data_inicial = ""
			var dropdown_exercicio_ano = $("#unidade_orcamentaria_id")
			$("#data-inicial-receitas").change(function () {
				data_inicial = $("#data-inicial-receitas").val()
				if(String(data_inicial) != "" || String(data_inicial) != null){
					$("#aviso-data-orcamento-ausentes").hide()
				} else {
					$("#aviso-data-orcamento-ausentes").show()
				}
			})
			
			$("#exercicio_ano").change(function(){
				dropdown_exercicio_ano.empty();
				if ($("#exercicio_ano").val() != "") {
					dropdown_exercicio_ano.append($('<option></option>').attr('value', '').text('Selecione'));
					dropdown_exercicio_ano.prop('selectedIndex', 0);
					$.getJSON(ROOT_PATH + "loa/unidades_orcamentarias/retorna_json/unidades_orcamentarias.json?q%5Borgao_orcamento_id_eq%5D=" + $("#exercicio_ano").val(), function(dados) {
						$.each(dados, function (key, entry) {
							dropdown_exercicio_ano.append($('<option></option>').attr('value', entry.id).text(entry.nome));
						});
						dropdown_exercicio_ano.trigger("change");
					});
				}
			});
		
		})