@extends('helper.include.view.modal', ['id' => 'modal-resultado-producao','fade'=>false, 'class_size' => 'modal-big'])

@section('modal-header-left')

	<h4 class="modal-title">
        Registro de Produção Manual
	</h4>

@overwrite

@section('modal-header-right')

	<button style="padding: 6px 12px !important;" type="button" class="btn btn-default btn-voltar" ng-click="vm.Registro.fecharProdResultado()" data-dismiss="modal" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> 
		Voltar
	</button>

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 160px);">

    <div class="table-ec table-scroll" style="height: calc(100vh - 200px); min-height: 300px;">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr>                   
                    <th style="width: 26px; padding: 4px;">
                        <span title="Ações disponíveis" class="glyphicon glyphicon-cog"  style="font-size: 14pt;"></span>
                    </th>   
                    <th>Remessa</th>
                    <th>Talão</th>
                    <th>Conjunto</th>
                    <th>Modelo</th>
                    <th>Cor</th>
                    <th>Tamanho</th>
                    <th>Etapa</th>
                    <th>Erro</th>
                </tr>
            </thead>
            <tbody >
                <tr ng-repeat="item in vm.Registro.RESULTADO_PRODUCAO"
                    ng-focus="vm.SELECTED3 = item"
                    ng-class="{ 'selected' : vm.SELECTED3 == item }"
                    tabindex="0"
                    style="@{{item.STATUS_ERRO == 1 ? 'background-color: #ffdfd7;' : 'background-color: #d7ffd9;'}}">
                    <td>
                        <span ng-if="item.STATUS_ERRO == 0" class="t-status status-1"></span>
                        <span ng-if="item.STATUS_ERRO == 1" class="t-status status-0"></span>
                    </td>
                    <td>
                        <span>
                            @{{ item.REMESSA }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.CONTROLE }} / @{{ item.TALAO_DETALHE_ID }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.PECA_CONJUNTO_ID }} / @{{ item.PECA_CONJUNTO_SEQ }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.MODELO }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.COR }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.TAMANHO_DESCRICAO }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.ETP.DESCRICAO_RESUMIDA }}
                        </span>
                    </td>
                    <td ng-bind-html="trustAsHtml(item.ERRO)"></td>
                </tr>
            </tbody>
        </table>
    </div>

    <div ng-if="vm.Registro.RESULTADO_PRODUCAO.length > 0" style="display: inline-block;">
        <div class="tag-tab" style="padding: 3px;"><span><strong>Qtd. de Registros:</strong> @{{(vm.Registro.RESULTADO_PRODUCAO.length > 0 ? vm.Registro.RESULTADO_PRODUCAO.length : 0)}}</span></div>
        <div class="tag-tab" style="background-color: #d7ffd9; padding: 2px;"><span>Produzido com sucesso     </span></div>
        <div class="tag-tab" style="background-color: #ffdfd7; padding: 2px;"><span>Erro ao registrar Produção</span></div>
    </div>
   
</div>
@overwrite