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 Contas Bancárias

section.widget
	.widget-body

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

				.table-responsive
					table.table.table-bordered.table-hover
						thead
							tr
								th width="35%" Banco
								th Agencia
								th Conta
								th Operação
								th style="text-align: center; width: 10%" Opções
						tbody#contas_bancarias_da_pessoa
							= f.fields_for :pessoas_contas_bancarias do |pessoa_conta_bancaria|
								= render 'pessoa_conta_bancaria_fields', f: pessoa_conta_bancaria
							= error_for f.object, :pessoa

				.links align="right;"
					= link_to_add_association '<span class="glyphicon glyphicon-plus-sign"></span> Adicionar Conta'.html_safe, f, :pessoas_contas_bancarias, :"data-association-insertion-node" => "tbody#contas_bancarias_da_pessoa", :"data-association-insertion-method" => "append", class: 'btn btn-primary btn-sm pull-right'

			.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();
				});
			});
		});