= javascript_include_tag "bomcobox"
= javascript_include_tag 'ppa/propostas/form'

= form_for( @proposta, url: url_for(problema: true), method: method, role: "form" ) do |f|
	fieldset
		legend
			strong
				= @proposta.new_record?  ? 'Cadastrar' : 'Editar'
				'  Problema

		.form-group
			.row
				.col-sm-6
					= f.label :cidadao_id, "Cidadão", class: "control-label"
					= f.select :cidadao_id,
						options_for_select( \
							@cidadaos.map{|cidadao| ["#{cidadao.nome} (#{cidadao.email})", cidadao.id]}, @proposta.try(:cidadao_id) \
						),
						{ include_blank: "Selecione" },
						class: "form-control s2",
						data: { value: @proposta.try(:cidadao_id) }
					= error_for @proposta, :cidadao_id
				
		.form-group
			.row
				- unless ppa_atual.ativar_somente_micro_regiao
					.col-sm-3
						= f.label :regiao_id, "Região*", class: "control-label"

						= f.select :regiao_id,

							options_from_collection_for_select( \
								@regioes, :id, :nome, @proposta.try(:regiao_id) \
							),
							{ include_blank: "Selecione" },
							class: "form-control s2",
							data: { value: @proposta.try(:regiao_id) }
						= error_for @proposta, :regiao_id

				.col-sm-3
					= f.label :micro_regiao_id, "Microrregião*", class: "control-label"
					= f.select :micro_regiao_id,
						options_from_collection_for_select( \
							@micro_regioes, :id, :nome, @proposta.try(:micro_regiao_id) \
						),
						{ include_blank: "Selecione" },
						class: "form-control s2",
						data: { value: @proposta.try(:micro_regiao_id) }
					= error_for @proposta, :micro_regiao_id

				.col-sm-3
					= f.label :area_tematica_id, "Área Temática*", class: "control-label"
					= f.select :area_tematica_id,
						options_from_collection_for_select( \
							@areas_tematicas, :id, :nome, @proposta.try(:area_tematica_id) \
						),
						{ include_blank: "Selecione" },
						class: "form-control s2",
						data: { value: @proposta.try(:area_tematica_id) }
					= error_for @proposta, :area_tematica_id

				- unless ppa_atual.ativar_somente_area_tematica
					.col-sm-3
						= f.label :sub_area_tematica_id, "Sub Área Temática*", class: "control-label"
						= f.select :sub_area_tematica_id,
							options_from_collection_for_select( \
								@sub_areas_tematicas, :id, :nome, @proposta.try(:sub_area_tematica_id) \
							),
							{ include_blank: "Selecione" },
							class: "form-control s2",
							data: { value: @proposta.try(:sub_area_tematica_id) }
						= error_for @proposta, :sub_area_tematica_id

							
		.form-group
			.row
				.col-sm-12
					= f.label :problema, "Qual o problema?*", class: "control-label", for: "normal-field"
					= f.text_area :problema, class: "form-control", rows: 3, style: 'resize: none;'
					= error_for @proposta, :problema

					= f.label :descricao, "Qual a sugestão para o problema?", class: "control-label", for: "normal-field"
					= f.text_area :descricao, class: "form-control", rows: 3, style: 'resize: none;'
					= error_for @proposta, :descricao

				= f.hidden_field :is_problema, value: true 

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

	.form-actions
		.row
			.col-sm-12
				- if @proposta.new_record?
					= f.submit "Salvar e cadastrar outra", class: "btn btn-success", name: 'manter_form'
				= f.submit "Salvar", class: "btn btn-primary"
				= link_to "Cancelar", ppa_propostas_path, class: "btn btn-default"


- content_for :js do
	javascript:
		new BomcoBox({
			filter: '#ppa_proposta_area_tematica_id',
			result: '#ppa_proposta_sub_area_tematica_id',
			searchUrl: "#{root_url(:only_path => false)}ppa/sub_areas_tematicas.json",
			filterParamName: 'q[area_tematica_id_eq]',
			resultValue: 'id',
			resultText: 'nome'
		});
		
		new BomcoBox({
			filter: '#ppa_proposta_regiao_id',
			result: '#ppa_proposta_micro_regiao_id',
			searchUrl: "#{root_url(:only_path => false)}ppa/micro_regioes.json",
			filterParamName: 'q[regiao_id_eq]',
			resultValue: 'id',
			resultText: 'nome'
		});