@include('ppcp._22610.index.tab-registro-producao.registro-producao', ['DESCRICAO' => '', 'HEIGHT' => '', 'TIPO' => 2])    
    
    <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">Etapa</th>
                    <th 
                        tabindex="0"
                        class="text-center" 
                        colspan="3"
                        ng-repeat="hora in vm.Eficiencia.DADOS_ETAPA.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: 192px;" rowspan="2">Meta Dia</th>
                    <th class="text-right col-right-fixed-1" style="right: 121px;" rowspan="2">Prod. Dia</th>
					<th class="text-right col-right-fixed-1" style="right: 63px;"  rowspan="2">Dif. Dia</th>
					<th class="text-right col-right-fixed-1" style="right: 0px;" rowspan="2">Efic. Dia</th>
                </tr>
                <tr class="tr-fixed-2">
                    <th 
                        ng-repeat-start="hora in vm.Eficiencia.DADOS_ETAPA.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+''}" ng-repeat-end>Efic.</th>
                    
                </tr>
            </thead>                        
            <tbody>
                <tr ng-repeat="gp in vm.Eficiencia.DADOS_ETAPA.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.consultar2(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-repeat-end ng-if="vm.Eficiencia.MOSTRAR_PERC_EFIC == 1" class="text-right" ng-class-odd="'col-odd'">
                        <span
                            style="color: @{{gp.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 col-right-fixed-1" style="right: 192px; background-color: #e1edf5; color: #000;">@{{ gp.PREVISAO | number : 0 }}</td>
                    <td class="text-right selectable-item col-right-fixed-1" ng-click="vm.ConsultaProducao.consultar2(gp.FILTERED[gp.FILTERED.length-1],gp.FILTERED[0])" style="right: 121px; background-color: #e1edf5; color: #000;">@{{ gp.PRODUCAO | number : 0 }}</td>
					<td class="text-right col-right-fixed-1" style="right: 64px; background-color: #e1edf5; color: #000;">@{{ gp.PRODUCAO - gp.PREVISAO | number : 0 }}</td>
					<td style="right: 0px; background-color: #e1edf5; 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>
                   
                </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_ETAPA.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.consultar2(item,vm.Eficiencia.DADOS_ETAPA.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" ng-repeat-end>
                        <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 col-right-fixed-1" style="right: 192px;">@{{ vm.Eficiencia.DADOS_ETAPA.TOTAL_GERAL.PREVISAO | number: 0 }}</td>
                    <td class="text-right selectable-item col-right-fixed-1" ng-click="vm.ConsultaProducao.consultar2(vm.Eficiencia.DADOS_ETAPA.HORAS[vm.Eficiencia.DADOS_ETAPA.HORAS.length-1],vm.Eficiencia.DADOS_ETAPA.HORAS[0])" style="right: 121px;">@{{ vm.Eficiencia.DADOS_ETAPA.TOTAL_GERAL.PRODUCAO | number: 0 }}</td>
					<td class="text-right col-right-fixed-1" style="right: 64px;">@{{ vm.Eficiencia.DADOS_ETAPA.TOTAL_GERAL.PRODUCAO - vm.Eficiencia.DADOS_ETAPA.TOTAL_GERAL.PREVISAO | number: 0 }}</td>
					<td style="right: 0px; color: @{{vm.Eficiencia.DADOS_ETAPA.TOTAL_GERAL.COR_EFICIENCIA}}" class="text-right col-right-fixed-1">@{{ vm.Eficiencia.DADOS_ETAPA.TOTAL_GERAL.PERC_EFICIENCIA | number: 2 }}%</td>

                </tr>                
            </tfoot>
        </table>
    </div>
    
</fieldset>