ol.breadcrumb
	li
		= link_to "Pessoas", base_pessoas_path, class: "link_breadcrumb"

	li
		= link_to @pessoa.nome, base_pessoa_path(@pessoa), class: "link_breadcrumb"

	li.active CNAEs

section.widget
	.widget-body

		= form_for( @pessoa, url: url_for(action: 'atualiza_cnaes', controller: 'base/pessoas'), html: { class: "form-vertical" }, role: "form" ) do |f|
			fieldset
				legend
					strong
						' Cadastrar CNAEs

				.table-responsive
					table.table.table-bordered.table-hover
						thead
							tr
								th CNAE
								th Principal
								th style="text-align: center;" Opções
						tbody#cnaes_da_pessoa
							= f.fields_for :cnaes do |cnae|
								= render 'cnae_fields', f: cnae
							= error_for f.object, :cnaes

				.links align="right;"
					= link_to_add_association '<span class="glyphicon glyphicon-plus-sign"></span> Adicionar CNAE'.html_safe, f, :cnaes, :"data-association-insertion-node" => "tbody#cnaes_da_pessoa",:"data-association-insertion-method" => "append", class: 'btn btn-primary btn-sm pull-right', id: 'btn-add-cnaes-da-pessoa'

			.form-actions
				.row
					.col-sm-12
						= f.submit "Salvar", class: "btn btn-primary"
						= link_to "Cancelar", base_pessoa_path(@pessoa), class: "btn btn-default"

- content_for :js do
	javascript:
		$(function(){
			$('form').on('cocoon:after-insert', function(e, insertedItem) {
				$('select.s2', insertedItem).select2();
				$('select.s2').on('select2:select', function (evt) {
					$(this).focus();
				});
			});
		});