@extends('helper.include.view.modal', ['id' => 'modal-FichaCusto', 'class_size' => 'modal-full'])

@section('modal-start')
<form class="form-inline" ng-submit="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true ? vm.FichaCusto.gravarMultiplosModelos() : vm.FichaCusto.gravar()" novalidate>
	@overwrite

	@section('modal-header-left')

	<h4 class="modal-title">
		<span ng-if="!vm.FichaCusto.ALTERANDO">{{ Lang::get('custo/_31190.titulo-exibir') }}</span>
		<span ng-if="vm.FichaCusto.INCLUINDO">{{ Lang::get('custo/_31190.titulo-incluir') }}</span>
		<span ng-if="vm.FichaCusto.COPIANDO">{{ Lang::get('custo/_31190.titulo-copiar') }}</span>
		<span ng-if="vm.FichaCusto.ALTERANDO == true && vm.FichaCusto.INCLUINDO == false && vm.FichaCusto.COPIANDO == false">{{ Lang::get('custo/_31190.titulo-alterar') }}</span>
	</h4>

	@overwrite

	@section('modal-header-right')

	<div ng-if="vm.FichaCusto.INCLUINDO" tabindex="0" ng-keypress="vm.FichaCusto.changeMultiplosModelos($event);" 
		class="form-group" ng-click="vm.FichaCusto.changeMultiplosModelos();" 
		style="display: inline-flex; border: 1px solid #cccccc; border-radius: 18px; cursor: pointer; background-color: white;">
		<label class="conc_switch">
			<input type="checkbox" class="no_selection" ng-checked="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true">
			<span class="slider round" ng-click="vm.FichaCusto.changeMultiplosModelos();">
			</span>		
		</label>			
		<label style="margin-top: 7px; margin-left: 9px; margin-right: 8px; cursor: pointer;" ttitle="ALT + M"> Múltiplos Modelos </label>
	</div>

	<label style="font-weight: bold; margin-right: 0px;">Método de custeio:</label>

	<div class="form-group" style="display: inline-block !important;">
		<div class="check-group">
			<label class="lbl" style="margin-right: 5px;">
				<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA" ng-value="0" ng-checked="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 0" ng-change="vm.FichaCusto.calculateAllValues();" ng-disabled="!vm.FichaCusto.ALTERANDO" tabindex="-1">
				<span>Direto</span>
			</label>
			<label class="lbl" style="margin-right: 5px;">
				<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA" ng-value="1" ng-checked="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1" ng-change="vm.FichaCusto.calculateAllValues();" ng-disabled="!vm.FichaCusto.ALTERANDO" tabindex="-1">
				<span>Por absorção</span>
			</label>
		</div>
	</div>

	<label style="font-weight: bold; margin-right: 0px;">Fator:</label>

	<div class="form-group" style="display: inline-block !important;">
		<div class="check-group">
			<label class="lbl" style="margin-right: 5px;">
				<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_FATOR" ng-value="0" ng-checked="vm.FichaCusto.SELECTED.TIPO_FATOR == 0" ng-change="vm.FichaCusto.calculateAllValues();" ng-disabled="!vm.FichaCusto.ALTERANDO" tabindex="-1">
				<span>Tempo</span>
			</label>
			<label class="lbl" style="margin-right: 5px;">
				<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_FATOR" ng-value="1" ng-checked="vm.FichaCusto.SELECTED.TIPO_FATOR == 1" ng-change="vm.FichaCusto.calculateAllValues();" ng-disabled="!vm.FichaCusto.ALTERANDO" tabindex="-1">
				<span>Quantidade</span>
			</label>
		</div>
	</div>

	<div class="form-group" style="width: 170px !important;" ng-if="vm.FichaCusto.SELECTED.TIPO_FATOR == 1">
		<!-- <label>Quantidade desejada:</label> -->
		<div class="input-group right-icon">

			<input ng-number-format="0" type="text" id="inputFatorQuantidade" style="height: 28px !important; padding: 6px 12px !important;" class="form-control text-right fontBold" ng-model="vm.FichaCusto.SELECTED.FATOR_QUANTIDADE" min="1" max="9999999" ng-change="vm.FichaCusto.calculateAllValues();" ng-disabled="!vm.FichaCusto.ALTERANDO">

			<div class="input-group-addon" style="padding: 6px !important;"><span class="">UN</span></div>

		</div>
	</div>

	<button ng-if="vm.FichaCusto.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<button ng-if="vm.FichaCusto.ALTERANDO" ng-click="vm.FichaCusto.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.FichaCusto.ALTERANDO" ng-click="vm.FichaCusto.incluirNovo()" type="button" class="btn btn-primary" data-hotkey="f7">
		<span class="glyphicon glyphicon-plus"></span> Incluir Novo Registro
	</button>

	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.FichaCusto.ALTERANDO && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" ng-click="vm.FichaCusto.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="fa fa-files-o"></span> Copiar
    </button>   

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.FichaCusto.ALTERANDO" ng-click="vm.FichaCusto.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
		<span class="glyphicon glyphicon-edit"></span> Alterar
	</button>

	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0" ng-if="!vm.FichaCusto.ALTERANDO" ng-click="vm.FichaCusto.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
		<span class="glyphicon glyphicon-trash"></span> Excluir
	</button>

	<button ng-if="!vm.FichaCusto.ALTERANDO" data-consulta-historico data-tabela="TBFICHA_CUSTO" data-tabela-id="@{{ vm.FichaCusto.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
		<span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
	</button>
	
	<button ng-if="!vm.FichaCusto.ALTERANDO" data-consulta-arquivos data-tabela="TBFICHA_CUSTO" data-tabela-id="@{{ vm.FichaCusto.SELECTED.ID }}" type="button" class="btn btn-info" data-hotkey="alt+a">
		<span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
	</button>

	<button ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" type="button" class="btn btn-warning fontBold" ng-click="vm.FichaCusto.confirmeLucrosPDF(); $event.stopPropagation();" data-hotkey="alt+i">
		<span class="glyphicon glyphicon-print"></span> Imprimir
	</button>

	<button ng-if="!vm.FichaCusto.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
	</button>

	@overwrite

	@section('modal-header-end')

	@overwrite

	@section('modal-body')
	<div style="height: calc(100vh - 230px);">

		<div class="row">

			<div class="col-sm-12 col-md-12 col-lg-4" id="column1">

				<div class="bs-callout bs-callout-danger" id="callout-glyphicons-dont-mix">
					<h4>Centro de negócio
						<a tabindex="-1" href="/_31160" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="31160 - Cadastro de Centro de Negócio"></span></a>
					</h4>
					<div style="width: 100% !important;" class="consulta-centro-negocio"></div>

					<h4 style="margin-top: 10px;" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">Modelo
						<a tabindex="-1" href="/_22430" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="22430 - Cadastro de Modelos e Fichas Técnicas"></span></a>
					</h4>
					<div style="width: 100% !important;" class="consulta-modelo" ng-show="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false"></div>

					<h4 style="margin-top: 10px; display: inline-block !important; width: 75% !important;" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">Cor
						<a tabindex="-1" href="/_22340" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="22340 - Cadastro de Cores"></span></a>
					</h4>

					<h4 style="margin-top: 10px; display: inline-block !important;" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">Tamanho
						
					</h4>

					<div class="row" style="display: flex;">	
						<div style="width: 70% !important;" class="consulta-cor" ng-show="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false"></div>						
						<div style="width: 20% !important; margin-left: 5%;" class="consulta-tamanho" ng-show="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false"></div>
					</div>

					<!-- <div class="form-group" style="width: 37.3% !important; margin: 0 !important;">
						<label>Tamanho:</label>
						<input type="text" id="inputTamanho" style="width: 100% !important;" class="form-control fontBold" required ng-model="vm.FichaCusto.SELECTED.DESC_TAMANHO" disabled>
					</div> -->

					<div class="form-group" style="width: 100% !important; margin: 0 !important;" ng-show="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true">
						<label>Lote:</label>

						<textarea required style="resize: none; width: 100%; height: 59px !important;" maxlength="200" class="form-control" ng-model="vm.FichaCusto.SELECTED.OBSERVACAO" ng-disabled="!vm.FichaCusto.ALTERANDO" rows="2">
						</textarea>

					</div>

				</div>

			</div>

			<div class="col-sm-12 col-md-12 col-lg-4" id="column2">

				<div class="bs-callout bs-callout-danger" id="callout-glyphicons-dont-mix">

					<h4>Mercado
						<a tabindex="-1" href="/_31081" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="31081 - Cadastro de Mercados"></span></a>
					</h4>
					<div style="width: 100% !important; margin-bottom: 14px !important;" class="consulta-mercado"></div>


					<div class="form-group" style="width: 65%;" ng-class="{'tamanhoAjustadoQtd' : vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true}">
						<label>Quantidade desejada:</label>
						<div class="input-group right-icon" style="width: 100% !important;">

							<input ng-number-format="0" type="text" id="inputQuantidade" required style="width: 100% !important;" class="form-control text-right fontBold" ng-model="vm.FichaCusto.SELECTED.QUANTIDADE" min="1" max="9999999" ng-change="vm.FichaCusto.changeQuantidade();" ng-disabled="!vm.FichaCusto.ALTERANDO">

							<div class="input-group-addon" style="padding: 9px !important;"><span class="">UN</span></div>

						</div>
					</div>
					
					<div class="form-group" style="width: 32%; margin: 0;" ng-class="{'tamanhoAjustadoEficiencia' : vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true}">
						<label>Eficiência:</label>
						<div class="input-group right-icon" style="width: 100% !important;">

							<input ng-number-format="2" type="text" required style="width: 100% !important;" class="form-control text-right fontBold" ng-model="vm.FichaCusto.SELECTED.EFICIENCIA" min="10" max="120" ng-change="vm.FichaCusto.changeEficiencia();" ng-disabled="!vm.FichaCusto.ALTERANDO">

							<div class="input-group-addon" style="padding: 9px !important;"><span class="">%</span></div>

						</div>

					</div>

					<div class="form-group" style="width: 65% !important;" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">
						<label>Representatividade: </label>
						<div class="input-group right-icon" style="width: 100% !important;">

							<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right fontBold" ng-model="vm.FichaCusto.SELECTED.REPRESENTATIVIDADE" min="1" max="100" ng-change="vm.FichaCusto.changeRepresentatividade();" ng-disabled="!vm.FichaCusto.ALTERANDO">

							<div class="input-group-addon" style="padding: 9px !important;"><span class="">%</span></div>

							<div class="btn-group">
								<button 
									type="button" 
									class="btn btn-default dropdown-toggle" 
									data-toggle="dropdown" 
									aria-haspopup="true" 
									aria-expanded="false"
									ng-disabled="!vm.FichaCusto.ALTERANDO"
									style="height: 100% !important; border-radius: 0px 4px 4px 0px !important;">
									<span class="fa fa-search"></span>
								</button>
								<ul class="dropdown-menu">
									<li ng-click="vm.FichaCusto.getIndiceRepresentatividade(1);"><a href="javascript:void(0);">Por Modelo</a></li>
									<li ng-click="vm.FichaCusto.getIndiceRepresentatividade(2);"><a href="javascript:void(0);">Por Linha</a></li>
									<li ng-click="vm.FichaCusto.getIndiceRepresentatividade(4);"><a href="javascript:void(0);">Por Família</a></li>
									<li ng-click="vm.FichaCusto.getIndiceRepresentatividade(3);"><a href="javascript:void(0);">Por Perfil</a></li>
								</ul> 
							</div>
						</div>

					</div>

					<div class="form-group" style="width: 32% !important; margin: 0 !important;" >
						<label>Margem:</label>
						<div class="input-group right-icon" style="width: 100%;" ng-class="{'tamanhoAjustadoMargem' : vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true}">

							<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.MARGEM_TRIBUTACOES" min="0" max="100" ng-disabled="!vm.FichaCusto.ALTERANDO" ng-change="vm.FichaCusto.updateValorTributacoes(false, true);" style="width: 100% !important;">
							<div class="input-group-addon" style="padding: 9px !important;"><span class="">%</span></div>

						</div>

					</div>

				</div>

			</div>

			<div class="col-sm-12 col-md-12 col-lg-4" id="column3">

				<div class="bs-callout bs-callout-danger" id="callout-glyphicons-dont-mix">
					<h4>Incentivo fiscal
						<a tabindex="-1" href="/_31071" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="31071 - Cadastro de Incentivos Fiscais"></span></a>
					</h4>
					<div style="width: 100% !important; margin-bottom: 14px !important;" class="consulta-incentivo-fiscal"></div>

					<div class="form-group" style="width: 60% !important;">
						<label>Mês:</label>
						<select class="form-control fontBold" ng-model="vm.FichaCusto.SELECTED.MES" style="width: 100% !important;" id="mesInicial" ng-disabled="!vm.FichaCusto.ALTERANDO">
							<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{item.MES}}</option>
						</select>
					</div>

					<div class="form-group" style="width: 37.3% !important; margin: 0 !important;">
						<label>Ano:</label>
						<select class="form-control fontBold" style="width: 100% !important;" ng-model="vm.FichaCusto.SELECTED.ANO" ng-disabled="!vm.FichaCusto.ALTERANDO">
							<option ng-repeat="item in vm.ARRAY_ANOS | orderBy:'-ANO'" ng-value="item.ANO">@{{ item.ANO }}</option>
						</select>
					</div>

					<div class="form-group" style="width: 100% !important;" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">
						<label>Valor Venda:</label>
						<div class="input-group left-icon" style="width: 100% !important;">

							<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

							<input ng-number-format="2" id="inputValorVenda" type="text" required style="width: 100% !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px;" class="form-control text-right fontBold" ng-model="vm.FichaCusto.SELECTED.VALOR_VENDA" min="0" ng-change="vm.FichaCusto.changeValorVenda();" ng-disabled="!vm.FichaCusto.ALTERANDO">


							<button type="button" class="btn btn-warning btn-filtrar" data-hotkey="alt+p" ng-click="vm.FichaCusto.getPrecosModelo();" style="margin-left: 14px !important;">
								<span class="glyphicon glyphicon-tag"></span> Preços
							</button>

							<button type="button" class="btn btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter1" ng-click="vm.FichaCusto.getInformations(1);" ng-disabled="!vm.FichaCusto.ALTERANDO" style="margin-left: 13px !important;">
								<span class="glyphicon glyphicon-filter"></span> Processar
							</button>
						</div>
					</div>

					<!-- <div class="form-group" style="width: 100% !important;" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true">
						<label>Margem Contribuição:</label>
						
						<div class="form-group" style="width: 100% !important;">
							<div class="input-group left-icon" style="width: 100% !important;">

								<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_MARGEM" ng-disabled="!vm.FichaCusto.ALTERANDO">

								<div class="input-group-addon fontBold" style="padding: 9px !important; border-top-right-radius: 3px; border-bottom-right-radius: 3px;"><span>%</span></div>

							</div>
						</div>
					</div> -->
				</div>
			</div>
		</div>

		<div class="row" ng-show="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">

			<div class="col-sm-12 col-md-12 col-lg-12" style="margin: 0; display: block; text-align: center; margin-bottom: -9px;" ng-if="vm.FichaCusto.SELECTED.MARKUPS.length > 0" ng-class="{'marginBottom': vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 0}">
				<h3 style="margin-bottom: 10px !important; color: black !important; font-weight: bold;">Margens de contribuição</h3>
				<div class="discount" ng-repeat="item in vm.FichaCusto.SELECTED.MARKUPS track by $index">
					@{{item.PERCENTUAL_VISUALIZACAO}} = @{{item.VALOR_VISUALIZACAO}}
				</div>
			</div>

			<div class="col-sm-12 col-md-12 col-lg-12" style="margin: 0; display: block; text-align: center; margin-bottom: 20px;" ng-if="vm.FichaCusto.SELECTED.MARKUPS.length > 0 && vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1">
				<h3 style="margin-bottom: 10px !important; color: black !important; font-weight: bold;">Lucro Líquido</h3>
				<div class="discount" ng-repeat="item in vm.FichaCusto.SELECTED.MARKUPS_LUCRO track by $index">
					@{{item.PERCENTUAL_VISUALIZACAO}} = @{{item.VALOR_VISUALIZACAO}}
				</div>
			</div>

			<div class="col-sm-12 col-md-12 col-lg-6">

				<div class="panel panel-primary">
					<div class="panel-heading" style="cursor: pointer !important;" id="headerPainelCustoDireto" data-toggle="collapse" data-target="#painelCustoDireto" aria-expanded="true" aria-controls="painelCustoDireto" ng-click="vm.FichaCusto.showHidePainelCustoDireto();">
						<h3 class="panel-title" ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 0">Custo direto e Margem de Contribuição
							<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.FichaCusto.TOGGLE_DIV_CUSTO_DIRETO, 'fa-chevron-circle-up': vm.FichaCusto.TOGGLE_DIV_CUSTO_DIRETO}" aria-hidden="true"></i></h3>
						<h3 class="panel-title" ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1">Custos e Margem de Contribuição
							<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.FichaCusto.TOGGLE_DIV_CUSTO_DIRETO, 'fa-chevron-circle-up': vm.FichaCusto.TOGGLE_DIV_CUSTO_DIRETO}" aria-hidden="true"></i></h3>
					</div>
					<div class="panel-body" style="padding: 18px !important;" id="painelCustoDireto">

						<div class="row">

							<div class="dropdown" style="display: inline-block !important; margin-bottom: 12px;">
								<button id="dLabel" role="button" data-toggle="dropdown" class="btn btn-warning" ng-dblclick="$event.stopPropagation();" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" type="button">
									<span class="fa fa-th-list"></span> Detalhar
								</button>
								<ul class="dropdown-menu dropdown-menu-left multi-level" role="menu" aria-labelledby="dropdownMenu">
									<li><a href="javascript:void(0)" ng-click="vm.FichaCusto.openModalMPAndInsumos();"><span class="fa fa-external-link"></span> Matéria-Prima/Serviço</a></li>
									<li><a href="javascript:void(0)" ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 0" ng-click="vm.FichaCusto.openModalCustos(1);"><span class="fa fa-external-link"></span> Custos/Tributações</a></li>
									<li><a href="javascript:void(0)" ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1" ng-click="vm.FichaCusto.openModalCustos(3);"><span class="fa fa-external-link"></span> Custos/Tributações</a></li>
								</ul>
							</div>
							
							<!-- <hr> -->
							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Custo MP/Serviço:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="4" style="width: 100% !important;" type="text" class="form-control text-right fontBold" ng-model="vm.FichaCusto.SELECTED.CUSTO_MP" ng-disabled="true">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="" ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Total Custo MP/Serviço: </label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-disabled="true" ng-model="vm.FichaCusto.SELECTED.CUSTO_MP_TOTAL">


										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label><br></label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_MP" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 0">Custo Direto:</label>
										<label ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1">Custos/Despesas:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.CUSTO_DIRETO" ng-disabled="true">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="" ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 0">Total Custo Direto:</label>
										<label ng-if="vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1">Total Custos/Despesas:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.CUSTO_DIRETO_QTD" ng-disabled="true">
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label><br></label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_CUSTO_DIRETO" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Tributações:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.TabelaTributacoes.COLUNAS_TOTAIS['VALOR_TRIBUTACAO']" ng-disabled="true">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="" ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Total Tributações:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.TRIBUTACOES_TOTAL" ng-disabled="true">


										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label><br></label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_TRIBUTACOES" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Total:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.TOTAL_CUSTO_DIRETO_PC" ng-disabled="true">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="" ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label><br></label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.TOTAL_CUSTO_DIRETO" ng-disabled="true">
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label><br></label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_TOT_CUSTO_DIRETO" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Margem contribuição:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.MARGEM" ng-disabled="true">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="" ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label><br></label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.MARGEM_TOTAL" ng-disabled="true">


										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label><br></label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_MARGEM" ng-disabled="!vm.FichaCusto.ALTERANDO" ng-change="vm.FichaCusto.calculateMargemAndAll();">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>
			</div>

			<div class="col-sm-12 col-md-12 col-lg-6">
				<div class="panel panel-primary" ng-class="{'hideCustosDespesas': vm.FichaCusto.SELECTED.TIPO_FATOR == 1, 'showCustosDespesas': vm.FichaCusto.SELECTED.TIPO_FATOR == 0}">
					<div class="panel-heading" style="cursor: pointer !important;" id="headerPainelTempos" data-toggle="collapse" data-target="#painelTempos" aria-expanded="false" aria-controls="painelTempos" ng-click="vm.FichaCusto.showHidePainelTempos();">
						<h3 class="panel-title">Tempos

							<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.FichaCusto.TOGGLE_DIV_TEMPOS, 'fa-chevron-circle-up': vm.FichaCusto.TOGGLE_DIV_TEMPOS}" aria-hidden="false"></i></h3>
					</div>
					<div class="panel-body" style="padding: 18px !important;" id="painelTempos">
						<div class="row">

							<button type="button" id="dLabel" class="btn btn-warning" ng-click="vm.FichaCusto.openModalTempos();" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" style="margin-bottom: 5px !important;">
								<span class="fa fa-th-list"></span> Detalhar
							</button>

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-3">
									<div class="form-group" style="width: 100% !important;">
										<label>Operacional:</label>
										<div class="input-group right-icon" style="width: 100% !important;">

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.TabelaTempoOperacional.COLUNAS_TOTAIS['TEMPO_CALC_VISUALIZACAO']" disabled min="0">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="">min</span></div>

										</div>
									</div>

								</div>

								<div class="col-md-3">
									<div class="form-group" style="width: 100% !important;">
										<label>Setup:</label>
										<div class="input-group right-icon" style="width: 100% !important;">

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.TabelaTempoSetup.COLUNAS_TOTAIS['TEMPO_CALC_VISUALIZACAO']" disabled min="0">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="">min</span></div>

										</div>
									</div>

								</div>

								<div class="col-md-3">
									<div class="form-group" style="width: 100% !important;">
										<label>Disponível:</label>
										<div class="input-group right-icon" style="width: 100% !important;">

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.FichaCusto.SELECTED.CAP_PRODUTIVA_MENSAL_MIN" disabled min="0" ng-if="vm.ConsultaCentroNegocio.item.selected == true && vm.ConsultaCentroNegocio.item.dados.CAP_PRODUTIVA_MENSAL_MIN > 0">
											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.TabelaCalendario.COLUNAS_TOTAIS['TEMPO_TOTAL_DISPONIVEL']" disabled min="0" ng-if="vm.ConsultaCentroNegocio.item.selected == false || (vm.ConsultaCentroNegocio.item.selected == true && vm.ConsultaCentroNegocio.item.dados.CAP_PRODUTIVA_MENSAL_MIN <= 0)">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="">min</span></div>

										</div>
									</div>

								</div>

								<div class="col-md-3">
									<div class="form-group" style="width: 100% !important;">
										<label>Cap. Produtiva:</label>
										<div class="input-group right-icon" style="width: 100% !important;">

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.FichaCusto.SELECTED.CAPACIDADE_PRODUTIVA" disabled min="0">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span class="" ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>

										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="panel panel-primary" ng-class="{'hideCustosDespesas': vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1, 'showCustosDespesas': vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 0}">
					<div class="panel-heading" style="cursor: pointer !important;" id="headerPainelCustosDespesas" data-toggle="collapse" data-target="#painelCustosDespesas" aria-expanded="true" aria-controls="painelCustosDespesas" ng-click="vm.FichaCusto.showHidePainelCustosDespesas();">
						<h3 class="panel-title">Custos indiretos e despesas fixas
							<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.FichaCusto.TOGGLE_DIV_CUSTOS_DESPESAS, 'fa-chevron-circle-up': vm.FichaCusto.TOGGLE_DIV_CUSTOS_DESPESAS}" aria-hidden="true"></i></h3>
					</div>
					<div class="panel-body" style="padding: 18px !important;" id="painelCustosDespesas">

						<div class="row">

							<button type="button" id="dLabel" class="btn btn-warning" ng-click="vm.FichaCusto.openModalCustos(2);" ng-disabled="!{{ userMenu($menu)->INCLUIR }} || vm.FichaCusto.SELECTED.TIPO_METODOLOGIA == 1" style="margin-bottom: 5px !important;">
								<span class="fa fa-th-list"></span> Detalhar
							</button>

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-6">
									<div class="form-group" style="width: 100% !important;">
										<label>Custo Indireto:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.CUSTO_INDIRETO_TOTAL" ng-disabled="true">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_CUSTO_INDIRETO" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>

										</div>
									</div>
								</div>

								<div class="col-md-6">
									<div class="form-group" style="width: 100% !important;">
										<label>Despesa Fixa:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.DESPESAS_TOTAL" ng-disabled="true">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_DESPESAS" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-12">
									<div class="form-group" style="width: 100% !important;">
										<label>Total:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.TOTAL_CUSTOS_DESPESAS" ng-disabled="true">

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_CUSTOS_DESPESAS" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>

			<div class="col-sm-12 col-md-12 col-lg-12">

				<div class="panel panel-primary">
					<div class="panel-heading" style="cursor: pointer !important;" id="headerPainelLucros" data-toggle="collapse" data-target="#painelLucros" aria-expanded="true" aria-controls="painelLucros" ng-click="vm.FichaCusto.showHidePainelLucros();">
						<h3 class="panel-title">Ponto de equilíbrio e Lucros
							<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.FichaCusto.TOGGLE_DIV_LUCROS, 'fa-chevron-circle-up': vm.FichaCusto.TOGGLE_DIV_LUCROS}" aria-hidden="true"></i></h3>
					</div>
					<div class="panel-body" style="padding: 18px !important;" id="painelLucros">

						<div class="row">

							<div class="col-sm-12 col-md-12 col-lg-12">
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Ponto de equilíbrio:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PONTO_EQUILIBRIO" ng-disabled="true">

										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Faturamento desejado:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.VALOR_FATURAMENTO" ng-change="vm.FichaCusto.changeValorFaturamento();" ng-disabled="!vm.FichaCusto.ALTERANDO">

										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Faturamento Conf. Capacidade Produtiva:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.FATURAMENTO_CONF_CAP_PRODUTIVA" ng-disabled="true">

											<!-- <input ng-number-format="2" style="width: 100% !important;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_DESPESAS" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div> -->
										</div>
									</div>
								</div>

							

							</div>

							

							<div class="col-sm-12 col-md-12 col-lg-12">
								<hr>

								
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Lucro Operacional:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.LUCRO_OPERACIONAL_PC" ng-disabled="true">

											<div class="input-group-addon fontBold" style="padding: 9px !important; margin-right: 5px !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px;"><span ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>

											<div class="input-group-addon fontBold" style="padding: 9px !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important; margin-right: 5px !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.LUCRO_OPERACIONAL" ng-disabled="true">

											<input ng-number-format="2" style="width: 100% !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_LUCRO_OPERACIONAL" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>

										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Imposto de Renda:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important; margin-right: 20px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.VALOR_IR_TOTAL" ng-disabled="true">

											<input ng-number-format="2" style="width: 100% !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_IR" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
								
								<div class="col-md-4">
									<div class="form-group" style="width: 100% !important;">
										<label>Lucro Líquido:</label>
										<div class="input-group left-icon" style="width: 100% !important;">

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>R$</span></div>
											
											<input ng-number-format="2" type="text" style="width: 100% !important;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.LUCRO_LIQUIDO_PC" ng-disabled="true">

											<div class="input-group-addon fontBold" style="padding: 9px !important; margin-right: 5px !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px;"><span ng-bind="vm.FichaCusto.SELECTED.MODELO_UM"></span></div>

											<div class="input-group-addon fontBold" style="padding: 9px !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px;"><span>R$</span></div>

											<input ng-number-format="2" type="text" style="width: 100% !important; margin-right: 5px !important; border-top-right-radius: 2px; border-bottom-right-radius: 2px;" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.LUCRO_LIQUIDO" ng-disabled="true">

											<input ng-number-format="2" style="width: 100% !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px;" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_LUCRO_LIQUIDO" disabled>

											<div class="input-group-addon fontBold" style="padding: 9px !important;"><span>%</span></div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-sm-12 col-md-12 col-lg-12" style="margin: 0; display: block; text-align: center;">

								<h3 style="margin-bottom: 15px !important; color: black !important; font-weight: bold;">Observações</h3>
								<hr>

								<div class="form-group" style="resize: none; width: 70%;">
									<textarea style="resize: none; width: 100%;" maxlength="200" class="form-control" ng-model="vm.FichaCusto.SELECTED.OBSERVACAO" ng-disabled="!vm.FichaCusto.ALTERANDO" rows="3">
									</textarea>
								</div>

							</div>

						</div>
					</div>

				</div>
			</div>
			
			<!-- <div class="col-sm-12 col-md-12 col-lg-6">

				<div class="panel panel-primary">
					<div class="panel-heading" style="cursor: pointer !important;" id="headerPainelPontoEquilibrio" data-toggle="collapse" data-target="#painelPontoEquilibrio" aria-expanded="true" aria-controls="painelPontoEquilibrio" ng-click="vm.FichaCusto.showHidePainelPontoEquilibrio();">
						<h3 class="panel-title">Ponto de equilíbrio
							<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.FichaCusto.TOGGLE_DIV_PONTO_EQUILIBRIO, 'fa-chevron-circle-up': vm.FichaCusto.TOGGLE_DIV_PONTO_EQUILIBRIO}" aria-hidden="true"></i></h3>
					</div>
					<div class="panel-body" style="padding: 18px !important;" id="painelPontoEquilibrio">

						<div class="row">

							

							<div class="col-sm-12 col-md-12 col-lg-12" style="margin: 0; display: block; text-align: center;">

								<h3 style="margin-bottom: 15px !important; color: black !important; font-weight: bold;">Observações</h3>
								<hr>

								<div class="form-group" style="resize: none; width: 70%;">
									<textarea style="resize: none; width: 100%;" maxlength="200" class="form-control" ng-model="vm.FichaCusto.SELECTED.OBSERVACAO" ng-disabled="!vm.FichaCusto.ALTERANDO" rows="3">
									</textarea>
								</div>

							</div>

							
						</div>
					</div>

				</div>
			</div> -->
		</div>

		<div class="row" ng-show="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true">

			<fieldset style="margin-top: 20px;">

				<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" 
					style="margin-bottom: 4px;
							background: rgba(221,221,221,.33);
							padding: 2px 10px 7px;
							border-radius: 5px;" ng-show="vm.FichaCusto.INCLUINDO == true">

					<div class="email-container" style="display: inline-block; padding-right: 10px;">
						<div class="form-group EmailContato1" style="margin: 5px 0px 5px 0px;">
							<label>Modelo:</label>
							<div class="contato-div-container" ng-click="vm.ListObjModelos.setFoco()"
								style="height: 30px;
										max-width: 600px;
										overflow: hidden;
										display: -webkit-inline-box;
										overflow: auto;">

								<div style="opacity: 0; margin-left: -3px;" class="contato-iten"></div>

								<div style="cursor: pointer;" ng-click="vm.ListObjModelos.setFoco()" title="@{{valor.DESCRICAO}}" ng-repeat="valor in vm.ListObjModelos.itens track by $index" class="contato-iten">@{{valor.ID}}
								<div style="cursor: pointer;" ng-click="vm.ListObjModelos.deletarItem($index)">x</div></div>
								
								<input  ng-blur="vm.ListObjModelos.blur()"
									type="text"
									ng-keydown="vm.ListObjModelos.keydown($event)"
									ng-keypress="vm.ListObjModelos.keypress($event)"
									ng-model="vm.ListObjModelos.valor"
									class="form-control input-maior">
							</div>  

							<button style="position: absolute; display: inline-block; margin-left: -30px; height: 29px !important; border-radius: 0px 4px 4px 0px; padding: 0px 7px 3px 8px;"
								type="button"
								class="btn btn-success"
								ng-click="vm.FichaCusto.abrirConsultaMultipla(vm.FichaCusto.CONSULTAS2[0],0,'CONSULTAS2')">
								<span class="glyphicon glyphicon-plus"></span>
							</button> 
						</div> 
					</div>

					<div style="display: -webkit-inline-box;" class="consulta-familia-comercial"></div>

					<div style="display: -webkit-inline-box;" class="consulta-linha-modelo"></div>

					<div style="display: -webkit-inline-box;" class="consulta-perfil-modelo"></div>

					<div class="form-group">
						<label>Tipo Representatividade:</label>
						<select 
							class="form-control" 
							ng-model="vm.FichaCusto.SELECTED.TIPO_REPRESENTATIVIDADE"
							style="width: 150px !important;"
							ng-disabled="!vm.FichaCusto.ALTERANDO">	
							<option ng-value="1">Modelo</option>
							<option ng-value="2">Linha</option>
							<option ng-value="4">Família</option>
							<option ng-value="3">Perfil</option>
							<option ng-value="5">PERSONALIZADA</option>
						</select>
					</div>

					<div class="form-group" ng-if="vm.FichaCusto.SELECTED.TIPO_REPRESENTATIVIDADE == 5">
						<label>Representatividade:</label>
						<div class="input-group left-icon">

							<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_REPRESENTATIVIDADE" ng-disabled="!vm.FichaCusto.ALTERANDO" ng-change="vm.FichaCusto.changePercentualMargemMultiplosModelos();">

							<div class="input-group-addon fontBold" style="padding: 6px !important; border-top-right-radius: 3px; border-bottom-right-radius: 3px;"><span>%</span></div>

						</div>
					</div>

					<div class="form-group">
						<label>Margem de Contribuição:</label>
						<div class="input-group left-icon">

							<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.FichaCusto.SELECTED.PERCENTUAL_MARGEM" ng-disabled="!vm.FichaCusto.ALTERANDO" ng-change="vm.FichaCusto.changePercentualMargemMultiplosModelos();">

							<div class="input-group-addon fontBold" style="padding: 6px !important; border-top-right-radius: 3px; border-bottom-right-radius: 3px;"><span>%</span></div>

						</div>
					</div>

					<div style="display: -webkit-inline-box;" class="consulta-tabela-preco"></div>

					
					
					<div class="form-group" style="margin-top: 22px; width: fit-content; padding-right: 10px;" ng-if="vm.FichaCusto.INCLUINDO == true || vm.FichaCusto.ALTERANDO == true">
						<button type="button" ng-click="vm.FichaCusto.getModelos()" class="btn btn-xs btn-primary btn-filtrar"
							data-hotkey="alt+f" id="btn-table-filter-get-modelos">
							<span class="glyphicon glyphicon-filter"></span> Filtrar
						</button>
					</div>	

					<div class="form-group" style="margin-top: 22px; width: fit-content; padding-right: 10px;" ng-if="vm.TabelaMultiplosModelos.DADOS.length > 0">
						<button type="button" ng-click="vm.FichaCusto.exportToXlsExec();" class="btn btn-xs btn-warning"
							data-hotkey="alt+e" id="btn-table-filter-get-modelos">
							<span class="glyphicon glyphicon-save-file"></span> Exportar XLS
						</button>
					</div>	

					<div class="form-group" style="margin-top: 22px; width: fit-content; padding-right: 10px;" ng-if="vm.TabelaMultiplosModelos.DADOS.length > 0">
						<button type="button" ng-click="vm.FichaCusto.exportToCsvExec();" class="btn btn-xs btn-warning"
							data-hotkey="alt+e" id="btn-table-filter-get-modelos">
							<span class="glyphicon glyphicon-save-file"></span> Exportar CSV
						</button>
					</div>	
					
				</div>
				<div class="tabela_multiplos_modelos" id="tabela_multiplos_modelos"></div>
			</fieldset>

		</div>

	</div>
</form>

@overwrite