@extends('master')

@section('titulo')
{{ Lang::get('custo/_31190.titulo') }}
@endsection

@section('estilo')
<link rel="stylesheet" href="{{ elixir('assets/css/31190.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	<input type="hidden" value="{{fn_parametro('SISTEMA.METODO_CUSTEIO_PADRAO', Auth::user()->CODIGO )}}" 				id="metodoCusteioPadrao">

	<ul class="list-inline acoes">
		<li>
			<button type="button" class="btn btn-primary btn-incluir" data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-click="vm.FichaCusto.incluir()">
				<span class="glyphicon glyphicon-plus"></span> Simular Preço de Venda
			</button>
		</li>

		<li>
			<button type="button" class="btn btn-default" id="filtrar-toggle" data-toggle="collapse" data-target="#filtro_main" aria-expanded="true" aria-controls="filtro_main" ng-click="vm.FichaCusto.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
	</ul>

	<style>
		.t-status.status-0:before {
			background-color: rgb(217, 83, 79);
		}

		.t-status.status-1:before {
			background-color: rgb(68, 157, 68);
		}

		.table-condensed>thead>tr>th,
		.table-condensed>thead>tr>td,
		.table-condensed>tbody>tr>th,
		.table-condensed>tbody>tr>td,
		.table-condensed>tfoot>tr>th,
		.table-condensed>tfoot>tr>td {
			padding: 5px !important;
		}
	</style>
	<form ng-submit="vm.FichaCusto.VISUALIZACAO_LOTES == false ? vm.FichaCusto.consultar(1) : vm.FichaCusto.consultarByLotes()" class="form-inline">
		<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;">

			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; justify-content: center; align-items: center; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px;
					background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px;
					padding-right: 4px; border: 1px solid #cccccc;">													
					
					<select class="form-control" ng-model="vm.FichaCusto.TIPO_DATA" ng-change="vm.TabelaPrincipal.apagar();"
						style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600;
							border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: capitalize;">
						<option style="font-weight: 600;" value="1" ng-value="1">Data de Referência</option>
						<option style="font-weight: 600;" value="2" ng-value="2">Data da Criação</option>
					</select>

					<select class="form-control" ng-model="vm.FichaCusto.MES_INICIAL" id="mesInicial">
						<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{ item.MES }}</option>
					</select>
					<select class="form-control" ng-model="vm.FichaCusto.ANO_INICIAL">
						<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{ item.ANO }}</option>
					</select>					
					<!-- <input type="date" style="width: 131px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.FichaCusto.FILTRO_MES_INIC" ng-change="vm.TabelaPrincipal.apagar();" ng-atalho> -->
					<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px;"> à </label>

					<select class="form-control" ng-model="vm.FichaCusto.MES_FINAL" id="mesInicial">
						<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{ item.MES }}</option>
					</select>
					<select class="form-control" ng-model="vm.FichaCusto.ANO_FINAL">
						<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{ item.ANO }}</option>
					</select>
					<!-- <input type="date" style="width: 132px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.FichaCusto.FILTRO_MES_FIM" ng-change="vm.TabelaPrincipal.apagar();" ng-atalho> -->
				</div>		 
			</div>

			<div style="display: -webkit-inline-box;" class="consulta-centro-negocio-filtro"></div>

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

			<div style="display: -webkit-inline-box;" class="consulta-modelo-filtro" ng-show="vm.FichaCusto.VISUALIZACAO_LOTES == false"></div>

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

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

			<div class="form-group" style="padding-top: 15px; min-width: 300px;">
				<input type="text" style="width: 100% !important; min-width: 170px;" placeholder="Filtragem por ID e observações" class="form-control input-maior filter_main" ng-model="vm.FichaCusto.FILTRO_DADOS">
			</div>

			<div class="form-group">
				<label style="opacity: 0;">.</label>

				<div class="check-group">
					<label class="lbl" style="margin-right: 25px;">

						<input id="chk-visualizacao-lotes" type="checkbox" class="form-control" ng-click="vm.FichaCusto.VISUALIZACAO_LOTES = vm.FichaCusto.VISUALIZACAO_LOTES ? false : true" ng-checked="vm.FichaCusto.VISUALIZACAO_LOTES" />
						<label for="chk-visualizacao-lotes" ng-class="{'fontBold': vm.FichaCusto.VISUALIZACAO_LOTES}" style="top: 4px !important; margin-left: 2px;">
							Visualização em Lotes
						</label>

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

			<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
				<button type="submit" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>
		</div>
	</form>
	<div class="tabela_principal" id="tabela_principal" ng-show="vm.FichaCusto.VISUALIZACAO_LOTES == false"></div>
	<div class="tabela_visualizacao_lotes" id="tabela_visualizacao_lotes" ng-show="vm.FichaCusto.VISUALIZACAO_LOTES == true"></div>


	@include($menu.'.modal.FichaCusto')
	@include($menu.'.modal.ConsultaMultipla')
	@include($menu.'.modal.FichaCustoItens')
	@include($menu.'.modal.FichaCustoImpressao')

	@include($menu.'.modal.ConfirmItensSelected')


	<div id="modalMPAndInsumos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">Matéria Prima/Serviços - Modelo @{{vm.FichaCusto.SELECTED.MODELO}}, Cor: @{{vm.FichaCusto.SELECTED.COR}} (Tam: @{{vm.FichaCusto.SELECTED.DESC_TAMANHO}})</span>
							<span ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true">Matéria Prima/Serviços - Modelo @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_MODELO}}, Cor: @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_COR}} (Tam: @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.TAMANHO_PADRAO_DESCRICAO}})</span>

						</h4>

					</div>
					<div class="modal-header-right">
						

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModalMPAndInsumos()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">

					<ul id="tab-mp-servicos" class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active tab-detalhamento">
							<a href="#tab1-container" id="tab1-tab-mp" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
								Matéria-Prima

								<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-if="vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO" title="Atualizar Matéria Prima" ng-click="vm.FichaCusto.updateMateriaPrima();"></span>
							</a>
						</li>

						<li role="presentation" class="tab-detalhamento" ng-if="!vm.FichaCustoItens.ALTERANDO">
							<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
								Serviços

								<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-if="vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO" title="Atualizar Matéria Prima" ng-click="vm.FichaCusto.updateServicos();"></span>
							</a>
						</li>

					</ul>

					<div id="tab-content-mp-servicos" class="tab-content" style="height: calc(100% - 45px);">

						<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab-mp" style="height: 100%; overflow:auto;">
							<div class="row">
								<div class="col-md-12">

									<button ng-disabled="!vm.FichaCusto.ALTERANDO" type="button" class="btn btn-danger" style="margin-bottom: 20px;" data-hotkey="f6" ng-dblclick="$event.stopPropagation();" ng-click="vm.FichaCusto.incluirMPAvulsaAndProduto();" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">
										<span class="fa fa-plus"></span> Incluir
									</button>

									<button class="btn btn-primary" ng-dblclick="$event.stopPropagation();" style="margin-bottom: 20px;" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" type="button" ng-click="vm.FichaCusto.adicionarMPOutroModelo();">
										<span class="fa fa-plus"></span> Adicionar de outro modelo
									</button>

									<div style="float: right;" ng-show="vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO">
										<label style="font-weight: bold; margin-right: 4px;">Origem do custo:</label>

										<div class="form-group" style="display: inline-block !important;">
											<div class="check-group">
												<label class="lbl" style="margin-right: 25px;">
													<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO" ng-value="3" ng-checked="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO == 3" ng-change="vm.FichaCusto.changeTipoCustoUnitario();">
													<span>Padrão</span>
												</label>
												<label class="lbl" style="margin-right: 25px;">
													<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO" ng-value="0" ng-checked="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO == 0" ng-change="vm.FichaCusto.changeTipoCustoUnitario();">
													<span>Custo Geral</span>
												</label>
												<label class="lbl" style="margin-right: 25px;">
													<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO" ng-value="1" ng-checked="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO == 1" ng-change="vm.FichaCusto.changeTipoCustoUnitario();">
													<span>Última entrada</span>
												</label>
												<label class="lbl" style="margin-right: 25px;">
													<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO" ng-value="2" ng-checked="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO == 2" ng-change="vm.FichaCusto.changeTipoCustoUnitario();">
													<span>Média Ponderada</span>
												</label>
												<label class="lbl" style="margin-right: 25px;">
													<input type="radio" ng-model="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO" ng-value="4" ng-checked="vm.FichaCusto.SELECTED.TIPO_CUSTO_UNITARIO == 4" ng-change="vm.FichaCusto.changeTipoCustoUnitario();">
													<span>Maior Custo</span>
												</label>
											</div>
										</div>
									</div>

									<div class="tabela_mp" id="tabela_mp"></div>

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

						<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow:auto;">
							<div class="row">
								<div class="col-md-12">

									<button ng-disabled="!vm.FichaCusto.ALTERANDO" type="button" class="btn btn-danger" style="margin-bottom: 20px;" data-hotkey="f6" ng-dblclick="$event.stopPropagation();" ng-click="vm.FichaCusto.incluirServicoAvulso();" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">
										<span class="fa fa-plus"></span> Incluir
									</button>

									<div class="tabela_servico" id="tabela_servico"></div>

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

					</div>

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

	<div id="modalIncluirMPAvulsa" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Incluir MP avulsa/por produto</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.gravarMPAvulsaAndProduto()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="form-group">
								<label>Tipo</label>
								<select class="form-control fontBold" ng-model="vm.FichaCusto.MP.SELECTED.TIPO" ng-change="vm.FichaCusto.changeTipoMP();">
									<option ng-value="1">Avulsa</option>
									<option ng-value="2">Produto</option>
								</select>
							</div>

							<div class="form-group" ng-show="vm.FichaCusto.MP.SELECTED.TIPO == 1">
								<label>Produto:</label>
								<input type="text" class="form-control" ng-model="vm.FichaCusto.MP.SELECTED.PRODUTO_DESCRICAO" style="width: 424px !important;" id="inputProduto">
							</div>

							<div ng-show="vm.FichaCusto.MP.SELECTED.TIPO == 2" style="display: -webkit-inline-box;" class="consulta-produto"></div>

							<div class="form-group">
								<label>Custo Unitário:</label>
								<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CUSTO_MEDIO_PRODUTO" style="width: 184px !important;" ng-change="vm.FichaCusto.changeTipoCustoUnitarioMP();">
							</div>

							<div class="form-group">
								<label>Última entrada:</label>
								<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CUSTO_UNITARIO_NF" disabled style="width: 160px !important;">
							</div>

							<div class="form-group">
								<label>Média Ponderada:</label>
								<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CUSTO_UNITARIO_PONDERADO" disabled style="width: 185px !important;">
							</div>

							<div class="form-group" style="display: block !important;">
								<div class="check-group" style="margin: 0 auto; display: block; text-align: center;">
									<label class="lbl" style="margin-right: 25px;">
										<input type="radio" ng-model="vm.FichaCusto.MP.SELECTED.CALC_CUSTO_UNITARIO_PADRAO" ng-value="0" ng-checked="vm.FichaCusto.MP.SELECTED.CALC_CUSTO_UNITARIO_PADRAO == 0" ng-change="vm.FichaCusto.changeTipoCustoUnitarioMP();">
										<span>Custo Unitário</span>
									</label>
									<label class="lbl" style="margin-right: 25px;" ng-show="vm.FichaCusto.MP.SELECTED.TIPO == 2">
										<input type="radio" ng-model="vm.FichaCusto.MP.SELECTED.CALC_CUSTO_UNITARIO_PADRAO" ng-value="1" ng-checked="vm.FichaCusto.MP.SELECTED.CALC_CUSTO_UNITARIO_PADRAO == 1" ng-change="vm.FichaCusto.changeTipoCustoUnitarioMP();">
										<span>Última entrada</span>
									</label>
									<label class="lbl" style="margin-right: 25px;" ng-show="vm.FichaCusto.MP.SELECTED.TIPO == 2">
										<input type="radio" ng-model="vm.FichaCusto.MP.SELECTED.CALC_CUSTO_UNITARIO_PADRAO" ng-value="2" ng-checked="vm.FichaCusto.MP.SELECTED.CALC_CUSTO_UNITARIO_PADRAO == 2" ng-change="vm.FichaCusto.changeTipoCustoUnitarioMP();">
										<span>Média Ponderada</span>
									</label>
								</div>
							</div>


							<div class="form-group">
								<label>Consumo:</label>
								<input ng-number-format="8" type="text" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CONSUMO" style="width: 250px !important;" ng-change="vm.FichaCusto.changeTipoCustoUnitarioMP();" maxlength="10">
							</div>

							<div class="form-group">
								<label>Custo Unitário Total:</label>
								<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CUSTO_CONSUMO" style="width: 292px !important;" disabled>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	<div id="modalIncluirServicoAvulsa" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Incluir Serviços Avulsos</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.gravarServicoAvulso()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

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

							<div class="form-group">
								<label>Custo:</label>
								<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.FichaCusto.SERVICO.SELECTED.CUSTO_PC" style="width: 184px !important;">
							</div>

							<div class="form-group">
								<label>% Custo MO. Direta:</label>
								<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.FichaCusto.SERVICO.SELECTED.PERCENTUAL_CUSTO_DIRETO" style="width: 210px !important;">
							</div>

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

	<div id="modalEditConsumo" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Editar Consumo</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.confirmarGravarConsumo()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="col-sm-12" style="margin-bottom: 18px;">
								<div class="">
									<label style="text-align: left;">Produto:</label>
									<input type="text" class="form-control" ng-model="vm.FichaCusto.MP.SELECTED.DESC_PRODUTO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-12">
								<div class="">
									<label style="text-align: left;">Consumo:</label>
									<input ng-number-format="8" type="text" id="consumoUtilizar" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CONSUMO" style="width: 100% !important;">
								</div>
							</div>

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

	<div id="modalEditCustoUnitario" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Editar Custo Unitário</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.gravarCustoUnitario()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="col-sm-12" style="margin-bottom: 18px;">
								<div class="">
									<label style="text-align: left;">Produto:</label>
									<input type="text" class="form-control" ng-model="vm.FichaCusto.MP.SELECTED.DESC_PRODUTO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Custo Unitário Atual:</label>
									<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CUSTO_UNITARIO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Custo Unitário à utilizar:</label>
									<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.FichaCusto.MP.SELECTED.CUSTO_UNITARIO_UTILIZAR" style="width: 100% !important;" id="custoUnitarioUtilizar">
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="modalTempos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">Tempos - Modelo @{{vm.FichaCusto.SELECTED.MODELO}}, Cor: @{{vm.FichaCusto.SELECTED.COR}} (Tam: @{{vm.FichaCusto.SELECTED.DESC_TAMANHO}})</span>
							<span ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true">Tempos - Modelo @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_MODELO}}, Cor: @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_COR}} (Tam: @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.TAMANHO_PADRAO_DESCRICAO}})</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModalTempos()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">

					<div class="row">

						<div class="col-md-12">
							<div class="col-md-12">
								<button ng-disabled="!vm.FichaCusto.ALTERANDO" type="button" class="btn btn-danger" style="margin-bottom: 20px;" data-hotkey="f6" ng-dblclick="$event.stopPropagation();" ng-click="vm.FichaCusto.incluirTempoAvulsoAndFluxo();" ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">
									<span class="fa fa-plus"></span> Incluir
								</button>

								<button class="btn btn-primary" ng-dblclick="$event.stopPropagation();" style="margin-bottom: 20px;" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" type="button" ng-click="vm.FichaCusto.adicionarTempoOutroModelo();">
									<span class="fa fa-plus"></span> Adicionar de outro modelo
								</button>
							</div>

							<div class="col-md-6">
								<legend>Operacionais

									<i ng-if="(vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO) && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" title="Atualizar Tempos Operacionais" ng-click="$event.stopPropagation(); vm.FichaCusto.updateCompileOperacional();" class="fa fa-refresh" style="cursor: pointer; margin-left: 5px;" aria-hidden="true"></i>

								</legend>
								<div class="tabela_tempo_operacional" id="tabela_tempo_operacional"></div>
							</div>
							<div class="col-md-6">
								<legend>Setup
									
									<i ng-if="(vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO) && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" title="Atualizar Tempos Setup" ng-click="$event.stopPropagation(); vm.FichaCusto.updateCompileSetup();" class="fa fa-refresh" style="cursor: pointer; margin-left: 5px;" aria-hidden="true"></i>

								</legend>
								<div class="tabela_tempo_setup" id="tabela_tempo_setup"></div>
							</div>
							<div class="col-md-12">
								<legend style="margin-top: 20px;">Calendário

									<i ng-if="(vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO) && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" title="Atualizar Calendário" ng-click="$event.stopPropagation(); vm.FichaCusto.updateCompileCalendario();" class="fa fa-refresh" style="cursor: pointer; margin-left: 5px;" aria-hidden="true"></i>
								
								</legend>
								<div class="tabela_calendario" id="tabela_calendario"></div>
							</div>
						</div>

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

	<div id="modalIncluirFluxoAvulso" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Incluir Fluxo de produção avulso/cadastro</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.gravarTempoAvulsoAndFluxo()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body" style="height: 300px !important;">
					<form class="form-inline">
						<div class="row">

							<div class="form-group">
								<label>Tipo Cadastro:</label>
								<select class="form-control fontBold" ng-model="vm.FichaCusto.FLUXO.SELECTED.TIPO_CADASTRO" ng-change="vm.FichaCusto.changeTipoCadastroFluxo();">
									<option ng-value="1">Avulso</option>
									<option ng-value="2">Cadastro</option>
								</select>
							</div>

							<div class="form-group">
								<label>Tipo Fluxo:</label>
								<select class="form-control fontBold" ng-model="vm.FichaCusto.FLUXO.SELECTED.TIPO" ng-change="vm.FichaCusto.changeTipoFluxo();">
									<option ng-value="1">Operacional</option>
									<option ng-value="0">Setup</option>
								</select>
							</div>

							<div class="form-group" ng-show="vm.FichaCusto.FLUXO.SELECTED.TIPO_CADASTRO == 1">
								<label>Fluxo:</label>
								<input type="text" class="form-control" ng-model="vm.FichaCusto.FLUXO.SELECTED.FLUXO_DESCRICAO" style="width: 406px !important;" id="inputFluxo">
							</div>

							<div ng-show="vm.FichaCusto.FLUXO.SELECTED.TIPO_CADASTRO == 2" style="display: -webkit-inline-box;" class="consulta-fluxo"></div>
							<br>

							<div class="form-group">
								<label>Tempo:</label>
								<div class="input-group right-icon">

									<input ng-number-format="2" type="text" class="form-control text-right" style="width: 150px !important;" ng-model="vm.FichaCusto.FLUXO.SELECTED.TEMPO" min="0" ng-change="vm.FichaCusto.changeTipoFluxoProducao();" maxlength="10">

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

								</div>
							</div>

							<div class="form-group">
								<label>Eficiência:</label>
								<div class="input-group right-icon">

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

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

								</div>
							</div>

							<div class="form-group">
								<label>Tempo Total:</label>
								<div class="input-group right-icon">

									<input ng-number-format="2" type="text" class="form-control text-right" style="width: 208px !important;" ng-model="vm.FichaCusto.FLUXO.SELECTED.TEMPO_CALC">

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

								</div>
							</div>

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

	<div id="modalEditQtdColaboradores" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Editar Colaboradores</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.gravarColaboradores()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="col-sm-12" style="margin-bottom: 18px;">
								<div class="">
									<label style="text-align: left;">UP:</label>
									<input type="text" class="form-control" ng-model="vm.FichaCusto.UP.SELECTED.DESC_UP" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Colaboradores Atual:</label>
									<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.FichaCusto.UP.SELECTED.COLABORADORES" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Colaboradores à utilizar:</label>
									<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.FichaCusto.UP.SELECTED.COLABORADORES_UTILIZAR" style="width: 100% !important;" id="colaboradoresUtilizar">
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="modalEditMinutosTempo" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Editar Minutos</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.gravarMinutosTempo()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="col-sm-12" style="margin-bottom: 18px;">
								<div class="">
									<label style="text-align: left;">Fluxo de Produção:</label>
									<input type="text" class="form-control" ng-model="vm.FichaCusto.FLUXO.SELECTED.DESC_FLUXO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Tempo atual:</label>
									<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.FichaCusto.FLUXO.SELECTED.TEMPO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Tempo à utilizar:</label>
									<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.FichaCusto.FLUXO.SELECTED.MINUTOS_UTILIZAR" style="width: 100% !important;" id="minutosUtilizar">
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	<div id="modalEditCustoServico" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Editar Custo Serviço</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.FichaCusto.gravarAlterarCustoServico()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="col-sm-12" style="margin-bottom: 18px;">
								<div class="">
									<label style="text-align: left;">Serviço:</label>
									<input type="text" class="form-control" ng-model="vm.FichaCusto.SERVICO.SELECTED.DESC_PRODUTO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Custo/PC:</label>
									<input ng-number-format="2" id="custoUtilizar" type="text" class="form-control text-right" ng-model="vm.FichaCusto.SERVICO.SELECTED.CUSTO_PC" style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label>% Custo MO. Direta:</label>
									<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.FichaCusto.SERVICO.SELECTED.PERCENTUAL_CUSTO_DIRETO" style="width: 210px !important;">
								</div>
							</div>

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

	<div id="modalCustos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-big">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false">Custos / Tributações - Modelo @{{vm.FichaCusto.SELECTED.MODELO}}, Cor: @{{vm.FichaCusto.SELECTED.COR}} (Tam: @{{vm.FichaCusto.SELECTED.DESC_TAMANHO}})</span>
							<span ng-if="vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == true">Tempos - Modelo @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_MODELO}}, Cor: @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_COR}} (Tam: @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.TAMANHO_PADRAO_DESCRICAO}})</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<!-- <div class="btn-group">
							<button type="button" class="btn btn-danger dropdown-toggle" data-hotkey="alt+a" ng-dblclick="$event.stopPropagation();" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<span class="fa fa-th-list"></span> Opções
							</button>
							<ul class="dropdown-menu">
								<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Custos/Despesas</li>
								<li><a href="javascript:void(0)" ng-click="vm.FichaCustoCustos.incluir();"><span class="fa fa-plus"></span> Incluir</a></li> 
							</ul>
						</div> -->

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModalTributacoesCustos()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">

					<div class="row">

						<div class="col-md-12">
							<div class="col-sm-12 col-md-12 col-lg-6" ng-show="vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 1 || vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 3">
								<legend>Custos Diretos

									<i ng-if="(vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO) && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" title="Atualizar Custos Diretos" ng-click="$event.stopPropagation(); vm.FichaCusto.updateCustosDiretos();" class="fa fa-refresh" style="cursor: pointer; margin-left: 5px;" aria-hidden="true"></i>

								</legend>
								<div class="tabela_custo_direto" id="tabela_custo_direto"></div>
							</div>
							<div class="col-sm-12 col-md-12 col-lg-6" ng-show="vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 2 || vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 3">
								<legend>Custos Indiretos

									<i ng-if="(vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO) && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" title="Atualizar Custos Indiretos" ng-click="$event.stopPropagation(); vm.FichaCusto.updateCustosIndiretos();" class="fa fa-refresh" style="cursor: pointer; margin-left: 5px;" aria-hidden="true"></i>

								</legend>
								<div class="tabela_custo_indireto" id="tabela_custo_indireto"></div>
							</div>
							<div class="col-sm-12 col-md-12 col-lg-6" ng-show="vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 2 || vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 3">
								<legend>Despesas

									<i ng-if="(vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO) && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" title="Atualizar Despesas" ng-click="$event.stopPropagation(); vm.FichaCusto.updateDespesas();" class="fa fa-refresh" style="cursor: pointer; margin-left: 5px;" aria-hidden="true"></i>

								</legend>
								<div class="tabela_despesas" id="tabela_despesas"></div>
							</div>
							<div class="col-sm-12 col-md-12 col-lg-6" ng-show="vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 1 || vm.FichaCusto.SELECTED.TIPO_CUSTO_CLICADO == 3">
								<legend>Tributações

									<i ng-if="(vm.FichaCusto.ALTERANDO || vm.FichaCusto.INCLUINDO) && vm.FichaCusto.SELECTED.MULTIPLOS_MODELOS == false" title="Atualizar Tributações" ng-click="$event.stopPropagation(); vm.FichaCusto.updateTributacoesMercado();" class="fa fa-refresh" style="cursor: pointer; margin-left: 5px;" aria-hidden="true"></i>

								</legend>
								<div class="tabela_tributacoes" id="tabela_tributacoes"></div>
							</div>
						</div>

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

	<div id="modalPrecosModelo" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Preços do Modelo @{{vm.FichaCusto.SELECTED.MODELO}}</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.FichaCusto.fecharModalPrecosModelo();">
							<span class="glyphicon glyphicon-chevron-left"></span>
							Voltar
						</button>

					</div>

				</div>
				<div class="modal-body" style="height: calc(100vh - 385px);">

					<ul id="tab-precos" class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active tab-detalhamento">
							<a href="#tab1-container-preco-nf" id="tab1-tab-precos" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
								Notas fiscais/Cupons fiscais
							</a>
						</li>

						<li role="presentation" class="tab-detalhamento" ng-if="!vm.FichaCustoItens.ALTERANDO">
							<a href="#tab2-container-preco-cf" id="tab2-tab-tab-preco" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
								Tabelas de preço
							</a>
						</li>

					</ul>

					<div id="tab-content-precos" class="tab-content" style="height: calc(100% - 45px);">

						<div role="tabpanel" class="tab-pane active in" id="tab1-container-preco-nf" name="" aria-labelledby="tab1-tab-precos" style="height: 100%; overflow:auto;">
							<div class="row">
								<div class="col-sm-12">
									<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;">

										<div class="form-group" style="margin-right: 0px !important;">
											<div class="form-group" style="display:flex; justify-content: center; align-items: center; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px;
												background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px;
												padding-right: 4px; border: 1px solid #cccccc;">													
												<select class="form-control" ng-model="vm.FichaCusto.MES_INICIAL_PRECO" id="mesInicial">
													<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{ item.MES }}</option>
												</select>
												<select class="form-control" ng-model="vm.FichaCusto.ANO_INICIAL_PRECO">
													<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{ item.ANO }}</option>
												</select>					
												<!-- <input type="date" style="width: 131px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main"
													ng-model="vm.FichaCusto.FILTRO_MES_INIC" ng-change="vm.TabelaPrincipal.apagar();" ng-atalho> -->
												<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px;"> à </label>

												<select class="form-control" ng-model="vm.FichaCusto.MES_FINAL_PRECO" id="mesInicial">
													<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{ item.MES }}</option>
												</select>
												<select class="form-control" ng-model="vm.FichaCusto.ANO_FINAL_PRECO">
													<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{ item.ANO }}</option>
												</select>
											</div>		 
										</div>

										<div class="form-group" style="margin-top: 18px; width: fit-content; padding-right: 10px;">
											<button type="button" ng-click="vm.FichaCusto.getPrecosModelo(1)" class="btn btn-xs btn-primary btn-filtrar"
												data-hotkey="alt+f" id="btn-table-filter4">
												<span class="glyphicon glyphicon-filter"></span> Filtrar
											</button>
										</div>	
									</div>
								
									<div class="tabela_precos_nf_cf" id="tabela_precos_nf_cf"></div>
									
								</div>
							</div>
								
						</div>

						<div role="tabpanel" class="tab-pane" id="tab2-container-preco-cf" name="" aria-labelledby="tab2-tab-tab-preco" style="height: 100%; overflow:auto;">
							<div class="row">
								<div class="col-sm-12">
									<div class="tabela_precos_modelo" id="tabela_precos_modelo"></div>
								</div>
							</div>
						</div>

					</div>


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

	<div id="modalProcessoMultiplosModelos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 style="margin:0;" ng-bind="vm.FichaCusto.STATUS_PROGRESSO"></h4>
					</div>
					<div class="modal-header-right">
						<button ng-if="vm.FichaCusto.HABILITA_FECHAR_MODAL_PROGRESSO == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModalProcessoMultiplosModelos()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<p ng-bind="vm.FichaCusto.DESC_PROGRESSO"></p>
					<div class="progress">
						<div id="progressoBarMultiplosModelos" class="progress-bar progress-bar-striped progress-bar-animated active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalInformacoesRepresentatividade" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 1040px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4>Informações de Representatividade - Período: @{{vm.ARRAY_MESES[vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.MES].MES}} de @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.ANO}}</h4>
					</div>
					<div class="modal-header-right">
						<!-- <button type="button" class="btn btn-primary btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModalInformacoesRepresentatividade()" data-hotkey="f10">
        					<span class="glyphicon glyphicon-edit"></span> Alterar Período
    					</button>	 -->

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

					<section class="treeMainContainer">
						<div class="treeContainer d_f">
							<div class="_NewBranch d_f">
								<div class="_treeRoot d_f" style="display: contents !important;">
									<div class="_treeBranch hasChildren">
										<div class="_treeRaw d_f">
											<div class="_treeLeaf d_f">
												<div class="t_Data d_f" style="background-color: red; color: white;">
													<p class="shortName"> Centro de Negócio: R$ @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.VALOR_FAT_CN | number: 2}} </p>
												</div>
											</div>
										</div>
										<div class="_NewBranch d_f">

											<div class="_treeRoot d_f">
												<div class="_treeBranch hasChildren">
													<div class="_treeRaw d_f">
														<div class="_treeLeaf d_f" style="padding-bottom: inherit !important;">
															<div class="t_Data d_f" style="background-color: #ffca00 !important; color: white !important;">
																<p class="shortName">FAMÍLIA @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_FAMILIA}}: R$ @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.VALOR_FAT_FAMILIA | number: 2}}
																</p>
															</div>
														</div>
													</div>

													<div class="_NewBranch d_f">

														<div class="_treeRoot d_f">
															<div class="_treeBranch hasChildren">
																<div class="_treeRaw d_f">
																	<div class="_treeLeaf d_f" style="padding-bottom: inherit !important;">
																		<div class="t_Data d_f" style="background-color: #0fbd04 !important; color: white;">
																			<p class="shortName">LINHA @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_LINHA}}: R$ @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.VALOR_FAT_LINHA | number: 2}}
																			</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>

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

											<div class="_treeRoot d_f">
												<div class="_treeBranch hasChildren">
													<div class="_treeRaw d_f">
														<div class="_treeLeaf d_f" style="padding-bottom: inherit !important;">
															<div class="t_Data d_f" style="background-color: #8e04bd !important; color: white;">
																<p class="shortName">PERFIL @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.CLASSIFICACAO}}: R$ @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.VALOR_FAT_PERFIL | number: 2}}
																</p>
															</div>
														</div>
													</div>

													<div class="_NewBranch d_f">

														<div class="_treeRoot d_f">
															<div class="_treeBranch hasChildren">
																<div class="_treeRaw d_f">
																	<div class="_treeLeaf d_f" style="padding-bottom: inherit !important;">
																		<div class="t_Data d_f" style="background-color: #00b7fa !important; color: white !important;">
																			<p class="shortName">MODELO @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.DESC_MODELO}}: R$ @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.VALOR_FAT_MODELO2 | number: 2}}
																				
																			</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>

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

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

					<hr>
				</div>
				<div class="modal-footer">
				<!-- ng-if="vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.TIPO_REPRESENTATIVIDADE == 1" -->
					<div class="row">
						<label class="styleLabelAutorizationItem">@{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.VALOR_FAT_MODELO2 | number: 2}} <span>&#247;</span> @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.VALOR_FAT_CN | number: 2}} <span>&#x3d;</span> @{{vm.FichaCusto.MULTIPLOS_MODELOS.SELECTED.REPRESENTATIVIDADE | number: 2}}% </label>
					</div>

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

	<div id="modalAddMPByOtherModelo" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Adicionar MP/Serviços por outro modelo</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.FichaCusto.confirmarAdicionarDeOutroModeloMP()" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Adicionar
						</button>

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModalAddMPOtherModelo()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body" style="height: calc(100vh - 640px) !important;">

					<div class="row">

						<div class="col-md-12">
							<div style="display: -webkit-inline-box;" class="consulta-modelo-add-mp"></div>
							<div style="display: -webkit-inline-box;" class="consulta-cor-add-mp"></div>
							<div style="display: -webkit-inline-box;" class="consulta-tamanho-add-mp"></div>
						</div>

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

	<div id="modalAddTempoByOtherModelo" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Adicionar Tempos por outro modelo</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.FichaCusto.confirmarAdicionarDeOutroModeloTempo()" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Adicionar
						</button>

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.FichaCusto.fecharModalAddTempoOtherModelo()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body" style="height: calc(100vh - 640px) !important;">

					<div class="row">

						<div class="col-md-12">
							<div style="display: -webkit-inline-box;" class="consulta-modelo-add-tempo"></div>
							<div style="display: -webkit-inline-box;" class="consulta-cor-add-tempo"></div>
							<div style="display: -webkit-inline-box;" class="consulta-tamanho-add-tempo"></div>
						</div>

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


	<div class="pdf-ver" ng-show="vm.FichaCusto.HABILITA_VISUALIZACAO_PDF">

		<input type="hidden" value="{{auth()->user()->email}}" id="emailUsuario">

		<div class="pdf-acoes">

			<button type="button" class="btn btn-default esconder-arquivo" ng-click="vm.FichaCusto.enviarPdf()">
				<span class="glyphicon glyphicon-envelope"></span>
				Enviar
			</button>

			<a class="btn btn-default download-arquivo" href="" download="">
				<span class="glyphicon glyphicon-download"></span>
				Baixar
			</a>

			<button type="button" class="btn btn-default pdf-fechar" ng-click="vm.FichaCusto.HABILITA_VISUALIZACAO_PDF = false">
				<span class="glyphicon glyphicon-chevron-left"></span>
				Voltar
			</button>

		</div>

		<div class="conteudoPDF">
			<object data="" type="application/pdf" id="objectData"></object>
		</div>
	</div>
</div>
@endsection

@section('script')
<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
<script src="{{ elixir('assets/js/_31190.js') }}"></script>
@append