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

@section('modal-start')
<form class="form-inline">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>{{ Lang::get('ppcp/_22430.titulo-opt') }}</span>
</h4>

@overwrite

@section('modal-header-right')
	<button ng-click="vm.CADDEMODELFICHATECNICA.fechar_opt()" type="button" class="btn btn-default btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 150px);">
	
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab51-container" id="tab51-tab" ng-show="vm.CADDEMODELFICHATECNICA.TIPO_FUNCIONALIDADE == 1" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab51-container" aria-expanded="true">
				Cópia de Modelos
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab52-container" id="tab52-tab" ng-show="vm.CADDEMODELFICHATECNICA.TIPO_FUNCIONALIDADE == 2" ng-click="vm.GerarTabelas('LINHAS');vm.ConsultaFiltroFAM2.setFocusInput();" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab52-container" aria-expanded="false">
				Manutenção de Produtos de Consumo
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab53-container" id="tab53-tab" ng-show="vm.CADDEMODELFICHATECNICA.TIPO_FUNCIONALIDADE == 3" ng-click="vm.CADDEMODELFICHATECNICA.escondeBarraProgresso()" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab53-container" aria-expanded="false">
				Tratamento de Imagens
			</a>
		</li>
	</ul>

	<div id="tab-content" class="tab-content" style="height: calc(100% - 50px);">
		
		<div role="tabpanel" class="tab-pane active in"  ng-show="vm.CADDEMODELFICHATECNICA.TIPO_FUNCIONALIDADE == 1" id="tab51-container" name="" aria-labelledby="tab51-tab" style="height: 100%; overflow:auto;">
			<div class="row">

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

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

				<button ng-click="vm.CADDEMODELFICHATECNICA.gravar_opt()" type="button"
					class="btn btn-primary btn-gravar" data-hotkey="f1" style="margin-top: 20px;">
					<span class="glyphicon glyphicon-check"></span> Copiar Modelo
				</button>

				<div class="form-group" style="display: grid; margin-top: 13px;">
					<label style="margin-left: 15px; z-index: 1; background-color: rgb(255, 255, 255); width: fit-content; padding-right: 5px; padding-left: 5px;">Módulos para Copiar</label>
					<div class="form-group" style="display: flex; width: fit-content; padding-left: 15px; padding-bottom: 15px; border-radius: 9px;
						border-width: 1px 1px 1px 1px; border-color: rgb(221, 221, 221); border-style: solid; margin-top: -9px;">
						<div class="form-group" style="display: grid;">
							
							<div class="form-group" style="margin-bottom: 0px;">
								<input id="ctrl_dados" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.GERAIS">								
								<label for="ctrl_dados" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Dados Gerais</label>
							</div>

							<div class="form-group" style="margin-bottom: 0px;">										
								<input id="ctrl_cores" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.CORES">								
								<label for="ctrl_cores" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Cores</label>
							</div>

							<div class="form-group" style="margin-bottom: 0px;">
								<input id="ctrl_cor" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.CONSUMOS">								
								<label for="ctrl_cor" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Consumos</label>
							</div>

							<div class="form-group" style="margin-bottom: 0px;">
								<input id="ctrl_param" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.CONS_PARAM">								
								<label for="ctrl_param" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Ficha de Processos/Parametrizável</label>
							</div>
							
							<div class="form-group" style="margin-bottom: 0px;">
								<input id="ctrl_cotas" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.COTAS">								
								<label for="ctrl_cotas" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Cotas</label>
							</div>

							<div class="form-group" style="margin-bottom: 0px;">													
								<input id="ctrl_roteiro" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.ROTEIRO">								
								<label for="ctrl_roteiro" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Roteiro de Produção</label>
							</div>

							<div class="form-group" style="margin-bottom: 0px;">
								<input id="ctrl_fluxo" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.FLUXO_TEMPO">								
								<label for="ctrl_fluxo" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Fluxo de Tempos de Produção</label>
							</div>
							
							<!-- <div class="form-group" style="margin-bottom: 0px;">
								<input id="ctrl_geral" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.CONS_GERAL">								
								<label for="ctrl_geral" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Consumo Geral</label>
							</div>

							<div class="form-group" style="margin-bottom: 0px;">
								<input id="ctrl_cor" type="checkbox" check-standard2 ng-true-value="'1'" ng-false-value="'0'" ng-model="vm.CADDEMODELFICHATECNICA.COPIA.CONS_COR">								
								<label for="ctrl_cor" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Consumo por Cor</label>
							</div> -->
							
						</div>						
					</div>
				</div>
				<div class="alert alert-warning" style="display: flex;">
					<ul style="list-style-type: disc; padding-left: 15px;">
						<p>Atenção, ao efetuar a cópia para um modelo já existente, os dados dos módulos serão sobrepostos caso haja dados já cadastrados.</p>
					</ul>
				</div>
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab52-container" ng-show="vm.CADDEMODELFICHATECNICA.TIPO_FUNCIONALIDADE == 2" name="" aria-labelledby="tab52-tab" style="height: 100%; overflow:auto;">
			<div class="row">
				<div style="display: -webkit-inline-box;" class="consulta-copia-prod1"></div>		
				<div class="form-group">					
					<button ng-click="vm.CADDEMODELFICHATECNICA.excluir_opt()" type="button"
						class="btn btn-danger btn-gravar" data-hotkey="f1" style="margin-top: 20px;">
						<span class="glyphicon glyphicon-trash"></span> Excluir Produto dos Consumos
					</button>
				</div>
				<!-- <div class="form-group">
					<label for="ctrl_linhas_all">Todas as linhas</label>
				</div> -->
				<br>
				<div style="display: -webkit-inline-box;" class="consulta-copia-prod2"></div>		
				<div class="form-group">					
					<button ng-click="vm.CADDEMODELFICHATECNICA.alterar_opt()" type="button"
						class="btn btn-primary btn-gravar" data-hotkey="f2" style="margin-top: 20px;">
						<span class="glyphicon glyphicon-check"></span> Substituir Produto dos Consumos
					</button>
				</div>
				<ul id="tab-options" class="nav nav-tabs" role="tablist"> 
					<li role="presentation" class="active tab-detalhamento">
						<a href="#tab1-options-container" id="tab1-options-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab1-options-container" aria-expanded="true">
							Linhas Selecionadas
							
						</a>
					</li>
			
					<li role="presentation" class="tab-detalhamento">
						<a href="#tab2-options-container" id="tab2-options-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab2-options-container" aria-expanded="false">
							Modelos Selecionados
						</a>
					</li>
				</ul>
			
				<div id="tab-content-options" class="tab-content"  style="height: calc(100% - 45px);">
					
					<div role="tabpanel" class="tab-pane active in" id="tab1-options-container" name="" aria-labelledby="tab1-options-tab" style="height: 100%; overflow:auto;">
						<div class="row">
							<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 style="display: -webkit-inline-box;" class="consulta-filt-fam2"></div>
								
								<div class="form-group" style="width: calc(34%); padding-top: 16px; min-width: 200px;">
									<input type="text" style="width: 100% !important; min-width: 170px;"
										placeholder="Filtragem por ID e Descrição" class="form-control input-maior filter_main52" 
										ng-model="vm.CADDEMODELFICHATECNICA.FILTRO_LINHA">
								</div>
					
								<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;">
									<button type="button" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter-linha"
										ng-click="vm.CADDEMODELFICHATECNICA.consultar_linhas(1);">
										<span class="glyphicon glyphicon-filter"></span> Filtrar
									</button>
								</div>	
							</div>
							<div class="tabela_linha_m" id="tabela_linha_m"></div>							
						</div>
					</div>
			
					<div role="tabpanel" class="tab-pane" id="tab2-options-container" name="" aria-labelledby="tab2-options-tab" style="height: 100%; overflow:auto;">
						<div class="row">
							<div id="filtro_main_modelo" 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 style="display: -webkit-inline-box;" class="consulta-filt-fam3_5"></div>
								
								<div class="form-group" style="width: calc(34%); padding-top: 16px; min-width: 200px;">
									<input type="text" style="width: 100% !important; min-width: 170px;"
										placeholder="Filtragem por ID e Descrição" class="form-control input-maior filter_main3_5" 
										ng-model="vm.CADDEMODELFICHATECNICA.FILTRO_MODELO_OPTIONS">
								</div>
					
								<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;">
									<button type="button" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter-modelo-option"
										ng-click="vm.CADDEMODELFICHATECNICA.consultar_modelos(1);">
										<span class="glyphicon glyphicon-filter"></span> Filtrar
									</button>
								</div>	
							</div>
							<div class="tabela_modelo_m" id="tabela_modelo_m"></div>
						</div>
					</div>
			
				</div>

				<div class="alert alert-warning" style="display: flex;">
					<ul style="list-style-type: disc; padding-left: 15px;">
						<p style="margin-bottom: 5px;">Atenção, ao efetuar essa operação todos os cadastros das fichas de consumo geral e consumo por cor o qual tenham
							o produto citado acima, serão substituídos pelo produto novo desde que o mesmo não tenha sido usado no modelo!</p>
						<p style="margin-bottom: 5px;">Os produtos citados devem possuir a mesma grade ou não ter grade.</p>
						<p style="margin-bottom: 5px;">O produto destino deve estar ativo.</p>
						<p style="margin-bottom: 5px;">Em caso de exclusão, <b>TODOS</b> os tamanhos do produto selecionado serão excluídos de <b>TODAS</b> as linhas selecionadas em que ele estiver presente.</p>
					</ul>
				</div>
				<!--<fieldset style="margin-bottom: 5px !important;">
					<legend> Linhas Selecionadas </legend>					
					<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 style="display: -webkit-inline-box;" class="consulta-filt-fam2"></div>
						
						<div class="form-group" style="width: calc(34%); padding-top: 16px; min-width: 200px;">
							<input type="text" style="width: 100% !important; min-width: 170px;"
								placeholder="Filtragem por ID e Descrição" class="form-control input-maior filter_main52" 
								ng-model="vm.CADDEMODELFICHATECNICA.FILTRO_LINHA">
						</div>
			
						<div class="form-group" style="padding-top: 16px; 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-linha">
								<span class="glyphicon glyphicon-filter"></span> Filtrar
							</button>
						</div>	
					</div>					
				
					<div class="tabela_linha_m" id="tabela_linha_m"></div>
				</fieldset>
				<div class="alert alert-warning" style="display: flex;">
					<ul style="list-style-type: disc; padding-left: 15px;">
						<p style="margin-bottom: 5px;">Atenção, ao efetuar essa operação todos os cadastros das fichas de consumo geral e consumo por cor o qual tenham
							o produto citado acima, serão substituídos pelo produto novo desde que o mesmo não tenha sido usado no modelo!</p>
						<p style="margin-bottom: 5px;">Os produtos citados devem possuir a mesma grade ou não ter grade.</p>
						<p style="margin-bottom: 5px;">O produto destino deve estar ativo.</p>
						<p style="margin-bottom: 5px;">Em caso de exclusão, <b>TODOS</b> os tamanhos do produto selecionado serão excluídos de <b>TODAS</b> as linhas selecionadas em que ele estiver presente.</p>
					</ul>
				</div>-->
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab53-container" ng-show="vm.CADDEMODELFICHATECNICA.TIPO_FUNCIONALIDADE == 3" name="" aria-labelledby="tab53-tab" style="height: 100%; overflow:auto;">
			<div class="row">
				
				<div class="form-group">
					<button ng-click="vm.CADDEMODELFICHATECNICA.gerarBancoFiles()" type="button"
						class="btn btn-primary btn-gravar" style="margin-top: 20px;">
						<span class="glyphicon glyphicon-refresh"></span> Gerar banco de Imagens para o Aplicativo (GCApp)
					</button>
				</div>

				<div class="form-group" ng-show="'{{Auth::user()->NOME}}' == 'GCWEB'">
					<button type="button" style="margin-top: 20px;" class="btn btn-warning btn-incluir" ng-show="'{{Auth::user()->NOME}}' == 'GCWEB'"
						ng-click="vm.CADDEMODELFICHATECNICA.AjustarFotosModelos();">
						<span class="glyphicon glyphicon-refresh"></span> Ajustar Tamanhos das Imagens Armazenadas
					</button>
				</div>

				<div class="form-group" ng-show="'{{Auth::user()->NOME}}' == 'GCWEB'">
					<button type="button" style="margin-top: 20px;" class="btn btn-warning btn-incluir" ng-show="'{{Auth::user()->NOME}}' == 'GCWEB'"
						ng-click="vm.CADDEMODELFICHATECNICA.convertImagemCadastro();">
						<span class="glyphicon glyphicon-refresh"></span> Converter Imagens Armazenadas para WEBP
					</button>
				</div>
				
				<div ng-if="vm.PORGRESSO_STATUS == 1" class="progress" style="width: 100%;">
					<div class="progress-bar bg-success progress-bar1" role="progressbar" style="width: @{{vm.PROGRESSO_CALC}}%;" aria-valuenow="@{{vm.PROGRESSO_CALC}}" aria-valuemin="0" aria-valuemax="100">
						@{{vm.PROGRESSO_CALC | number:2}}%
					</div>
				</div>

			</div>
		</div>

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

@overwrite