= javascript_include_tag "ppa_participativo/cidadao.js"
.section style="background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(#{root_url[0..-2]}#{@ppa_atual.capa_de_apresentacao_ppa_participativo.url}); background-size: cover; z-index: -1;"
	.container
		.row
			.col-lg-6.col-md-6.col-md-offset-3.col-sm-6
				.banner-form
					.form-title
						h2[style="color: white;"]
							| PPA Participativo Online
					.form-body
						= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
							.form-group
								= f.text_field :nome, autofocus: true, placeholder: "Nome Completo", class: "form-control"
								= error_for resource, :nome, 'color: white'
							.form-group
								= f.text_field :cpf_cnpj, placeholder: "CPF/CNPJ", class: "form-control cpf-cnpj",maxlength:20
								= error_for resource, :cpf_cnpj
							.form-group
								= f.email_field :email, placeholder: "E-mail", class: "form-control"
								= error_for resource, :email
							.form-group
								= f.password_field :password, autocomplete: "off", placeholder: 'Senha (mínimo 8 caracteres)', class: "form-control"
								= error_for resource, :password
							.form-group
								= f.password_field :password_confirmation, autocomplete: "off", placeholder: 'Confirmação de Senha', class: "form-control"
								= error_for resource, :password_confirmation
							button.btn.btn-default.btn-submit[type="submit"]
								| Cadastrar
							br
							= link_to "Voltar", ppa_participativo_path, class: "text-center btn-block", style: "color: #FFF"