ol.breadcrumb
	li = link_to "Centro De Custos", controladoria_centro_de_custos_path, class: "link_breadcrumb"
	li.active Centro de Custo

.widget
	.widget-body
		h3.show-header
			- if @centro_de_custo.unidade_gestora.present?
				' Unidade Gestora:
				span.fw-semi-bold ==< @centro_de_custo.unidade_gestora.codigo_e_nome.try(:upcase)

			- else
				' Unidade Gestora:
				span.fw-semi-bold ==< @centro_de_custo.centro_de_custos_mae_principal.unidade_gestora.codigo_e_nome.try(:upcase)

				p
					' #{@centro_de_custo.codigo} - #{@centro_de_custo.descricao}

		.row
			.col-md-6
				p
					strong Endereço:
					==< @centro_de_custo.endereco

			.col-md-2
				p
					strong Número:
					==< @centro_de_custo.numero

		.row
			.col-md-3
				p
					strong Complemento:
					==< @centro_de_custo.complemento

			.col-md-3
				p
					strong Bairro:
					==< @centro_de_custo.bairro

			.col-md-2
				p
					strong CEP:
					==< @centro_de_custo.cep

		.row
			.div id="tree-simple" >

		.row
			.col-md-12
				.btn-toolbar
					.btn-group
						- if @centro_de_custo.present?
							- if @centro_de_custo.centro_de_custos_mae.present?
								= link_to controladoria_centro_de_custo_path(@centro_de_custo.centro_de_custos_mae), class: "btn btn-default btn-sm" do
									i.icone-voltar
									'  Voltar
							- else @centro_de_custo.centro_de_custos_mae.blank?
								= link_to controladoria_centro_de_custo_path(@centro_de_custo.unidade_gestora) + "?flag=unidade_gestora", class: "btn btn-default btn-sm" do
									i.icone-voltar
									'  Voltar
						- else
							= link_to controladoria_centro_de_custos_path, class: "btn btn-default btn-sm" do
								i.icone-voltar
								'  Voltar

						= link_to controladoria_centro_de_custos_path, class: "btn btn-default btn-sm" do
							i.icone-voltar
							'  Voltar ao Início

						- if @centro_de_custo.present?
							= link_to edit_controladoria_centro_de_custo_path(@centro_de_custo) + "?tipo=editar_dados", class: "btn btn-default btn-sm" do
								i.icone-editar
								'  Adicionar/Editar Dados do Centro de Custo

							= link_to new_controladoria_responsavel_do_centro_de_custo_path(centro_de_custo_id: @centro_de_custo.id) , class: "btn btn-default btn-sm" do
								i.icone-cadastrar
								'  Cadastrar Responsável

							- if !@centro_de_custo.existe_bem_patrimonial? && @centro_de_custo.nivel != 1
								- if @centro_de_custo.pode_inativar?
									= link_to controladoria_alterar_ativacao_centro_de_custos_path(@centro_de_custo, status: :inativo), method: :patch, data: { confirm: 'Tem certeza?' }, class: "btn btn-default btn-sm" do
										i.icone-anular
										span style="color: red;" = " Inativar"
								- else
									= link_to controladoria_alterar_ativacao_centro_de_custos_path(@centro_de_custo, status: :ativo), method: :patch, data: { confirm: 'Tem certeza?' }, class: "btn btn-default btn-sm" do
										i.icone-anular
										span style="color: red;" = " Ativar"


.clearfix
	ul id="tabs1" class="nav nav-tabs pull-left"
		li class="#{'active' if params[:tab] == "centro_de_custos" || !params[:tab]}"
			a data-target="#centro_de_custos" data-toggle="tab" aria-expanded="true"
				' Centro de Custos Pertecentes
				=< badge @centro_de_custo.centro_de_custos_filhos.count

		li class="#{'active' if params[:tab] == "responsaveis_do_centro_de_custos"}"
			a data-target="#responsaveis_do_centro_de_custos" data-toggle="tab" aria-expanded="true"
				' Responsáveis do Centro de Custo
				- unless @centro_de_custo.responsaveis_do_centro_de_custos.empty?
					= badge @centro_de_custo.responsaveis_do_centro_de_custos.size

#tabs1c.tab-content.mb-lg
	.tab-pane.clearfix class="#{'active' if params[:tab] == "centro_de_custos" || !params[:tab]}" id="centro_de_custos"
		= render partial: 'grid_filhos', locals: { centro_de_custos: @centro_de_custo.centro_de_custos_filhos}

	.tab-pane.clearfix class="#{'active' if params[:tab] == "responsaveis_do_centro_de_custos"}" id="responsaveis_do_centro_de_custos"
		= render partial: 'grid_responsaveis_do_centro_de_custos', locals: { responsaveis_do_centro_de_custos: @centro_de_custo.responsaveis_do_centro_de_custos}


- content_for :js do
	javascript:

		$(document).ready(function(){
			var familia_ug = "#{@familia_ug}";
			console.log(familia_ug);

			simple_chart_config = {
				chart: {
						container: "#tree-simple",
						levelSeparation: 20,
						animateOnInit: true,

						connectors:{
							type: "step"
						},

						node: {
								collapsable: true
						},

						animation: {
								nodeAnimation: "easeOutBounce",
								nodeSpeed: 700,
								connectorsAnimation: "bounce",
								connectorsSpeed: 700
						}
				},

				nodeStructure: #{@familia_ug.to_s.html_safe}
			};

			var my_chart = new Treant(simple_chart_config);
		});