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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.PerfSKU.gravar()">
@overwrite

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

	<button ng-if="vm.PerfSKU.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.PerfSKU.ALTERANDO" ng-click="vm.PerfSKU.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.PerfSKU.ALTERANDO" ng-click="vm.PerfSKU.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.PerfSKU.ALTERANDO" ng-click="vm.PerfSKU.copiar_registro()" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="fa fa-files-o"></span> Copiar Registro
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.PerfSKU.ALTERANDO" ng-click="vm.PerfSKU.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.PerfSKU.ALTERANDO" ng-click="vm.PerfSKU.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.PerfSKU.ALTERANDO" data-consulta-historico data-tabela="TBPERFIL" data-tabela-id="@{{ vm.PerfSKU.SELECTED.CONTROLE }}" 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.PerfSKU.ALTERANDO" data-consulta-arquivos data-tabela="TBPERFIL" data-tabela-id="@{{ vm.PerfSKU.SELECTED.CONTROLE }}" 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.PerfSKU.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.PerfSKU.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-header-end')

	<!-- PARA USAR OS BOTÕES DE AVANÇAR E RETROCEDER BASTA DESCOMENTAR AS LINHAS ABAIXO -->
	
	<!-- <button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.PerfSKU.previousRecord()" ng-if="!vm.PerfSKU.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.PerfSKU.nextRecord()" ng-if="!vm.PerfSKU.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button> -->
	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 170px);">
	<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->
	<!--
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				1
				
			</a>
		</li>

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

		<li role="presentation" class="tab-detalhamento"  ng-if="!vm.PerfSKU.ALTERANDO">
			<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				3
			</a>
		</li>
	</ul>

	<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);">
		
		<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
			<div class="row">
		
			</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>
		</div>

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

			</div>
		</div>

	</div>
-->
	
    <div class="row">
	
		
        <div class="form-group">
			<label>ID:</label>
			<input style="width: 175px;" type="text" class="form-control id" maxlength="10"
				ng-model="vm.PerfSKU.SELECTED.ID" ng-readonly="!vm.PerfSKU.INCLUINDO && !vm.PerfSKU.COPIANDO">
		</div>
		
		<div class="form-group">
			<label>Descrição Resumida:</label>
			<input type="text" class="form-control input-maior desc"  maxlength="20"
				ng-model="vm.PerfSKU.SELECTED.DESCRICAO" ng-readonly="!vm.PerfSKU.ALTERANDO">
		</div>
		
		<div class="form-group">
			<label>Descrição Completa:</label>
			<input type="text" class="form-control input-maior desc_comp"  maxlength="100"
				ng-model="vm.PerfSKU.SELECTED.DESCRICAO_COMPLETA" ng-readonly="!vm.PerfSKU.ALTERANDO">
		</div>

		<ul id="tab" class="nav nav-tabs" role="tablist" ng-show="!vm.PerfSKU.ALTERANDO || !vm.PerfSKU.INCLUINDO" style="margin-top: 15px;">
			<li role="presentation" class="active tab-detalhamento">
				<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="false">
					Perfil
				</a>
			</li>
			
			<li role="presentation" class="tab-detalhamento" ng-show="!vm.PerfSKU.ALTERANDO">
				<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
					SKU				
				</a>
			</li>
			
			<li role="presentation" class="tab-detalhamento" ng-click="vm.PerfSKUItens.consultar_grupos()" ng-show="!vm.PerfSKU.ALTERANDO">
				<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
					Grupos de Produção
					<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
				</a>
			</li>
		</ul>

		<div id="tab-content" class="tab-content" style="height: calc(100% - 250px);" ng-show="!vm.PerfSKU.ALTERANDO || !vm.PerfSKU.INCLUINDO">
			
			<div role="tabpanel" class="tab-pane active in" id="tab1-container" aria-labelledby="tab1-tab" style="height: 100%; overflow: auto;" ng-show="!vm.PerfSKU.ALTERANDO || !vm.PerfSKU.INCLUINDO">
				<div class="row">
					<ul id="tab2" class="nav nav-tabs" role="tablist"> 
						<li role="presentation" class="active tab-detalhamento">
							<a href="#tab5-container" id="tab5-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab5-container" aria-expanded="false">
								Dados gerais
							</a>
						</li>
				
						<li role="presentation" class="tab-detalhamento">
							<a href="#tab6-container" id="tab6-tab" data-hotkey="alt+5" role="tab" data-toggle="tab" aria-controls="tab6-container" aria-expanded="false">
								Parâmetros
							</a>
						</li>
				
						<li role="presentation" class="tab-detalhamento">
							<a href="#tab4-container" id="tab4-tab" data-hotkey="alt+6" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false">
								Configurações de Pedidos
							</a>
						</li>
					</ul>

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

						<div role="tabpanel" class="tab-pane active in" id="tab5-container" aria-labelledby="tab3-tab" style="height: 100%; overflow: auto;">
							<div class="row">
								<!-- <div style="display: -webkit-inline-box;" class="consulta-loc"></div>
							
								<div class="form-group">
									<label>Tratamento de Pedidos:</label>
									<select type="text" class="form-control" ng-model="vm.PerfSKU.SELECTED.TRATAMENTO_PEDIDO_MP" 
										ng-disabled="vm.PerfSKU.ALTERANDO == false || vm.PerfSKU.SELECTED.TABELA.toUpperCase() !== 'PED'">
										<option value="0">Não Aplicável</option>
										<option value="1">Checagem de Cap. Produtiva</option>
										<option value="2">Carrega Diretamente no Agrup.</option>
									</select>
								</div> -->
								<br>
								<div class="form-group">
									<label>Agrupamento 1:</label>
									<input type="text" class="form-control input-medio"  maxlength="10"						
										ng-model="vm.PerfSKU.SELECTED.AGRUPAMENTO" ng-readonly="!vm.PerfSKU.ALTERANDO">
								</div>
				
								<div class="form-group">
									<label>Agrupamento 2:</label>
									<input type="text" class="form-control input-medio"	 maxlength="10" 						
										ng-model="vm.PerfSKU.SELECTED.AGRUPAMENTO2" ng-readonly="!vm.PerfSKU.ALTERANDO">
								</div>

								<div class="form-group">
									<label>Agrupamento no Endereçamento:</label>
									<select class="form-control" 
									ng-change="vm.PerfSKU.SELECTED.ENDERECAMENTO_SOBRA = vm.PerfSKU.check_value(vm.PerfSKU.SELECTED.ENDERECAMENTO_SOBRA,1)" 
									ng-disabled="!vm.PerfSKU.ALTERANDO" 
									ng-model="vm.PerfSKU.SELECTED.ENDERECAMENTO_SOBRA"
									style="width: 228px !important;"
									>
										<option value="">Selecione</option>
										<option value="M">Modelo</option>
										<option value="C">Cor</option>
										<option value="T">Tamanho</option>
									</select>
								</div>

								<div class="form-group">
									<label ttitle="Quantidade por Minuto">Cap. Produtiva:</label>
									<input style="width: 158px !important; text-align: right !important;" type="text" ng-number_format="2" min="0"
										class="form-control input-medio"  
										ng-model="vm.PerfSKU.SELECTED.CAP_PRODUTIVA"
										ng-readonly="!vm.PerfSKU.ALTERANDO">
								</div>
								<div class="form-group">
									<label>Tempo Fadiga:</label>
									<div class="input-group">
										<input 
											style="width: 158px !important; text-align: right !important;" 
											type="text" 
											ng-number-format="2"
											class="form-control input-medio text-right" 
											ng-model="vm.PerfSKU.SELECTED.TEMPO_FADIGA"
											ng-readonly="!vm.PerfSKU.ALTERANDO">
										<div class="input-group-addon" style="padding: 9px"><span>%</span></div>
									</div>
								</div>
								<br>
								<div class="form-group">
									<label>Descrição Completa:</label>
									<textarea class="form-control" cols="81" rows="3" style="resize: none; margin-bottom: 160px !important;"  maxlength="100" 						
										ng-model="vm.PerfSKU.SELECTED.DESCRICAO_COMPLETA" ng-readonly="!vm.PerfSKU.ALTERANDO">
									</textarea>
								</div>
							</div>
						</div>

						<div role="tabpanel" class="tab-pane" id="tab6-container" aria-labelledby="tab6-tab" style="height: 100%; overflow:auto;">
							<div class="row" style="height: calc(100% - 250px);">
								<div class="form-group">
									<div style="display: -webkit-inline-box;" class="consulta-fam"></div>	
									<div style="display: -webkit-inline-box;" class="consulta-cor-bas"></div>
									<div style="display: -webkit-inline-box;" class="consulta-cor-sob"></div>
									<div style="display: -webkit-inline-box;" class="consulta-cor-dif"></div>
								</div>
								
								<div class="form-group" style="display: grid;">
									<div class="form-group">
										<label>Índices:</label>
										<div class="form-group" style="display: flex; width: fit-content;">
											<div class="form-group" style="display: grid; width: fit-content;">
												<label>Eficiência</label>
												<div class="form-group" style="display: inline-flex;">
													<div class="input-group">
														<input type="text" style="text-align: right; width: 120px !important;" min="0" ng-number-format="2"
															class="form-control input-menor" ng-model="vm.PerfSKU.SELECTED.EFIC_A"
															ng-readonly="!vm.PerfSKU.ALTERANDO">
														<div class="input-group-addon" style="padding: 9px"><span>%</span></div>
													</div>
													<label style="padding-right: 8px; padding-left: 8px; padding-top: 5px;">à:</label>
													<div class="input-group">
														<input type="text" style="text-align: right; width: 120px !important;" min="0" ng-number-format="2"
															class="form-control input-menor" ng-model="vm.PerfSKU.SELECTED.EFIC_B"
															ng-readonly="!vm.PerfSKU.ALTERANDO">
														<div class="input-group-addon" style="padding: 9px"><span>%</span></div>
													</div>
												</div>
											</div>
						
											<div class="form-group" style="display: grid; width: fit-content;">
												<label>Perda</label>
												<div class="form-group" style="display: inline-flex;">
													<div class="input-group">
														<input type="text" style="text-align: right; width: 120px !important;" min="0" ng-number-format="2"
															class="form-control input-menor"  ng-model="vm.PerfSKU.SELECTED.PERDA_A"
															ng-readonly="!vm.PerfSKU.ALTERANDO">
														<div class="input-group-addon" style="padding: 9px"><span>%</span></div>
													</div>
													<label style="padding-right: 8px; padding-left: 8px; padding-top: 5px;">à:</label>
													<div class="input-group">
														<input type="text" style="text-align: right; width: 120px !important;" min="0" ng-number-format="2"
															class="form-control input-menor"  ng-model="vm.PerfSKU.SELECTED.PERDA_B"
															ng-readonly="!vm.PerfSKU.ALTERANDO">
														<div class="input-group-addon" style="padding: 9px"><span>%</span></div>
													</div>
												</div>
											</div>	
										</div>
									</div>
									<div class="form-group" style="display: flex;">
										<div class="form-group">
											<label>Ponto de Reposição:</label>
											<div class="input-group">
												<input type="text" style="text-align: right; width: 120px !important;"
													class="form-control input-menor" 
													min="0" ng-number_format="2"	
													ng-model="vm.PerfSKU.SELECTED.PONTO_REPOSICAO"	
													ng-readonly="!vm.PerfSKU.ALTERANDO">
												<div class="input-group-addon" style="padding: 9px"><span>%</span></div>
											</div>
										</div>
										
										<div class="form-group">
											<label>Tipo de Reposição:</label>
											<select type="text" class="form-control" 						
												ng-model="vm.PerfSKU.SELECTED.TIPO_REPOSICAO"
												ng-disabled="!vm.PerfSKU.ALTERANDO">
												<option value="">Não aplicável</option>
												<option value="0">Repor até Est. MÍNIMO</option>
												<option value="1">Repor até Est. MÁXIMO</option>
											</select>
										</div>
									</div>
								</div>
								<br><br><br><br>
							</div>
						</div>

						<div role="tabpanel" class="tab-pane" id="tab4-container" aria-labelledby="tab4-tab" style="height: 100%; overflow:auto;">
							<fieldset style="margin-top: 20px;">
								<legend>Configuração de Quantidade nos Pedidos</legend>
								<div class="row" style="height: calc(100% - 250px);">
									<div class="form-group">
										<label>Tipo:</label>
										<select class="form-control" ng-model="vm.PerfSKU.SELECTED.QTD_TIPO"
											ng-disabled="!vm.PerfSKU.ALTERANDO">
											<option value="">Não Aplicável</option>
											<option value="C">Cor</option>
											<option value="T">Cor/Tamanho</option>
										</select>
									</div>

									<div class="form-group">
										<label>Qtd. Mínima:</label>
										<input type="number" style="text-align: right;"	min="0" class="form-control input-medio" 						
											ng-model="vm.PerfSKU.SELECTED.QTD_MIN"  ng-readonly="!vm.PerfSKU.ALTERANDO">
									</div>

									<div class="form-group">
										<label>Qtd. Mínima Sob Encomenda:</label>
										<input type="number" style="text-align: right;" min="0" class="form-control input-medio"
											ng-model="vm.PerfSKU.SELECTED.QTD_MIN_SOBENC" ng-readonly="!vm.PerfSKU.ALTERANDO"
											>
									</div>
					
									<div class="form-group">
										<label>Quantidade Multipla:</label>
										<input type="number" style="text-align: right;" class="form-control input-medio"
											ng-model="vm.PerfSKU.SELECTED.QTD_MULT"	ng-readonly="!vm.PerfSKU.ALTERANDO"
											>
									</div>

									<div class="form-group">
										<label>Quantidade Multipla Sob Encomenda:</label>
										<input type="number" style="text-align: right;" class="form-control input-medio" 						
											ng-model="vm.PerfSKU.SELECTED.QTD_MULT_SOBENC" ng-readonly="!vm.PerfSKU.ALTERANDO"
											>
									</div>
								</div>
							</fieldset>
							
							<fieldset style="margin-top: 20px;">
								<legend>Dias para Data de Produção, Dias para Data de Cliente, Conforme Condição da Cor</legend>
								<div class="row" style="height: calc(100% - 250px);">
									<div class="table-ec table-scroll" style="height: fit-content; min-height: 200px;">
										<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
											<thead>
												<tr gc-order-by="vm.PerfSKU.ORDER_BY">
													<th style="text-align: center;">Cond.</th>                    
													<th style="text-align: center;" colspan="2">Normal</th>
													<th style="text-align: center;" colspan="2">Sob-Enc</th>
													<th style="text-align: center;" colspan="2">Cor Dif.</th>
													<th style="text-align: center;" colspan="2">Est.Min.</th>
													<th style="text-align: center;" colspan="2">Est.Indis.</th>
												</tr>
												<tr gc-order-by="vm.PerfSKU.ORDER_BY">
													<th>Data</th>                    
													<th>Prod <i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar1" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(1, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar1" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(1, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone" ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(1, 0, 'NORMAL')"></i></th>
													<th>Cli 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar2" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(2, 1, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar2" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(2, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(2, 1, 'NORMAL')"></i></th>                    
													<th>Prod 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar3" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(3, 0, 'SOB_ENCOMENDA')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar3" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(3, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(3, 0, 'SOB_ENCOMENDA')"></i></th>
													<th>Cli 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar4" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(4, 1, 'SOB_ENCOMENDA')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar4" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(4, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(4, 1, 'SOB_ENCOMENDA')"></i></th>                    
													<th>Prod 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar5" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(5, 0, 'COR_DIFERENTE')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar5" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(5, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(5, 0, 'COR_DIFERENTE')"></i></th>
													<th>Cli 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar6" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(6, 1, 'COR_DIFERENTE')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar6" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(6, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(6, 1, 'COR_DIFERENTE')"></i></th>                    
													<th>Prod 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar7" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(7, 0, 'ESTOQUE_MINIMO')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar7" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(7, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(7, 0, 'ESTOQUE_MINIMO')"></i></th>
													<th>Cli 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar8" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(8, 1, 'ESTOQUE_MINIMO')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar8" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(8, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(8, 1, 'ESTOQUE_MINIMO')"></i></th>                    
													<th>Prod 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar9" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(9, 0, 'ESTOQUE_INDISPONIVEL')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar9" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(9, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(9, 0, 'ESTOQUE_INDISPONIVEL')"></i></th>
													<th>Cli 
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && !vm.PerfSKU.colar10" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteColumn(10, 1, 'ESTOQUE_INDISPONIVEL')"></i>
													<i ng-if="vm.PerfSKU.COLAR_COLUMN && vm.PerfSKU.colar10" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyColumn(10, 0, 'NORMAL')"></i>
													<i ng-if="vm.PerfSKU.ALTERANDO && !vm.PerfSKU.COLAR_COLUMN" class="fa fa-clone"  ttitle="Copiar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.copyColumn(10, 1, 'ESTOQUE_INDISPONIVEL')"></i></th>
												</tr>
											</thead>
											<tbody>	
												<tr ng-repeat="item in vm.PerfSKU.DADOS_DIAS track by $index">
													<td style="position: sticky; top: 0; background: rgb(51, 122, 183);
																color: rgb(255, 255, 255); box-shadow: 0px -1px #dddddd;
																z-index: 9;">
														<span>
															@{{item.DIA}} 
															<i ng-if="vm.PerfSKU.ALTERANDO && item.COLAR_LINHA && !item.CANCELAR_COPY_ROW" class="fa fa-clipboard" ttitle="Colar aqui" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.pasteRow(item)"></i>
															<i ng-if="vm.PerfSKU.ALTERANDO && !item.COLAR_LINHA && item.CANCELAR_COPY_ROW" class="fa fa-ban" ttitle="Cancelar" style="float: right; margin-right: 12px; margin-top: 3px; cursor: pointer;" ng-click="vm.PerfSKU.cancelarCopyRow(item)"></i>
															<i ng-if="vm.PerfSKU.ALTERANDO && item.COPY_ROW && !item.COLAR_LINHA" class="fa fa-clone" ttitle="Copiar" style="cursor: pointer;" ng-click="vm.PerfSKU.copyRow(item)"></i>
														</span>
													</td>

													<td ng-repeat="tipo_normal in item.TIPO_NORMAL track by $index">
														<span>
															<input tabindex="-1" style="text-align: right; width: calc(100%) !important;"
																type="number" min="0" class="form-control input-menor" oninput="this.value=(parseInt(this.value)||0)"
																ng-class="{'input_desbloqueado':vm.PerfSKU.ALTERANDO == true}" 
																ng-readonly="!vm.PerfSKU.ALTERANDO"
																ng-value="tipo_normal.VALOR"
																ng-model="tipo_normal.VALOR">
														</span>
													</td>
														
													<td ng-repeat="tipo_sob_encomenda in item.TIPO_SOB_ENCOMENDA track by $index">
														<span>
															<input tabindex="-1" style="text-align: right;  width: calc(100%) !important;"
																type="number" min="0" class="form-control input-menor" oninput="this.value=(parseInt(this.value)||0)"
																ng-class="{'input_desbloqueado':vm.PerfSKU.ALTERANDO == true}"
																ng-readonly="!vm.PerfSKU.ALTERANDO"
																ng-value="tipo_sob_encomenda.VALOR"
																ng-model="tipo_sob_encomenda.VALOR">
														</span>
													</td>
														
													<td ng-repeat="tipo_cor_diferente in item.TIPO_COR_DIFERENTE track by $index">
														<span>
															<input tabindex="-1" style="text-align: right;  width: calc(100%) !important;"
																type="number" min="0" class="form-control input-menor" oninput="this.value=(parseInt(this.value)||0)"
																ng-class="{'input_desbloqueado':vm.PerfSKU.ALTERANDO == true}"
																ng-readonly="!vm.PerfSKU.ALTERANDO"
																ng-value="tipo_cor_diferente.VALOR"
																ng-model="tipo_cor_diferente.VALOR">
														</span>
													</td>
													
													<td ng-repeat="tipo_estoque_minimo in item.TIPO_ESTOQUE_MINIMO track by $index">
														<span>
															<input tabindex="-1" style="text-align: right;  width: calc(100%) !important;"
																type="number" min="0" class="form-control input-menor" oninput="this.value=(parseInt(this.value)||0)"
																ng-class="{'input_desbloqueado':vm.PerfSKU.ALTERANDO == true}"
																ng-readonly="!vm.PerfSKU.ALTERANDO"
																ng-value="tipo_estoque_minimo.VALOR"
																ng-model="tipo_estoque_minimo.VALOR">
														</span>
													</td>
													
													<td ng-repeat="tipo_estoque_indisponivel in item.TIPO_ESTOQUE_INDISPONIVEL track by $index">
														<span>
															<input tabindex="-1" style="text-align: right;  width: calc(100%) !important;"
																type="number" min="0" class="form-control input-menor" oninput="this.value=(parseInt(this.value)||0)"
																ng-class="{'input_desbloqueado':vm.PerfSKU.ALTERANDO == true}"
																ng-readonly="!vm.PerfSKU.ALTERANDO"
																ng-value="tipo_estoque_indisponivel.VALOR"
																ng-model="tipo_estoque_indisponivel.VALOR">
														</span>
													</td>
													
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</fieldset>
						</div>
					</div>
				</div>
			</div>

			<div role="tabpanel" class="tab-pane" id="tab2-container" aria-labelledby="tab2-tab" style="height: 100%; overflow: auto;">
				<div class="row" style="height: calc(100% - 250px);">
					<form class="form-inline">		
						<div 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">
								<label>Status</label> 
								<select	class="form-control filter_main"
									ng-model="vm.PerfSKUItens.FILTRO_STATUS">
									<option value="0">Inativos</option>
									<option value="1">Ativos</option>
									<option value="">Todos</option>
								</select>
							</div>
	
							<div class="form-group" style="width: calc(100% - 230px); padding-top: 16px; min-width: 200px;">
								<input type="text" style="width: 100% !important; min-width: 170px;" placeholder="Filtragem por Linha, Modelo, Cor, Tonalidade, Classe e Tamanho"
									class="form-control input-maior filter_main-sku" ng-model="vm.PerfSKUItens.FILTRO_DADOS">
							</div>
				
							<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;">
								<button type="button" ng-click="vm.PerfSKUItens.consultar(1);" class="btn btn-xs btn-primary btn-filtrar"
										data-hotkey="alt+f" id="btn-table-filter-sku">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	
						</div>
					</form>
					<div class="tabela_secundaria" id="tabela_secundaria"></div>
				</div>
			</div>

			<div role="tabpanel" class="tab-pane" id="tab3-container" aria-labelledby="tab3-tab" style="height: 100%; overflow: auto;">
				<div class="row" style="height: calc(100% - 250px);">
					<div id="tabela_terciaria" class="tabela_terciaria"></div>
				</div>
			</div>

		</div>
		<!-- <div class="form-group">
			<label>Tipo:</label>
			<div class="input-group">
				<select 
					name="repeatSelect" 
					id="repeatSelect"  
					ng-disabled="!vm.PerfSKU.ALTERANDO" 
					ng-model="vm.PerfSKU.SELECTED.TIPO">
					<option value="1">OPÇÃO 1</option>
					<option value="2">OPÇÃO 2</option>
				</select>
			</div>
		</div> -->
		
		<!-- <div class="form-group">
			<input type="checkbox" id="click1" class="form-control"
				ng-checked="vm.PerfSKU.SELECTED.MARCADO == '1'"
				ng-true-value="'1'"	ng-false-value="'0'"
				check-standard2
				ng-model="vm.PerfSKU.SELECTED.MARCADO"
				ng-disabled="!vm.PerfSKU.ALTERANDO">
			<label for="click1" style="margin-left: 5px; font-weight: bold">
				Marcado
			</label>
		</div> -->
		
		<!-- <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
		<!-- <div class='div_arquivos'></div> -->
		
    </div>
		
	<fieldset ng-show="(!vm.PerfSKU.ALTERANDO || vm.PerfSKUItens.TIPO_ADD == 2) && vm.PerfSKU.habilita_itens == true" style="margin-top: 10px;">
	<legend></legend>
		<div style="margin-bottom: 10px;">
			<ul class="list-inline">
				<li>
					<button 
						type="button" 
						class="btn btn-primary btn-incluir" 
						data-hotkey="f6"
						ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
						ng-click="vm.PerfSKUItens.incluir()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</li>
				<li>
					<button 
						type="button" 
						class="btn btn-danger btn-excluir" 						
						ng-disabled="!{{ userMenu($menu)->EXCLUIR }}" 
						ng-click="vm.PerfSKUItens.excluirMultiplos();">
						<span class="glyphicon glyphicon-trash"></span> Excluir Múltiplos
					</button>
				</li>
			</ul>
			<div class="tabela_secundaria" id="tabela_secundaria"></div>
		</div>
	</fieldset>
	
	<!--
	<div ng-if="!vm.PerfSKU.ALTERANDO" style="margin-top: 10px;">   
		<ul class="list-inline">    
			<li>
				<button 
					type="button" 
					class="btn btn-primary btn-incluir" 
					data-hotkey="f6"
					ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
					ng-click="vm.PerfSKUItens.incluir()">
					<span class="glyphicon glyphicon-plus"></span> Incluir
				</button>
			</li>                                         
		</ul>  
		
		<div class="form-group" style="margin-bottom: 4px; width: 100% !important;">
			<input 
				type="text"
				style="width: 100% !important;"
				placeholder="Filtragem rápida..."
				class="form-control input-maior" 
				required
				ng-model="vm.PerfSKUItens.FILTRO_DADOS">
		</div>
	
		<div class="table-ec table-scroll" style="height: calc(100vh - 400px); min-height: 200px;">
		
			<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
				<thead>
					<tr gc-order-by="vm.PerfSKUItens.ORDER_BY">
						<th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
						<th field="ID">ID</th>
						<th field="DESCRICAO">Descrição</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="item in vm.PerfSKUItens.DADOS_RENDER = ( vm.PerfSKUItens.DADOS | orderBy : vm.PerfSKUItens.ORDER_BY | find: {model : vm.PerfSKUItens.FILTRO_DADOS ,fields : 'all'})"
						ng-click="vm.PerfSKUItens.visualizar()"
						ng-focus="vm.PerfSKUItens.SELECTED = item"
						ng-class="{ 'selected' : vm.PerfSKUItens.SELECTED == item }"
						tabindex="0">
						<td class="t-status status-@{{ item.STATUS }}">
						</td>
						<td>
							<span>
								@{{ item.ID || 0 | lpad: [4,0] }}
							</span>
						</td>
						<td>
							<span>
								@{{ item.DESCRICAO }}
							</span>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	-->
	
</div>
</form>

@overwrite