@extends('master')

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

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

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

    @php $tipo          = isset($_GET['TIPO'])          ? $_GET['TIPO']         : '1'
    @php $remessas      = isset($_GET['REMESSAS'])      ? $_GET['REMESSAS']     : ''
    @php $pedidos       = isset($_GET['PEDIDOS'])       ? $_GET['PEDIDOS']      : ''
    @php $conferencia   = isset($_GET['CONFERENCIA'])   ? $_GET['CONFERENCIA']  : ''

    <input type="hidden" class="_tipo_tela"             value="{{$tipo}}">
    <input type="hidden" class="_remessas_list"         value="{{$remessas}}">
    <input type="hidden" class="_pedidos_list"          value="{{$pedidos}}">
    <input type="hidden" class="_estabelecimento_list"  value="{{json_encode($ESTABELECIMENTO)}}">
    <input type="hidden" class="_modelos_list"          value="{{json_encode($MODELOS)}}">
    <input type="hidden" class="_conferencia_list"      value="{{json_encode($conferencia)}}">
    <input type="hidden" class="_itens_list"            value="{{$ITENS}}">
    

	<ul class="list-inline acoes">    

        <li ng-if="vm.tipo_tela == 1">
            <button type="button" class="btn btn-primary btn-incluir" 
                data-hotkey="f6" 
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.incluir(false)">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </li>

        <li ng-if="vm.tipo_tela == 1">
			<div class="dropdown" id="dropCompilado">
				<button
					type="button"
					data-toggle="dropdown"
					data-hotkey="f7"
					class="btn btn-primary"
					ng-click="vm.ProjecaoItens.focusItem($event);"
					ng-dbclick="$event.stopPropagation();">
					<span class="glyphicon glyphicon-import"></span> Importar
				</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.ProjecaoItens.changeSelection($event)">
						<a ng-click="item.FUNCAO()" style="cursor: pointer;">
							<span class="@{{ item.ICONE }}"></span> @{{ item.NOME }}
						</a>
					</li>
				</ul>
			</div>
		</li>

        <li ng-if="vm.tipo_tela == 1">
            <button type="button" class="btn btn-primary" 
                data-hotkey="f8" ng-disabled="vm.Projecao.TIPO_ETIQUETA != 1"
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.incluir(true);">
                <span class="glyphicon glyphicon-import"></span> Gerar RFID 
            </button>
        </li>

        <li ng-if="vm.tipo_tela == 1">
            <button type="button" class="btn btn-danger" 
                data-hotkey="f12" ng-disabled="vm.TabelaPrincipal.DADOS.length == 0" 
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.excluirTudo();">
                <span class="glyphicon glyphicon-trash"></span> Excluir Tudo
            </button>
        </li>

        <li>
            <button type="button" class="btn btn-warning" 
                data-hotkey="f2" ng-disabled="vm.TabelaPrincipal.DADOS.length == 0" 
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.validarConsultas(); vm.Projecao.calcularProjeao();">
                <span class="glyphicon glyphicon-print"></span> Imprimir
            </button>
        </li>
        
        <!-- <li  ng-if="vm.tipo_tela == 1">
            <button  type="button" class="btn btn-info" 
                data-hotkey="alt+5"
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.importarPedido()">
                <span class="glyphicon glyphicon-import"></span> Importar de Pedido
            </button>
        </li>

        <li  ng-if="vm.tipo_tela == 1">
            <button type="button" class="btn btn-info" 
                data-hotkey="alt+6"
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.importarRemessa()">
                <span class="glyphicon glyphicon-import"></span> Importar de Remessa
            </button>
        </li>

        <li  ng-if="vm.tipo_tela == 1">
            <button type="button" class="btn btn-info" 
                data-hotkey="alt+7"
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.importarCsv()">
                <span class="glyphicon glyphicon-import"></span> Importar de CSV
            </button>
        </li>

        <li  ng-if="vm.tipo_tela == 1">
            <button type="button" class="btn btn-info" 
                data-hotkey="alt+8"
                ng-click="vm.Projecao.validarEstab(); vm.Projecao.importarTalao()">
                <span class="glyphicon glyphicon-import"></span> Importar de Talão
            </button>
        </li> -->

        <!-- <li  ng-if="vm.tipo_tela == 1">

            <div class="form-group" style="margin-bottom: -18px;">
                <div class="input-group">
                    <select 
                        name="repeatSelect" 
                        id="repeatSelect"  
                        ng-model="vm.Projecao.TIPO_ETIQUETA" 
                        ng-disabled="vm.TabelaPrincipal.DADOS.length > 0">
                        <option ng-value="1">Etiqueta de SKU</option>
                        <option ng-value="2">Etiqueta de Composição</option>
                    </select>
                </div>
            </div>

        </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.Projecao.consultar(1)" class="form-inline" ng-if="false">		
        <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: inline-flex;" class="consulta-estabelecimento"></div>
            <br>
        </div>
    </form>

    <fieldset>
        <legend>Parâmetros</legend>
        
        <div role="tabpanel" class="tab-pane active in" id="tab0-container" name="" aria-labelledby="tab0-tab">
            <div class="row" style="margin-right: 0px; margin-left: 0px; display: inline-flex;">

                <div style="display: inline-block; margin-top: 8px;">

                    <div style="display: inline-flex;" class="consulta-etiqueta"></div>

                    <div class="form-group" style="display: inline-grid;" ng-show="vm.Projecao.TIPO_ETIQUETA > -1 && vm.Projecao.TIPO_ETIQUETA == 2">
                        <label ttile="Peça que deseja que seja imprimida, caso o modelo tenho Nr. de Peças maior que 1">Peça:</label>
                        <div class="input-group">
                            <input 
                                type="text" 
                                class="form-control input-menor nr-peca-etq" 
                                ng-number-format="0" 
                                min="1" 
                                max="999999" 
                                step="1" 
                                ng-model="vm.Projecao.NR_PECA" 
                                style="text-align: right;">
                            <button type="button" class="btn btn-primary" ng-click="vm.Projecao.atualizarNrPecasModelos();" ttitle="Atualiza Peça nos Modelos, se Nr. de Peças cadastrado no modelo for maior que 1" style="height: 34px; border-radius: 0px 4px 4px 0px; border-left: solid 1px transparent; border-left-color: transparent;">
                                <span class="glyphicon glyphicon-refresh"></span>
                            </button>
                        </div>
                    </div>

                    <div class="form-group" style="display: inline-grid;" ng-show="vm.Projecao.TIPO_ETIQUETA > -1 && vm.Projecao.TIPO_ETIQUETA != 2">
                        <label title="Pular uma linha de etiquetas durante a impressão">Quebra de Etiqueta:</label>
                        <select 
                            class="form-control" 
                            style="width: 200px;"
                            ng-model="vm.Projecao.TIPO_QUEBRA">
                            <option ng-value="1">Nunca</option>
                            <option ng-value="2">Quando trocar o modelo</option>
                            <option ng-value="3">Quando trocar o modelo/Cor</option>
                            <option ng-value="4">Quando trocar o modelo/Cor/Tamanho</option>
                        </select>
                    </div>

                    <div class="form-group" style="display: inline-grid;" ng-show="vm.Projecao.VISIBLE_D == true">
                        <label ttitle="O valor pode ir de -30 a 30.">Densidade:</label>
                        <input 
                                type="text" 
                                class="form-control input-menor densidade-etq" 
                                ng-number-format="0" 
                                min="-30" 
                                max="30" 
                                step="1" 
                                ng-model="vm.Projecao.DENSIDADE_ETQ" 
                                ng-show="vm.Projecao.VISIBLE_V == true" 
                                style="text-align: right;">
                        <div class="input-group" ng-show="vm.Projecao.VISIBLE_V == false">
                            <input 
                                type="text" 
                                class="form-control input-menor densidade-etq" 
                                ng-number-format="0" 
                                min="-30" 
                                max="30" 
                                step="1" 
                                ng-model="vm.Projecao.DENSIDADE_ETQ" 
                                style="text-align: right;">
                            <button type="button" class="btn btn-primary" ng-click="vm.Projecao.atualizarDensidadeVelocidadeEtq();" ng-disabled="vm.Projecao.VISIBLE_D == false && vm.Projecao.VISIBLE_V == false" ttitle="Atualiza Informações de Densidade e Velocidade da Etiqueta" style="height: 34px; border-radius: 0px 4px 4px 0px; border-left: solid 1px transparent; border-left-color: transparent;">
                                <span class="glyphicon glyphicon-refresh"></span>
                            </button>
                        </div>
                    </div>

                    <div class="form-group" style="display: inline-grid;" ng-show="vm.Projecao.VISIBLE_V == true">
                        <label ttitle="Velocidade pode ser passada com números ou letras. Configuração por letras: <br>A - 50 mm/s <br>B - 70 mm/s <br>C - 100 mm/s <br>D - 150 mm /s">Velocidade:</label>
                        <div class="input-group">
                            <input 
                                type="text"
                                class="form-control input-menor velocidade-etq" 
                                ng-model="vm.Projecao.VELOCIDADE_ETQ"
                                maxlength="10">
                            <button type="button" class="btn btn-primary" ng-click="vm.Projecao.atualizarDensidadeVelocidadeEtq();" ng-disabled="vm.Projecao.VISIBLE_D == false && vm.Projecao.VISIBLE_V == false" ttitle="Atualiza Informações de Densidade e Velocidade da Etiqueta" style="height: 34px; border-radius: 0px 4px 4px 0px; border-left: solid 1px transparent; border-left-color: transparent;">
                                <span class="glyphicon glyphicon-refresh"></span>
                            </button>
                        </div>
                    </div>


                    <div class="form-group"
                        ng-show="vm.Projecao.VISIBLE_TABPRECO == true || vm.Projecao.VISIBLE_CLIENTE == true"  
                        style="display: inline-grid; border: solid 1px #000; margin: 0px 5px -60px 5px; height: 70px;">
                    </div>


                    <div style="display: inline-grid;" class="consulta-tabela-preco" ng-show="vm.Projecao.VISIBLE_TABPRECO == true"></div>

                    <div style="display: inline-grid;" class="consulta-cliente" ng-show="vm.Projecao.VISIBLE_CLIENTE == true"></div>

                </div>

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

    <fieldset>
        <legend> Modelos</legend>
        
        <div >
            <div class="tabela_principal" id="tabela_principal"></div>
        </div>
    </fieldset>
    
    <!--
    <ul id="tab" class="nav nav-tabs" role="tablist"> 

        <li role="presentation" class="active tab-detalhamento" ng-click="vm.Projecao.focoTabela0()">
			<a href="#tab0-container" id="tab0-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab0-container" aria-expanded="true">
				Parametros
			</a>
        </li>
        
		<li role="presentation" class="tab-detalhamento" ng-click="vm.Projecao.focoTabela1()">
			<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				Modelos
			</a>
		</li>
        
	</ul>

    <div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);">
    
        <div role="tabpanel" class="tab-pane active in" id="tab0-container" name="" aria-labelledby="tab0-tab" style="height: 100%; overflow:auto;">
            <div class="row" style="margin-right: 0px; margin-left: 0px; height: calc(100vh - 200px); display: inline-flex;">
            
                <div class="tab-paran1" style="display: none;">
                    <h4 style="margin: 0px;">Parametros</h4>
                </div>

                <div style="display: inline-block; margin-top: 8px;">

                    <div style="display: inline-flex;" class="consulta-estabelecimento"></div> 
                    <div style="display: inline-flex;" class="consulta-tabela-preco"></div>
                    <div style="display: inline-flex;" class="consulta-etiqueta"></div>
                    
                </div>

                <div class="modal-footer confirme-footer tab-paran2" style="display: none;">  
                    <button ng-click="vm.Projecao.validarConsultas(); vm.Projecao.confirmarProjecao()" type="button" class="btn btn-warning" data-hotkey="f2">
                        <span class="glyphicon glyphicon-print"></span> Imprimir
                    </button>  
                </div>

			</div>
        </div>
        
		<div role="tabpanel" class="tab-pane" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
            <div class="row" style="margin-right: 0px; margin-left: 0px;">
            
                <div style="margin-bottom: 5px; display: inline-flex;"  ng-if="vm.tipo_tela == 1">
                    <div class="form-group" style="margin-right: 5px; margin-bottom: 0px;">
                        <button  type="button" class="btn btn-info" 
                            data-hotkey="alt+5"
                            ng-click="vm.Projecao.validarEstab(); vm.Projecao.importarPedido()">
                            <span class="glyphicon glyphicon-import"></span> Importar de Pedido
                        </button>
                    </div>

                    <div class="form-group" style="margin-right: 5px; margin-bottom: 0px;">
                        <button type="button" class="btn btn-info" 
                            data-hotkey="alt+6"
                            ng-click="vm.Projecao.validarEstab(); vm.Projecao.importarRemessa()">
                            <span class="glyphicon glyphicon-import"></span> Importar de Remessa
                        </button>
                    </div>

                    <div class="form-group" style="margin-right: 5px; margin-bottom: 0px;">
                        <button type="button" class="btn btn-info" 
                            data-hotkey="alt+7"
                            ng-click="vm.Projecao.validarEstab(); vm.Projecao.importarCsv()">
                            <span class="glyphicon glyphicon-import"></span> Importar de CSV
                        </button>
                    </div>

                    <div class="form-group" style="margin-right: 5px; margin-bottom: 0px;">
                        <button ng-click="vm.Projecao.validarEstab(); vm.Projecao.excluirTudo()" ng-disabled="vm.TabelaPrincipal.DADOS.length == 0" type="button" class="btn btn-danger" data-hotkey="f12">
                            <span class="glyphicon glyphicon-trash"></span> Excluir Tudo
                        </button>
                    </div>
                </div>

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

    </div>
    -->

    <div class="tab-paran" style="display: none;"></div>
	
    @include($menu.'.modal.Projecao')
	@include($menu.'.modal.ProjecaoItens')
	@include($menu.'.modal.Relatorio')
	@include($menu.'.modal.progresso')
	@include($menu.'.modal.importarTalao')
	@include($menu.'.modal.modalRFID')
    @include('helper.include.view.ImportarArquivos')
    @include('helper.include.view.ImportarConfirmar')
    
</div>
@endsection

@section('script')

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