@include('ppcp._22610.index.tab-registro-producao.registro-producao', ['DESCRICAO' => '', 'HEIGHT' => '', 'TIPO' => 0])    
    
    <div class="table-ec" style="height: calc(100vh - 330px);">
        <table class="table table-striped table-bordered table-hover table-condensed table-middle table-ficha" style="border-collapse: separate;" tabindex="0" ng-keydown="vm.Eficiencia.tableKeydown($event)">
            <thead>
                <tr>
                    <th class="wid-descricao col-left-fixed-1" rowspan="2">UP</th>
                    <th 
                        tabindex="0"
                        class="text-center" 
                        colspan="4"
                        ng-repeat="hora in vm.Eficiencia.DADOS.HORAS | filter : {TURNO : vm.Eficiencia.TURNO == 0 ? '' : vm.Eficiencia.TURNO}"
                        hora-corrente="@{{ hora.AGORA }}"
                        ng-class="{'agora':hora.AGORA==1 && vm.Parametro.DATA_PRODUCAO+'' == vm.Eficiencia.DATA+''}">@{{ hora.HORARIO_DESCRICAO }}</th>
                    <th class="text-right col-right-fixed-1" style="right: 254px;" rowspan="2">Meta Dia</th>
                    <th class="text-right col-right-fixed-1" style="right: 184px;" rowspan="2">Prod. Dia</th>
                    <th class="text-right col-right-fixed-1" style="right: 126px;" rowspan="2">Dif. Dia</th>
                    <th class="text-right col-right-fixed-1" style="right: 62px;"  rowspan="2">Efic. Dia</th>
                    <th class="text-right col-right-fixed-1" style="right: 0px;"   rowspan="2">Def. Dia</th>
                </tr>
                <tr class="tr-fixed-2">
                    <th 
                        ng-repeat-start="hora in vm.Eficiencia.DADOS.HORAS | filter : {TURNO : vm.Eficiencia.TURNO == 0 ? '' : vm.Eficiencia.TURNO}"
                        class="text-right" ng-class="{'agora':hora.AGORA==1 && vm.Parametro.DATA_PRODUCAO+'' == vm.Eficiencia.DATA+''}">Meta</th>
                    <th class="text-right" ng-class="{'agora':hora.AGORA==1 && vm.Parametro.DATA_PRODUCAO+'' == vm.Eficiencia.DATA+''}">Prod.</th>

                    <th class="text-right" ng-if="vm.Eficiencia.MOSTRAR_PERC_EFIC == 2" ng-class="{'agora':hora.AGORA==1 && vm.Parametro.DATA_PRODUCAO+'' == vm.Eficiencia.DATA+''}">Dif.</th>
                    <th class="text-right" ng-if="vm.Eficiencia.MOSTRAR_PERC_EFIC == 1" ng-class="{'agora':hora.AGORA==1 && vm.Parametro.DATA_PRODUCAO+'' == vm.Eficiencia.DATA+''}">Efic.</th>

                    <th class="text-right" ng-class="{'agora':hora.AGORA==1 && vm.Parametro.DATA_PRODUCAO+'' == vm.Eficiencia.DATA+''}" 
                        ng-repeat-end>Def.</th>
                </tr>
            </thead>                        
            <tbody>
                <tr ng-repeat="gp in vm.Eficiencia.DADOS.GPS" ng-class="{'gp-selected' : gp.GP_ID == vm.Parametro.ConsultaGp.GP_ID}">
                    <td tabindex="0" id="gp-@{{ $index }}" style="white-space: nowrap;" class="wid-descricao col-left-fixed-1">@{{ gp.GP_DESCRICAO }}</td>
                    <td class="text-right" ng-repeat-start="item in gp.FILTERED" ng-class-odd="'col-odd'">
                        <span>@{{ item.PREVISAO_HORARIA | number : 0 }}</span>
                    </td>
                    <td class="text-right selectable-item" ng-click="vm.ConsultaProducao.consultar(item,gp.FILTERED[0])" ng-class-odd="'col-odd'">
                        <span>@{{ item.PRODUCAO | number : 0 }}</span>
                    </td>

                    <td ng-if="vm.Eficiencia.MOSTRAR_PERC_EFIC == 2" class="text-right" ng-class-odd="'col-odd'">
                        <span 
                            ng-if="item.PRODUCAO != null" 
                            ng-class="item.PRODUCAO >= item.PREVISAO_HORARIA ? 'positive-value' : 'negative-value'"
                            >@{{ item.PRODUCAO - item.PREVISAO_HORARIA | number : 0 }}</span>
                    </td>
                    
                    <td ng-if="vm.Eficiencia.MOSTRAR_PERC_EFIC == 1" class="text-right" ng-class-odd="'col-odd'">
                        <span
                            style="color: @{{item.COR_EFICIENCIA}};"
                            ng-if="item.PRODUCAO != null"
                            ng-class="item.PERC_EFICIENCIA >= item.EFICIENCIA ? 'positive-value' : 'negative-value'"
                            >@{{ item.PERC_EFICIENCIA | number : 2 }}%</span>
                    </td>

                    <td class="text-right" ng-repeat-end ng-class-odd="'col-odd'">
                        <span 
                            title="@{{ (item.DEFEITO / item.PRODUCAO) * 100 | number: 2 }}%"
                            ng-if="item.PRODUCAO != null" 
                            ng-class="((item.DEFEITO / item.PRODUCAO) <= (vm.Eficiencia.DEFEITO_PERCENTUAL/100)) ? 'positive-value' : 'negative-value'"
                            >@{{ item.DEFEITO | number : 0 }}</span>                    
                    </td> 
                    <td style="right: 254px; background-color: #eaeaea; color: #000;" class="text-right col-right-fixed-1">@{{ gp.PREVISAO | number : 0 }}</td>
                    <td style="right: 184px; background-color: #eaeaea; color: #000;" class="text-right col-right-fixed-1 selectable-item" ng-click="vm.ConsultaProducao.consultar(gp.FILTERED[gp.FILTERED.length-1],gp.FILTERED[0])">@{{ gp.PRODUCAO | number : 0 }}</td>
                    <td style="right: 126px; background-color: #eaeaea; color: #000;" class="text-right col-right-fixed-1">@{{ gp.PRODUCAO - gp.PREVISAO | number : 0 }}</td>
                    <td style="right: 62px; background-color: #eaeaea; color: @{{gp.COR_EFICIENCIA}}" class="text-right col-right-fixed-1" ng-class="gp.PERC_EFICIENCIA >= gp.EFICIENCIA ? 'positive-value' : 'negative-value'">@{{ gp.PERC_EFICIENCIA | number : 2 }}%</td>
                    <td style="right: 0px; background-color: #eaeaea; color: #000;" class="text-right col-right-fixed-1">@{{ gp.DEFEITO | number : 0 }}</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td class="wid-descricao col-left-fixed-1">Total</td>
                    <td 
                        class="text-right" 
                        ng-repeat-start="item in vm.Eficiencia.DADOS.HORAS | filter : {TURNO : vm.Eficiencia.TURNO == 0 ? '' : vm.Eficiencia.TURNO}">@{{ item.PREVISAO | number : 0 }}</td>
                    <td class="text-right selectable-item" ng-click="vm.ConsultaProducao.consultar(item,vm.Eficiencia.DADOS.HORAS[0])">@{{ item.PRODUCAO | number : 0 }}</td>
                    
                    <td ng-if="vm.Eficiencia.MOSTRAR_PERC_EFIC == 2" class="text-right">
                        <span 
                            ng-if="item.PRODUCAO != null" 
                            ng-class="item.PRODUCAO >= item.PREVISAO ? 'positive-value' : 'negative-value'"
                            >@{{ item.PRODUCAO - item.PREVISAO | number : 0 }}</span>
                    </td>

                    <td ng-if="vm.Eficiencia.MOSTRAR_PERC_EFIC == 1" class="text-right">
                        <span 
                            style="color: @{{item.COR_EFICIENCIA}};"
                            ng-if="item.PRODUCAO != null" 
                            ng-class="item.PERC_EFICIENCIA >= item.EFICIENCIA ? 'positive-value' : 'negative-value'"
                            >@{{ item.PERC_EFICIENCIA | number : 2 }}%</span>
                    </td>

                    <td class="text-right" ng-repeat-end>
                        <span 
                            title="@{{ (item.DEFEITO / item.PRODUCAO) * 100 | number: 2 }}%"
                            ng-if="item.PRODUCAO != null" 
                            ng-class="((item.DEFEITO / item.PRODUCAO) <= (vm.Eficiencia.DEFEITO_PERCENTUAL/100)) ? 'positive-value' : 'negative-value'"
                            >@{{ item.DEFEITO | number : 0 }}</span>
                    </td> 
                    <td style="right: 254px;" class="text-right col-right-fixed-1">@{{ vm.Eficiencia.DADOS.TOTAL_GERAL.PREVISAO | number: 0 }}</td>
                    <td style="right: 184px;" class="text-right col-right-fixed-1 selectable-item" ng-click="vm.ConsultaProducao.consultar(vm.Eficiencia.DADOS.HORAS[vm.Eficiencia.DADOS.HORAS.length-1],vm.Eficiencia.DADOS.HORAS[0])" >@{{ vm.Eficiencia.DADOS.TOTAL_GERAL.PRODUCAO | number: 0 }}</td>               
                    <td style="right: 126px;" class="text-right col-right-fixed-1">@{{ vm.Eficiencia.DADOS.TOTAL_GERAL.PRODUCAO - vm.Eficiencia.DADOS.TOTAL_GERAL.PREVISAO | number: 0 }}</td>               
                    <td style="right: 62px; color: @{{vm.Eficiencia.DADOS.TOTAL_GERAL.COR_EFICIENCIA}}" class="text-right col-right-fixed-1">@{{ vm.Eficiencia.DADOS.TOTAL_GERAL.PERC_EFICIENCIA | number: 2 }}%</td>
                    <td style="right: 0px;" class="text-right col-right-fixed-1">@{{ vm.Eficiencia.DADOS.TOTAL_GERAL.DEFEITO | number: 0 }}</td>      
                </tr>                
            </tfoot>
        </table>
    </div>
    
</fieldset>