= javascript_include_tag 'ppa/ppas/form_ppa_participativo'
= tinymce_assets
= tinymce

= form_for(@ppa_ppa, url: url_for(controller: 'ppa/ppas', action: :update), method: :put, :html => {class: "form-vertical", id:"formulario_ppa_participativo",multipart: true}, role: "form" ) do |f|
	section.widget
		.widget-body
			fieldset
				legend
					strong Configurações do PPA Participativo Online

			.form-group
				.row
					.col-sm-4
						= f.label :abertura_do_periodo_de_propostas, "Período de Propostas (Início / Término)", class: "control-label"
						.input-group
							= f.text_field :abertura_do_periodo_de_propostas, placeholder: Date.today.strftime("%d/%m/%Y"), class: "form-control date-picker", id: "ppa_ppa_inicio_do_de_propostas", autocomplete: "off"
							.input-group-addon
								' até
							= f.text_field :fim_do_periodo_de_propostas, placeholder: 15.days.from_now.strftime("%d/%m/%Y"), class: "form-control date-picker", autocomplete: "off"
						= error_for @ppa_ppa, :abertura_do_periodo_de_propostas, :fim_do_periodo_de_propostas

					.col-sm-4
						= f.label :abertura_do_periodo_de_votacao, "Período de Votação (Início / Término)", class: "control-label"
						.input-group
							= f.text_field :abertura_do_periodo_de_votacao, placeholder: 16.days.from_now.strftime("%d/%m/%Y"), class: "form-control date-picker", id:"ppa_ppa_inicio_do_periodo_votacao", autocomplete: "off"
							.input-group-addon
								' até
							= f.text_field :fim_do_periodo_de_votacao, placeholder: 30.days.from_now.strftime("%d/%m/%Y"), class: "form-control date-picker", autocomplete: "off"
						= error_for @ppa_ppa, :abertura_do_periodo_de_votacao, :fim_do_periodo_de_votacao

					.col-sm-4
						label class="control-label" for="normal-field"
						p.form-control-static 
							= link_to "Limpar Datas", "#", id:"limpar_datas"
			.form-group
				.row
					.col-sm-6
						= f.label :quantidade_limite_de_propostas, "Quantidade de Propostas Permitido por munícipes", class: 'control-label'
						span.fa.fa-question-circle data-toggle="tooltip" data-placement="bottom" title="Por padrão, a quantidade máxima de propostas que um munícipe pode enviar no PPA Participativo Online, são 2, para alterar essa configuração basta modificar esse campo. Colocando o campo com valor 0, os munícipes poderão enviar uma quantidade ilimitada de propostas." style="margin-left: 0.5em;"
						= f.text_field :quantidade_limite_de_propostas, class: 'form-control only-num', style: "width: 12%;", maxlength: 4
						= error_for @ppa_ppa, :quantidade_limite_de_propostas
					.col-sm-6
						= f.label :quantidade_de_caracteres_das_propostas, "Quantidade de Caracteres Permitido por Proposta", class: 'control-label'
						span.fa.fa-question-circle data-toggle="tooltip" data-placement="bottom" title="Por padrão, as propostas que os munícipes enviam, possuem um tamanho máximo de 140 caracteres, para alterar essa configuração basta modificar esse campo. Colocando o campo com valor 0, os munícipes poderão digitar uma quantidade ilimitada de caracteres em suas propostas." style="margin-left: 0.5em;"
						= f.text_field :quantidade_de_caracteres_das_propostas, class: 'form-control only-num', style: "width: 12%;", maxlength: 4
						= error_for @ppa_ppa, :quantidade_de_caracteres_das_propostas
			
			.form-group
				.row
					.col-sm-4
						= f.label :ativar_somente_micro_regiao, "Ativar Somente Micro Região?", class: "control-label", for: "normal-field"
						span.fa.fa-question-circle data-toggle="tooltip" data-placement="bottom" title="Por padrão, ao enviar uma proposta o munícipe precisa selecionar tanto a região, quanto a micro região. Se deseja que o munícipe selecione somente a micro região, clique em Sim, caso contrário, clique em Não." style="margin-left: 0.5em;"
						.radio
							.row
								.col-sm-3
									= f.radio_button :ativar_somente_micro_regiao, true
									= f.label :ativar_somente_micro_regiao, "Sim", value: true

								.col-sm-3
									= f.radio_button :ativar_somente_micro_regiao, false
									= f.label :ativar_somente_micro_regiao, "Não", value: false
						#alerta_ativar_somente_micro_regiao
							.alert.alert-sm.alert-warning
								strong Atenção! 
								' Ao ativar essa configuração é necessário que se cadastre pelo menos uma
								strong Região 
								' e que cadastre-se todas as 
								strong Micro Regiões 
								' dentro dela.

					.col-sm-4
						= f.label :ativar_somente_area_tematica, "Ativar Somente Área Temática?", class: "control-label", for: "normal-field"
						span.fa.fa-question-circle data-toggle="tooltip" data-placement="bottom" title="Por padrão, ao enviar uma proposta o munícipe precisa selecionar tanto à aréa temática, quanto a sub área temática. Se deseja que o munícipe selecione somente à aréa temática, clique em Sim, caso contrário, clique em Não." style="margin-left: 0.5em;"
						.radio
							.row
								.col-sm-3
									= f.radio_button :ativar_somente_area_tematica, true
									= f.label :ativar_somente_area_tematica, "Sim", value: true

								.col-sm-3
									= f.radio_button :ativar_somente_area_tematica, false
									= f.label :ativar_somente_area_tematica, "Não", value: false

					.col-sm-4
						= f.label :libera_problemas, "Ativar envio de problemas", class: "control-label", for: "normal-field"
						span.fa.fa-question-circle data-toggle="tooltip" data-placement="bottom" title="Por padrão, os cidadões podem enviar relatos de problemas em sua região, caso deseje mudar isso clique em Não, caso contrário, clique em Sim." style="margin-left: 0.5em;"
						.radio
							.row
								.col-sm-3
									= f.radio_button :libera_problemas, true
									= f.label :libera_problemas, "Sim", value: true

								.col-sm-3
									= f.radio_button :libera_problemas, false
									= f.label :libera_problemas, "Não", value: false


			.form-group
				.row
					.col-sm-12
						= f.label :pagina_principal, "Apresentação do PPA Participativo Online", class: "control-label"
						span.help-block style='font-weight: 500;'
							' O texto digitado no campo abaixo será exibido na página principal do PPA Participativo Online. 
							' Esse texto serve como uma apresentação convidativa e resumida de o que é o PPA Participativo e como ele é importante para o município.
						= f.text_area :pagina_principal, class: "tinymce", rows: 10, cols: 120
						= error_for @ppa_ppa, :pagina_principal

			.form-group
				.row
					.col-sm-12
						= f.label :habilitar_termos_de_uso, "Habilitar os termos de uso?", class: "control-label", for: "normal-field"
						span.fa.fa-question-circle data-toggle="tooltip" data-placement="bottom" title="Por padrão, os usario não veem os termos de uso, se deseja exibi-los marque Sim, caso contrario marque Não" style="margin-left: 0.5em;"
						.radio
							.row
								.col-sm-3
									= f.radio_button :habilitar_termos_de_uso, true
									= f.label :habilitar_termos_de_uso, "Sim", value: true

								.col-sm-3
									= f.radio_button :habilitar_termos_de_uso, false
									= f.label :habilitar_termos_de_uso, "Não", value: false
			
				.form-group
				.row
					.col-sm-12#div_termos_de_uso
						= f.label :termos_de_uso, "termos de uso do PPA Participativo Online", class: "control-label"
						span.help-block style='font-weight: 500;'
							' O texto digitado no campo abaixo será exibido aos usuários na mensagem de termos de uso do ppa participativo. 
							' Esse texto serve para que o cidadão seja informado sobre a regras para o uso do ppa participativo e assim arcar com as responsabilidades caso ela sejam quebradas.
						= f.text_area :termos_de_uso, class: "form-control tinymce", rows: 10, cols: 120, id: "termos_de_uso_novo"
						= error_for @ppa_ppa, :termos_de_uso
					
			.form-group
				.row
					.col-sm-6
						= f.label :capa_de_apresentacao_ppa_participativo, "Imagem de Apresentação do PPA Participativo Online", class: "control-label"
						span.fa.fa-question-circle data-toggle="tooltip" data-placement="bottom" title="A imagem selecionada será exibida na página principal do PPA Participativo Online como plano de fundo." style="margin-left: 0.5em;"
						.fileinput.input-group.fileinput-new data-provides="fileinput"
							.form-control data-trigger="fileinput"
								i.icone-arquivo.fileinput-exists
								.fileinput-filename
							.input-group-addon.btn.btn-default.btn-file
								.fileinput-new Escolher Imagem
								.fileinput-exists Trocar
								input type="hidden" value="" name=""
								= f.file_field :capa_de_apresentacao_ppa_participativo 
							a.input-group-addon.btn.btn-default.fileinput-exists href="#" data-dismiss="fileinput" Remover
						span.help-block style='font-weight: 500;'
							' Caso não seja selecionada nenhuma imagem, uma imagem padrão é utilizada.
						span.help-block
							strong Imagem Atual: 
							= image_tag @ppa_ppa.capa_de_apresentacao_ppa_participativo.url(:thumb)
						= error_for @ppa_ppa, :capa_de_apresentacao_ppa_participativo

					.col-sm-6
						= label_tag :remover_capa_de_apresetacao_do_ppa_participativo, "Remover Imagem de Apresentação?", class: "control-label", for: "normal-field"
						.radio
							.row
								.col-sm-3
									= radio_button_tag :remover_capa_de_apresetacao_do_ppa_participativo, true
									= label_tag :remover_capa_de_apresetacao_do_ppa_participativo, "Sim", value: true

								.col-sm-3
									= radio_button_tag :remover_capa_de_apresetacao_do_ppa_participativo, false, checked: true
									= label_tag :remover_capa_de_apresetacao_do_ppa_participativo, "Não", value: false
						#alerta_remocao_de_imagem_de_apresentacao
							.alert.alert-sm.alert-warning
								strong Atenção! 
								' Ao marcar a opção 
								strong Sim 
								' a imagem atual será removida e a imagem padrão será utilizada.

			.form-group
				.row
					.col-sm-6
						= f.label :chamada_para_envio_de_propostas, "Mensagem de Compartilhamento via Facebook para Propostas", class: "control-label"
						= f.text_area :chamada_para_envio_de_propostas, class: "form-control", rows: 3, style: 'resize: none;'
						= error_for @ppa_ppa, :pagina_principal 
						span.help-block style='font-weight: 500;'
							' O texto que está neste campo será exibido quando os munícipes compartilharem suas propostas via Facebook.
						span.help-block style='font-weight: 500;'
							' Para alterar a mensagem, basta modificar esse campo.

					.col-sm-6
						= f.label :chamada_para_votacao_de_propostas, "Mensagem de Compartilhamento via Facebook para Votação", class: "control-label"
						= f.text_area :chamada_para_votacao_de_propostas, class: "form-control", rows: 3, style: 'resize: none;'
						= error_for @ppa_ppa, :pagina_principal
						span.help-block style='font-weight: 500;'
							' O texto que está neste campo será exibido quando os munícipes compartilharem via Facebook que o período de votação está aberto, 
							' convidando seus amigos para votarem.
						span.help-block style='font-weight: 500;'
							' Para alterar a mensagem, basta modificar esse campo.

			= hidden_field_tag :ppa_participativo, params[:ppa_participativo]

			= hidden_field_tag :termos_de_uso_antigo, @ppa_ppa.termos_de_uso

			= hidden_field_tag :liberar_temos_de_uso, value: 'false'

		.form-actions
			.row
				.col-sm-12
					= f.submit "Salvar", class: "btn btn-primary", id: "salvar_ppa_participativo"
					= link_to 'Cancelar', ppa_ppa_path(id: @ppa_ppa.id, ppa_participativo: true), class: 'btn btn-default'


#modal_liberar_termos_de_uso.modal.fade[role="dialog"]
	.modal-dialog[role="document"]
		.modal-content
			= form_for(@ppa_ppa, url: url_for(controller: 'ppa/ppas', action: :update), method: :put, :html => {class: "form-vertical", multipart: true}, role: "form" ) do |f|
				.modal-header
					button.close[type="button" data-dismiss="modal" aria-label="Close"]
						span[aria-hidden="false"]
							| ×
					h4.modal-title
						| Alteração dos termos de uso
				.modal-body
						| Você alterou os termos de uso do ppa participativo. Deseja que os usuarios aceitem os termos novamente?
				.modal-footer
					=< f.button 'Sim',{id:"salvar_ppa_termos_liberados", class: 'btn btn-primary', name: "liberar_temos_de_uso",value: "true"}
					=< f.button 'Não',{id:"salvar_ppa_termos_nao_liberados", class: 'btn btn-primary'}