@extends('master')

@section('titulo')
    {{ Lang::get('ppcp/_22680.titulo') }}
@endsection

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

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

	<ul class="list-inline acoes">    
		
		<li>
			<div class="dropdown" id="dropCompilado">
				<button
					id="dLabel"
					type="button"
					data-toggle="dropdown"
					data-hotkey="f2"
					class="btn btn-danger"
					ng-click="vm.RelatorioImpressao.focusItem($event);"
					ng-dbclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</button>
				<ul class="dropdown-menu multi-level" 
					role="menu" 
					aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
					<li tabindex="0" 
						ng-repeat="item in vm.FUNCIONALIDADES track by $index" 
						ng-keypress="$event.keyCode == 13 && item.FUNCAO();" 
						ng-keydown="vm.RelatorioImpressao.changeSelection($event)">
						<a ng-click="item.FUNCAO()" style="cursor: pointer;">
							<span class="@{{item.ICONE}}"></span> @{{item.NOME}}
						</a>
					</li>
				</ul>
			</div>
		</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.Relatorio.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
		
        <li>
            <button type="button" class="btn btn-warning " ng-click="vm.Relatorio.exportToCsvExec();">
                <span class="glyphicon glyphicon-save"></span>
                Exportar CSV
            </button>
		</li>
		
        <li>
            <button type="button" class="btn btn-warning " ng-click="vm.Relatorio.exportToXlsExec();">
                <span class="glyphicon glyphicon-save"></span>
                Exportar XLS
            </button>
        </li>
		
        <li>
            <button type="button" class="btn btn-warning " ng-click="vm.Relatorio.exportToHtmlExec();">
                <span class="glyphicon glyphicon-save"></span>
                Exportar HTML
            </button>
        </li>
		
        <li>
            <button type="button" class="btn btn-warning " ng-click="vm.TabelaPrincipal.imprimir();">
                <span class="glyphicon glyphicon-print"></span>
                Imprimir
            </button>
        </li>

		<li>
			<button ng-disabled="vm.Relatorio.DADOS.length <= 0" type="button" class="btn btn-primary " ng-click="vm.Relatorio.gerarProjecaoConsumo();">
				<span class="glyphicon glyphicon-share-alt"></span>
				Gerar Projeção de Consumo
			</button>
		</li>

		<li ng-if="{{ fn_sistema('22680_GERAR_REMESSA') }} == 1">
			<button ng-disabled="vm.Relatorio.DADOS.length <= 0" type="button" class="btn btn-primary " ng-click="vm.Relatorio.gerarRemessa();">
				<span class="glyphicon glyphicon-share-alt"></span>
				Gerar Remessa do Seamless
			</button>
		</li>

		<li ng-if="{{ fn_parametro('TBUSUARIO.GERAR_REMESSA_NECESSIDADE', Auth::user()->CODIGO) }} == 1">
			<button ng-disabled="vm.Relatorio.DADOS.length <= 0" type="button" class="btn btn-primary " ng-click="vm.RelatorioGerarRemessa.gerarRemessa();">
				<span class="glyphicon glyphicon-share-alt"></span>
				Gerar Remessa de Produção
			</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.Relatorio.consultar(1)" 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 style="display: contents;" class="consulta-estabelecimento"></div>
			<div style="display: contents;" class="consulta-localizacao">    </div>
			<div style="display: contents;" class="consulta-gp">		     </div>
			<div style="display: contents;" class="consulta-gp-etapa">		 </div>
			
			<br>

			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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.Filtro.TipoData" ng-change="vm.Filtro.apagar_filtro();"
						style="width: 158px; 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">Pedido Dt.Emissão</option>
						<option style="font-weight: 600;" value="2" ng-value="2">Pedido Dt.Cliente</option>
						<!--<option style="font-weight: 600;" value="3" ng-value="4">Nº Pedido</option>-->
					</select>
					<!--ng-change="vm.TabelaPrincipal.apagar();" ng-change="vm.TabelaPrincipal.apagar();"-->
					<input type="date" ng-if="vm.Filtro.TipoData != 4" style="width: 136px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro.DataInicio" ng-atalho ng-readonly="vm.Filtro.TipoData == 3">

					<input type="text" ng-if="vm.Filtro.TipoData == 4" ng-number-format="0" style="width: 136px; margin-left: 4px; margin-top: 4px;" 
						class="form-control filter_main text-right filtro_pedido1" ng-model="vm.Filtro.PedidoInicio" ng-readonly="vm.Filtro.TipoData == 3">

					<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input type="text" ng-if="vm.Filtro.TipoData == 4" ng-number-format="0" style="width: 136px; margin-left: 4px; margin-top: 4px;" 
						class="form-control filter_main text-right filtro_pedido2" ng-model="vm.Filtro.PedidoFim" ng-readonly="vm.Filtro.TipoData == 3">

					<input type="date" ng-if="vm.Filtro.TipoData != 4" style="width: 136px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro.DataFim" ng-atalho ng-readonly="vm.Filtro.TipoData == 3">
				</div>		 
			</div>

			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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.Filtro2.TipoData" ng-change="vm.Filtro2.apagar_filtro();"
						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">Histórico Dt.Emissão</option>
						<option style="font-weight: 600;" value="2" ng-value="2">Histórico Dt.Cliente</option>
					</select>
					<!--ng-change="vm.TabelaPrincipal.apagar();" ng-change="vm.TabelaPrincipal.apagar();"-->
					<input type="date" style="width: 136px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro2.DataInicio" ng-atalho ng-readonly="vm.Filtro2.TipoData == 3">
					<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input type="date" style="width: 136px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro2.DataFim" ng-atalho ng-readonly="vm.Filtro2.TipoData == 3">
					
					<!--
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Filtro2.STATUS == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.STATUS = (vm.Filtro2.STATUS == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.STATUS = (vm.Filtro2.STATUS == '1') ? '0' : '1'"
						 style="width: 95px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
						Média mensal
					</div>
					-->
					
				</div>		 
			</div>

			<div class="form-group">
				<label>Status de Pedidos:</label>
				<select class="form-control" ng-model="vm.Relatorio.SITUACAO_PEDIDO">
					<option value="0">Todos</option>
					<option value="1">Confirmados</option>
					<option value="2">Não Confirmados</option>
				</select>
			</div>

			<br>

			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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.Filtro3.TipoRemessa" ng-change="vm.Filtro3.apagar_filtro();"
						style="width: 210px; 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">Em Processo</option>
						<option style="font-weight: 600;" value="2" ng-value="2">Desconsiderar Em Processo</option>
					</select>
					<!--ng-change="vm.TabelaPrincipal.apagar();" ng-change="vm.TabelaPrincipal.apagar();"-->
					<input ng-if="vm.Filtro3.TipoRemessa == 1" type="date" style="width: 136px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro3.DataInicio" ng-atalho ng-readonly="vm.Filtro3.TipoData == 3">
					<label ng-if="vm.Filtro3.TipoRemessa == 1" style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input ng-if="vm.Filtro3.TipoRemessa == 1" type="date" style="width: 136px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.Filtro3.DataFim" ng-atalho ng-readonly="vm.Filtro3.TipoData == 3">
				</div>		 
			</div>
			
			<div ng-if="vm.Filtro3.TipoRemessa == 1" class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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;">
					
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Relatorio.AGRUPAR_EM_PROCESSO == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.AGRUPAR_EM_PROCESSO = (vm.Relatorio.AGRUPAR_EM_PROCESSO  == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.AGRUPAR_EM_PROCESSO = (vm.Relatorio.AGRUPAR_EM_PROCESSO == '1') ? '0' : '1'"
							style="width: 177px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
						Agrupar Em Processo 
					</div>
					
				</div>
			</div>
			
			<div ng-if="vm.Filtro3.TipoRemessa == 1" class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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;">
					
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Relatorio.EXIBIR_UNIDADES_PRODUTIVAS == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.EXIBIR_UNIDADES_PRODUTIVAS = (vm.Relatorio.EXIBIR_UNIDADES_PRODUTIVAS  == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.EXIBIR_UNIDADES_PRODUTIVAS = (vm.Relatorio.EXIBIR_UNIDADES_PRODUTIVAS == '1') ? '0' : '1'"
							style="width: 177px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
						Exibir Unidades Produtivas 
					</div>
					
				</div>
			</div>

			<br>

			<div class="form-group">
				<label>Visualização em tela:</label>
				<select class="form-control" ng-model="vm.Relatorio.TIPO_V_TELA">
					<option value="A">Tudo</option>
					<option value="D">Tudo com pedido</option>
					<option value="B">Com necessidade de produção</option>
					<option value="C">Com necessidade de estoque</option>
				</select>
			</div>

			<div class="form-group">
				<label>Perfil SKU:</label>
				<select class="form-control" ng-model="vm.Relatorio.TIPO_PERFIL_SKU">
					<option value="0">Todos</option>
					<option value="1">Somente Itens Com Perfil de SKU</option>
					<option value="2">Somente Itens Sem Perfil de SKU</option>
				</select>
			</div>

			<!--
			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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;">
					
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Relatorio.SO_NECESSIDADE == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.SO_NECESSIDADE = (vm.Relatorio.SO_NECESSIDADE == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.SO_NECESSIDADE = (vm.Relatorio.SO_NECESSIDADE == '1') ? '0' : '1'"
							style="width: 200px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
						Somente itens com necessidade
					</div>
					
				</div>		 
			</div>
			-->
			
			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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;">
					
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Relatorio.CALCULAR_PECAS_ALOCADAS == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.CALCULAR_PECAS_ALOCADAS = (vm.Relatorio.CALCULAR_PECAS_ALOCADAS  == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.CALCULAR_PECAS_ALOCADAS = (vm.Relatorio.CALCULAR_PECAS_ALOCADAS == '1') ? '0' : '1'"
						style="width: 177px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
						Subtrair Peças Alocadas 
					</div>
					
				</div>		 
			</div>

			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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;">
					
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Relatorio.CONSIDERAR_ESTOQUE_MINIMO == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.CONSIDERAR_ESTOQUE_MINIMO  = (vm.Relatorio.CONSIDERAR_ESTOQUE_MINIMO  == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.CONSIDERAR_ESTOQUE_MINIMO = (vm.Relatorio.CONSIDERAR_ESTOQUE_MINIMO == '1') ? '0' : '1'"
							style="width: 177px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
						Considerar Estoque Mínimo
					</div>
					
				</div>		 
			</div>

			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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;">
					
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Relatorio.CONSIDERAR_ESTOQUE == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.CONSIDERAR_ESTOQUE  = (vm.Relatorio.CONSIDERAR_ESTOQUE  == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.CONSIDERAR_ESTOQUE = (vm.Relatorio.CONSIDERAR_ESTOQUE == '1') ? '0' : '1'"
							style="width: 177px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
						Considerar Estoque Físico
					</div>
					
				</div>		 
			</div>
			
			<!--
			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; 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;">
					
					<input 
						style="margin-top: -5px; margin-left: 7px;"
						type="checkbox" 
						ng-checked="vm.Relatorio.VER_SUBTOTAL == '1'"
						ng-true-value="'1'"
						ng-false-value="'0'"
						ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.VER_SUBTOTAL  = (vm.Relatorio.VER_SUBTOTAL  == '1') ? '0' : '1'">

					<div ng-click="vm.Filtro2.apagar_filtro(); vm.Relatorio.VER_SUBTOTAL = (vm.Relatorio.VER_SUBTOTAL == '1') ? '0' : '1'"
							style="width: 197px; display: block; padding: 9px 0px 0px 3px; cursor: pointer;">
							Ver sub-total (Estoque - Pedidos)
					</div>
					
				</div>		 
			</div>
			-->

			<br>
			<div style="width: 680px;">

				<div style="width: 135px; float: left;">
					<ul id="tab" class="nav nav-tabs" role="tablist"> 
						<li  style="text-align: end;
								border: 1px solid #7e7979;
								border-radius: 5px 0px 0px 5px;
								border-right: 0px;
								background-color: #f1efef;
								margin-bottom: 3px;
								width: 100%;" 

							ng-if="param.VISIVEL == true"
							ng-click="vm.Relatorio.tabParanClick(param, '.consulta-g-' + param.TAG);"
							role="presentation"
							class="@{{$index == 0 ? 'active' : ''}} tab-detalhamento"
							ng-repeat="param in vm.Relatorio.CONSULTAS2  | orderBy:'ORDEM' track by $index">

							<a
								style=" padding: 8px 15px 9px 0px;
										float: right;
										border-radius: 5px 1px 1px 4px;
										width: calc(100% - 2px);
										border: 0px;
										font-weight: bold;
										height: 35px;
										margin-right: -2px;" 
								ng-style="{ 'height' : param.TYPE_LIST == true ? '65px' : '35px' }" 
								href="#@{{param.PARAMETRO}}-container" id="@{{param.PARAMETRO}}-tab" data-hotkey="alt+@{{$index+1}}" role="tab" data-toggle="tab" aria-controls="@{{param.PARAMETRO}}-container" aria-expanded="true">
							
								<label ng-if="(param.TTITLE+'').length == 0">@{{param.DESCRICAO}}</label>
								<label ttitle="@{{param.TTITLE}}" ng-if="(param.TTITLE+'').length > 0">@{{param.DESCRICAO}}</label>

								<span ttitle="Somente os registros listados" ng-show="param.STATUS == 1 && param.ITENS.length > 0" ng-click="param.STATUS = ( param.STATUS == 1 ? 0 : 1 )" 
									class="glyphicon glyphicon-ok-circle" style="cursor: pointer; color: green;" data-toggle="tooltip" data-base-title="Somente os registros listados" 
									data-original-title="Somente os registros listados"></span>
								<span ttitle="Exceto os registros listados" ng-show="param.STATUS == 0 && param.ITENS.length > 0" ng-click="param.STATUS = ( param.STATUS == 1 ? 0 : 1 )" 
									class="glyphicon glyphicon-remove-circle" style="cursor: pointer; color: red;" data-toggle="tooltip" data-base-title="Exceto os registros listados" 
									data-original-title="Exceto os registros listados"></span>

								<!-- <select style="margin: -5px; max-width: 150px; font-size: 6pt !important;" ng-model="param.VALOR_PADRAO" ng-change="vm.changeDadosFichaProcesso(param, $event)" ng-if="param.TYPE_LIST == true">
									<option ng-value="'0'">- SELECIONE -</option>
									<option ng-repeat="item in param.DADOS_REGISTRO_PAI track by $index" ng-value="item.TIPO">@{{ item.TIPO }}</option>
								</select> -->
							</a>
						</li>
					</ul>

				</div>

				<div  style="width: calc(100% - 136px);
							float: right;
							padding: 5px;
							border: 1px solid #7e7979;
							border-radius: 0px 4px 5px 5px;
							background-color: #ffffff;">

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

						<div
							ng-repeat="param in vm.Relatorio.CONSULTAS2 | orderBy:'ORDEM' track by $index"
							role="tabpanel" class="tab-item-aconsulta tab-pane @{{$index == 0 ? 'active' : ''}}"
							id="@{{param.PARAMETRO}}-container" 
							aria-labelledby="@{{param.PARAMETRO}}-tab">
							<div style="display: flex;">
								<div class="@{{param.TAG}} consulta-multipla" id="@{{param.TAG}}"></div>
								<div class="form-group" style="margin-left: -13px;">
									<button type="button" ng-click="vm.Relatorio.abrirConsultaMultipla(param,$index,'CONSULTAS2')" 
										class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span></button>
								</div>
							</div>
							<div class="table-ec table-scroll" style="height: 200px;" >
								<table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low tabelaJS">
									<thead>
										<tr>
											<th scope="col" ng-repeat="campo in param.Consulta.option.campos_tabela track by $index">@{{campo[1]}}</th>
											<th style="width: 50px;"></th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="item in param.ITENS"
											ng-keydown="vm.Relatorio.atalhoTabelaItenParan(item, '.consulta-g-' + param.TAG, $event)"
											ng-focus="param.SELECTED = item;"
											ng-class="{ 'selected' : param.SELECTED == item }"
											tabindex="0">
											<th ng-repeat="campo in param.Consulta.option.campos_tabela track by $index">@{{item[campo[0]]}}</th>
											<th  style="width: 50px; padding: 3px;">
												<button
													type="button"
													class="btn btn-sm btn-danger "
													style="margin-left: 6px;"
													data-toggle="dropdown"
													aria-expanded="false"
													ng-disabled="param.Consulta.usuario_vinculado == true"
													ng-click="vm.Relatorio.removerItemTabelaParan(item, param.ITENS);">
													<span class="glyphicon glyphicon-trash"></span>
												</button>
											</th>
										</tr>
									</tbody>
								</table>
							</div>
						</div>

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

			<div style="width: 680px;">

				<div  style="width: 175px; float: left;">
					<ul id="tab" class="nav nav-tabs" role="tablist"> 
						<li  style="text-align: end;
								border: 1px solid #7e7979;
								border-radius: 5px 0px 0px 5px;
								border-right: 0px;
								background-color: #f1efef;
								margin-bottom: 3px;
								width: 100%;" 

							ng-if="param.VISIVEL == true"
							ng-click="vm.Relatorio.tabParanClick(param, '.consulta-g-' + param.TAG);"
							role="presentation"
							class="@{{$index == 0 ? 'active' : ''}} tab-detalhamento"
							ng-repeat="param in vm.Relatorio.CONSULTAS  | orderBy:'ORDEM' track by $index">
		
							<a
								style=" padding: 8px 15px 9px 0px;
										float: right;
										border-radius: 5px 1px 1px 4px;
										width: calc(100% - 2px);
										border: 0px;
										font-weight: bold;
										height: 35px;
										margin-right: -2px;" 
								ng-style="{ 'height' : param.TYPE_LIST == true ? '65px' : '35px' }" 
								href="#@{{param.PARAMETRO}}-container" id="@{{param.PARAMETRO}}-tab" data-hotkey="alt+@{{$index+1}}" role="tab" data-toggle="tab" aria-controls="@{{param.PARAMETRO}}-container" aria-expanded="true">
							
								<label ng-if="(param.TTITLE+'').length == 0">@{{ param.DESCRICAO }}</label>
								<label ttitle="@{{param.TTITLE}}" ng-if="(param.TTITLE+'').length > 0">@{{ param.DESCRICAO }}</label>

								<span ttitle="Somente os registros listados" ng-show="param.STATUS == 1 && param.ITENS.length > 0" ng-click="param.STATUS = ( param.STATUS == 1 ? 0 : 1 )" 
									class="glyphicon glyphicon-ok-circle" style="cursor: pointer; color: green;" data-toggle="tooltip" data-base-title="Somente os registros listados" 
									data-original-title="Somente os registros listados"></span>
								<span ttitle="Exceto os registros listados" ng-show="param.STATUS == 0 && param.ITENS.length > 0" ng-click="param.STATUS = ( param.STATUS == 1 ? 0 : 1 )" 
									class="glyphicon glyphicon-remove-circle" style="cursor: pointer; color: red;" data-toggle="tooltip" data-base-title="Exceto os registros listados" 
									data-original-title="Exceto os registros listados"></span>

								<select style="margin: -5px; max-width: 150px; font-size: 6pt !important;" ng-model="param.VALOR_PADRAO" ng-change="vm.changeDadosFichaProcesso(param, $event)" ng-if="param.TYPE_LIST == true">
									<option ng-value="'0'">- SELECIONE -</option>
									<option ng-repeat="item in param.DADOS_REGISTRO_PAI track by $index" ng-value="item.TIPO">@{{ item.TIPO }}</option>
								</select>
							</a>
						</li>
					</ul>
		
				</div>
		
				<div style="width: calc(100% - 175px);
							float: right;
							padding: 5px;
							border: 1px solid #7e7979;
							border-radius: 0px 4px 5px 5px;
							background-color: #ffffff;">
		
					<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px); padding: 3px; border: 0px;">
		
						<div
							ng-repeat="param in vm.Relatorio.CONSULTAS | orderBy:'ORDEM' track by $index"
							role="tabpanel" class="tab-item-aconsulta tab-pane @{{$index == 0 ? 'active' : ''}}"
							id="@{{param.PARAMETRO}}-container" 
							aria-labelledby="@{{param.PARAMETRO}}-tab">
							
							<div style="display: flex;">
								<div class="@{{param.TAG}} consulta-multipla" id="@{{param.TAG}}"></div>
								<div class="form-group" style="margin-left: -13px;">
									<button type="button" ng-click="vm.Relatorio.abrirConsultaMultipla(param,$index,'CONSULTAS')" 
										class="btn btn-primary"><span class="glyphicon glyphicon-plus"></span></button>
								</div>
							</div>
		
							<div class="table-ec table-scroll" style="height: 200px;" >
								<table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low tabelaJS">
									<thead>
										<tr>
											<th scope="col" ng-repeat="campo in param.Consulta.option.campos_tabela track by $index">@{{campo[1]}}</th>
											<th style="width: 50px;"></th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="item in param.ITENS"
											ng-keydown="vm.Relatorio.atalhoTabelaItenParan(item, '.consulta-g-' + param.TAG, $event)"
											ng-focus="param.SELECTED = item;"
											ng-class="{ 'selected' : param.SELECTED == item }"
											tabindex="0">
											<th ng-repeat="campo in param.Consulta.option.campos_tabela track by $index">@{{item[campo[0]]}}</th>
											<th  style="width: 50px; padding: 3px;">
												<button
													type="button"
													class="btn btn-sm btn-danger "
													style="margin-left: 6px;"
													data-toggle="dropdown"
													aria-expanded="false"
													ng-disabled="param.Consulta.usuario_vinculado == true"
													ng-click="vm.Relatorio.removerItemTabelaParan(item, param.ITENS);">
													<span class="glyphicon glyphicon-trash"></span>
												</button>
											</th>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
		
					</div>
				</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_itens">

		<div style="padding: 10px 10px 0px 10px;" class="alert  alert-warning" role="alert" id="lista_remessa_processo" ng-if="{{fn_sistema('22680_GERAR_REMESSA')}} == 1 && vm.Relatorio.REMESSAS_PROCESSO.length > 0">

			<div ng-repeat="remessa in vm.Relatorio.REMESSAS_PROCESSO" class="alert alert-success" role="alert" style=" margin-bottom: 10px; margin-right:10px; padding: 5px; display: inline-block;"> 
				<button ng-click="vm.Relatorio.abriRemessa(remessa);" style="margin: 0px; padding: 6px;" type="button" class="btn btn-default navbar-btn"><span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span></button>
				<strong>@{{remessa.USUARIO}} em @{{remessa.DATA_HORA}}, Qtd: @{{remessa.QUANTIDADE | number:0}}</strong>
				<button ng-click="vm.Relatorio.excluirRemessa(remessa);" style="margin: 0px; padding: 6px;" type="button" class="btn btn-danger navbar-btn"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
			</div>

		</div>

		<div class="tabela_principal" id="tabela_principal" style="margin-right: 10px; margin-left: 15px;"></div>

		<!--
			<div class="table-ec table-scroll" style="height: calc(100vh - 150px); min-height: 200px; overflow-anchor: none;">			
				<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
					<thead>
						<tr gc-order-by="vm.Relatorio.ORDER_BY">
							<th field="MODELO_DESCRICAO">Modelo</th>							
							<th field="COR_DESCRICAO">Cor</th>
							<th field="TAMANHO">Tamanho</th>
							<th style="text-align: right;" field="ESTOQUE">Estoque</th>
							<th style="text-align: right;" field="PEDIDO">Pedido</th>
							<th style="text-align: right;" field="HISTORICO">Histórico</th>
							<th style="text-align: right;" field="etapa.CAMPO" ng-repeat="etapa in vm.Relatorio.ETAPAS" >@{{ etapa.DESCRICAO }}</th>
							<th style="text-align: right;" field="NECESSIDADE">Necessidade</th>
						</tr>
					</thead>
					<tbody vs-repeat vs-scroll-parent=".table-ec">

						<tr ng-repeat="item in vm.Relatorio.DADOS_RENDER = ( vm.Relatorio.DADOS | orderBy : vm.Relatorio.ORDER_BY ) track by $index" tabindex="0">
							<td>
								<span>
									@{{ item.MODELO_ID }} - @{{ item.MODELO_DESCRICAO }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.COR_ID }} - @{{ item.COR_DESCRICAO }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.TAMANHO }}
								</span>
							</td>
							<td style="text-align: right;">
								<span>
									@{{ item.ESTOQUE | number:2 }}
								</span>
							</td>
							<td style="text-align: right;">
								<span>
									@{{ item.PEDIDO | number:2 }}
								</span>
							</td>
							<td style="text-align: right;">
								<span>
									@{{ item.HISTORICO | number:2 }}
								</span>
							</td>
							<td style="text-align: right; background-color: #d4ffc1;" ng-repeat="etapa in item.ETAPAS | orderBy : 'ID'">
								<span>
									@{{ etapa.EM_PRODUCAO | number:2 }}
								</span>
							</td>
							<td style="text-align: right;">
								<span>
									@{{ item.NECESSIDADE | number:2 }}
								</span>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		-->
	</div>

	@include($menu.'.modal.progresso')
	@include($menu.'.modal.remessa')
	@include($menu.'.modal.ConsultaMultipla')
	@include($menu.'.modal.RelatorioGerarRemessa')
	@include($menu.'.modal.RelatorioDetalhe')
	@include($menu.'.modal.RelatorioDetalheAlterarItem')	
	@include($menu.'.modal.RelatorioDetalheColunas')	
	@include($menu.'.modal.RelatorioColunasConf')
	@include($menu.'.modal.RelatorioProducaoEtapa')

</div>
@endsection

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