= javascript_include_tag "bomcobox"
= javascript_include_tag 'ppa_participativo/inicio/form'

.section style="min-height: 540px;"
	.container
		.menu_proposta
			= link_to ppa_participativo_participe_path, class: "btn btn-sm btn-primary btn-block-mobile", style: 'margin-right: 1em;' do
				span.fa.fa-arrow-left
				=< 'Voltar'
			- if @ppa_atual.libera_propostas

				- if @ppa_atual.libera_problemas
					button.btn.btn-sm.btn-primary.btn-block-mobile#btn_problema type='button' style='margin-right: 1em;'
						span.fa.fa-exclamation
						=< 'Relatar um Problema'

				- if current_cidadao.aceitou_os_termos_de_uso == true || @proposta.ppa.habilitar_termos_de_uso == false
						button.btn.btn-sm.btn-primary.btn-block-mobile#btn_proposta type='button' style='margin-right: 1em;'
							span.fa.fa-handshake-o
							=< 'Sugerir Proposta'

				button.btn.btn-sm.btn-primary.btn-block-mobile#btn_suas_propostas type='button'
					span.fa.fa-thumbs-o-up
					=< 'Suas Contribuições'
				button#inviteBtn.btn.btn-sm.btn-info.clearfix.fb-share.btn-block-mobile type='button'
					span.fa.fa-facebook
					=< 'Convidar Amigos via Facebook'
			- else
				#shareBtn.btn.btn-sm.btn-info.clearfix.fb-share
					span.fa.fa-facebook
					=< 'Divulgar Votação via Facebook'

		.formulario style='margin-top: 5em;'
			= form_for( @proposta, url: url_for(controller: 'ppa_participativo/inicio', action: :envia_proposta), html: { class: "form-vertical", style: 'display: none' }, role: "form" ) do |f|
					.row
						- unless @proposta.ppa.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",
									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",
								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",
								data: { value: @proposta.try(:area_tematica_id) }
							= error_for @proposta, :area_tematica_id

						- unless @proposta.ppa.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",
									data: { value: @proposta.try(:sub_area_tematica_id) }
								= error_for @proposta, :sub_area_tematica_id

					= hidden_field_tag 'is_problema', @is_problema
					.row#problema style='display: none'
						= render 'problema', f: f
					.row#proposta style='display: none'
						= render 'proposta', f: f

					h4 style='color: #7A7A84;'
						' (*) Campos Obrigatórios
					.row#submit style='display: none'
						.col-sm-12
							= f.submit "Enviar", class: "btn btn-sm btn-primary"

		#visualizar_propostas
			- propostas = current_cidadao.propostas.where(is_problema: false)
			- if propostas.any?
				h3 Suas Propostas:
				- propostas.each do |proposta|
					.jumbotron style="padding: 1em; background-color: white;"
						p
						- if proposta.observacoes.present?
							p
								b Observações:
								br
									==< proposta.observacoes

						.row
							.col-sm-6
								p
									b
										| Área Temática / Sub Área Temática
										br
									= "#{proposta.try(:area_tematica).try(:nome).to_s} / #{proposta.try(:sub_area_tematica).try(:nome).to_s}"
							.col-sm-6
								p
									b
										| Região / Micro Região
									br
									= proposta.micro_regiao.nome_e_regiao
						p
							b Proposta:
							br
							= proposta.descricao.to_s.html_safe

			- problemas = current_cidadao.propostas.where(is_problema: true)
			- if problemas.any?
				h3 Problemas relatados:
				- problemas.each do |proposta|
					.jumbotron style="padding: 1em; background-color: white;"
						p
						- if proposta.observacoes.present?
							p
								b Observações:
								br
									==< proposta.observacoes

						.row
							.col-sm-6
								p
									b
										| Área Temática / Sub Área Temática
										br
									= "#{proposta.try(:area_tematica).try(:nome).to_s} / #{proposta.try(:sub_area_tematica).try(:nome).to_s}"
							.col-sm-6
								p
									b
										| Região / Micro Região
									br
									= proposta.micro_regiao.nome_e_regiao
						.row
							.col-sm-6
								p
									b Problema:
									br
									= proposta.problema.to_s.html_safe

							.col-sm-6
								p
									b Sugestão:
									br
									= proposta.descricao.to_s.html_safe

- if @proposta.errors[:cidadao_id].present?
	javascript:
		Messenger.options = { extraClasses: 'messenger-fixed messenger-on-top messenger-on-right alert', theme: 'flat' };
		Messenger().post({message: "#{@proposta.errors[:cidadao_id][0]}", type: 'error'});

- content_for :js do
	javascript:
		var share_to_facebook = function(e) {
			var id = e.target.getAttribute('id');
			if (id == "inviteBtn") {
				var titulo = "Venha participar do PPA de #{@configuracao.nome_da_prefeitura.try(:humanize)}!"
				var descricao = "#{@ppa_atual.chamada_para_envio_de_propostas}"
				var link = root_url +"ppa_participativo/propostas"
			} else if (id == "shareBtn") {
				var titulo = "Participe da votação do PPA Participativo!"
				var descricao = "#{@ppa_atual.chamada_para_votacao_de_propostas}"
				var link = root_url +"ppa_participativo/votar"
			}
			FB.ui({
				method: 'share',
				href: 'speedgov.com.br',
				title: titulo,
				description: descricao,
				}, function(response){});
		};

		$(function() {
			var botao = document.getElementsByClassName('fb-share')[0];
			botao.addEventListener('click', share_to_facebook, false);
		})