= javascript_include_tag "base/pessoas/mascara_cpf_ou_cnpj"
section.widget.widget-search
	header
		h5 Filtros
		br

		= search_form_for @q, url: url_for(controller: 'pedidos', action: :busca_pessoas), :html => {class: "form-vertical"} do |f|
			fieldset
				.form-group
					.row style="margin-left: 0;"
						.col-sm-2.filter_column
							label.control-label Código
							= f.number_field :id_eq, class: "form-control"

						.col-sm-5.filter_column
							label.control-label Nome
							= f.text_field :nome_cont, class: "form-control"

						.col-sm-5.filter_column
							label.control-label Nome fantasia
							= f.text_field :nome_fantasia_cont, class: "form-control"

				.form-group
					.row style="margin-left: 0;"
						.col-sm-2.filter_column
							label.control-label Tipo de pessoa
							= f.select :tipo_de_pessoa_id_eq,
								options_from_collection_for_select( \
									@tipos_de_pessoa, :id, :descricao, @q.tipo_de_pessoa_id_eq \
								),
								{ include_blank: 'Selecione' }, class: "form-control s2"

						.col-sm-3.filter_column
							label.control-label CPF / CNPJ
							= f.text_field :cpf_or_cnpj_cont, class: "form-control"

						.col-sm-3.filter_column
							label.control-label Identidade / Inscrição estadual
							= f.text_field :identidade_or_inscricao_estadual_cont, class: "form-control"

						.col-sm-4.filter_column
							label.control-label E-mail
							= f.text_field :email_cont, class: "form-control"

				.form-group
					.row style="margin-left: 0;"
						.col-sm-2.filter_column
							label.control-label Cidade
							= f.text_field :cidade_nome_cont, class: "form-control"

						.col-sm-3.filter_column
							label.control-label CNAE
							= f.select :cnaes_cnae_id_eq,
								options_from_collection_for_select( \
									@cnaes, :id, :descricao, @q.cnaes_cnae_id_eq \
								),
								{ include_blank: 'Selecione' }, class: "form-control s2"

						.col-sm-3
							label.control-label Categoria
							= f.select :categorias_da_pessoa_categoria_id_eq, options_from_collection_for_select(@categorias, :id, :codigo_e_titulo, @q.categorias_da_pessoa_categoria_id_eq), { include_blank: 'Selecione' }, class: "form-control s2 categoria"

						.col-sm-4
							label.control-label Subcategoria
							= f.select :categorias_da_pessoa_sub_categoria_id_eq, options_from_collection_for_select(@subcategorias, :id, :titulo, @q.categorias_da_pessoa_sub_categoria_id_eq), { include_blank: 'Selecione' }, class: "form-control s2 subcategoria"

				.form-group 
					.row
						.col-sm-3.checkbox.checkbox-circle
							= f.check_box :fornecedor_eq, {}, true,nil
							= f.label :fornecedor_eq, "Exibir somente fornecedores?"

			.form-actions.form-search-actions
				= f.submit "Filtrar", class: "btn btn-default btn-sm"


javascript:
	$("body").on("change", ".categoria", function(){
		limpaSelectBox($(".subcategoria"))
		$.ajax({
			url: `${root_url}base/categorias/${$(this).val()}/subcategorias`,
			method: "GET",
			beforeSend: function(){
				LoadingInterface("Carregando SubCategorias");
			},
			success: function(data){
				$.each(data, function(index, item){
					console.log(item);
					option = new Option(item.titulo, item.id, true, true);
					select_box.append(option);
				});

				populaSelectBox(select_box);
			}
			
		});
	});

	function limpaSelectBox(id){
		select_box = $(id).empty().select2({
			placeholder: "Selecione",
			allowClear: true
		})
		select_box.prepend(new Option('Selecione', '', true, true));
		select_box.trigger('change');
		return(select_box);
	}

	function populaSelectBox(select_box){
		select_box.prepend(new Option('Selecione', '', true, true));
		select_box.trigger('change');
	}