@extends('master')

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

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

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak style="height: 100%;">

    <input type="hidden" ng-init="vm.Parametro.DATA_PRODUCAO_TEXT = '{{ $data_producao }} 00:00:00';" />
    <input type="hidden" ng-init="vm.Parametro.FAMILIA_ID         = '{{ $familia_id }}';" />
    <input type="hidden" ng-init="vm.ESTABELECIMENTO_PADRAO = {{ $estabelecimento_padrao }};" />
    <input type="hidden" ng-init="vm.GP_PERFIL_PADRAO = {{ $gp_perfil_padrao }};" />
    <input type="hidden" ng-init="vm.GP_PADRAO = {{ $gp_padrao }};" />
    
    <style>
        #main-app {
            height: calc(100vh - 130px);
            min-width: 765px;
        }        
        
        .tab-content {
            height: calc(100vh - 170px);
        }
        
        .tab-content .tab-pane {
            height: 100%;
        }
        
        .modal-header .btn {
            font-size: 14px !important;
            padding: 4px !important;
        }        
    </style>

    <ul class="list-inline acoes">

        <li>
            <a class="btn btn-primary" data-hotkey="alt+p" ng-click="vm.winPopUp('/_22220/'+vm.Parametro.ConsultaGp.GP_ID,'consulta-programacao',{width:950,height:680})" >
                <span class="fa fa-calendar"></span>
                Programação
            </a>
            <a class="btn btn-default" data-hotkey="alt+r" ng-click="vm.winPopUp('/_22240/requisicao/'+vm.Parametro.ConsultaGp.GP_ID,'registrar-requisicao',{width:800,height:650})" >
                <span class="fa fa-tasks"></span>
                Reg. de Requisições
            </a>
            <a class="btn btn-default" data-hotkey="alt+s" ng-click="vm.winPopUp('/_22250/sobra?GP_ID='+vm.Parametro.ConsultaGp.GP_ID,'registrar-sobra',{width:900,height:595})" >
                <span class="fa fa-qrcode"></span>
                Reg. de Sobras
            </a>
            
            <a class="btn btn-default" data-hotkey="alt+c" style="background-color: #cefcce;" ng-click="vm.winPopUp('/_22580?GP='+vm.Parametro.ConsultaGp.GP_ID,'conferencia-placa',{width:950,height:680})" >
                <span class="fa fa-tasks"></span>
                Confe. de Placas
            </a>

            <a class="btn btn-info" data-hotkey="alt+d" href="/_22231" target="_blank">
                <span class="fa fa-bug"></span>
                Reg. de Prod. Defeituosos
            </a>

            <button class="btn btn-warning" ng-click="vm.TalaoCorte.modalShow()" data-hotkey="alt+i">
                <span class="glyphicon glyphicon-print"></span>
                Etiq. do Corte
            </button>
            
            <button class="btn btn-warning" ng-click="vm.TalaoCorte.modalShow2()" data-hotkey="alt+g">
                <span class="glyphicon glyphicon-print"></span>
                Etiq. EAN
            </button>

            <button class="btn btn-info" ng-click="vm.TalaoCorte.modalShow3()" data-hotkey="alt+h">
                <span class="glyphicon glyphicon-search"></span>
                Requisições
            </button>
        </li>

    </ul>    
    
    <style>
        #gp-destaque {
            position: fixed;
            right: 15px;
            background: rgb(234, 234, 234);
            padding: 10px;
            top: 55px;
            z-index: 99;
            border-radius: 7px;
            font-weight: bold;
            font-size: 28px !important;
            cursor: pointer;
        }
        
        #gp-destaque:hover {
            background: rgb(214, 214, 214);
        }
    </style>
    
    <div id="gp-destaque" ng-click="vm.Parametro.modalShow();" ttitle="Clique aqui para alterar o GP">
            @{{ vm.Parametro.ConsultaGp.GP_DESCRICAO }}
    </div>
    
    <div>
        <ul class="nav nav-tabs">
            <li class="active">
                <a data-toggle="tab" href="#tab-registro-producao">Registro de Produção</a>
            </li>
            <li>
                <a data-toggle="tab" href="#tab-consulta-talao">Consulta Talões</a>
            </li>                    
            <li>
                <a data-toggle="tab" href="#tab-eficiencia-producao">Reg. de Coleta</a>
            </li>                    
        </ul>    
        <div class="tab-content" style="height: calc(100vh - 125px);">
            <div id="tab-registro-producao" class="tab-pane in active">
                @include('ppcp._22210.index.tab-registro-producao.tab-registro-producao')
            </div>
            <div id="tab-consulta-talao" class="tab-pane in">
                @include('ppcp._22210.index.tab-consulta-talao')
            </div>
            <div id="tab-eficiencia-producao" class="tab-pane in">
                @include('ppcp._22210.index.tab-consulta-coleta.tab-consulta-coleta')
            </div>
        </div>
    </div>
    
    
    @include('ppcp._22210.index.modal-consulta-requisicao')
    @include('ppcp._22210.index.tab-registro-producao.modal-registrar-talao')
    @include('ppcp._22210.index.tab-consulta-coleta.modal-coleta-detalhe')
    @include('ppcp._22210.index.modal-consulta-producao')
    @include('ppcp._22210.index.modal-talao-corte-etiqueta')
    @include('ppcp._22210.index.modal-talao-corte-etiqueta2')

    @include('ppcp._22210.index.modal-parametro')
    
</div>
@endsection

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