@extends('helper.include.view.modal', ['id' => 'modal-ProducaoItens', 'class_size' => 'modal-lg'])

@section('modal-start')
    <form class="form-inline" ng-submit="vm.ProducaoItens.gravar();">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>22620 - Operações com erro no registro</span>
</h4>

@overwrite

@section('modal-header-right')
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ProducaoItens.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

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

	<div class="table-ec table-scroll" style="height: calc(100vh - 240px); min-height: 200px;">
		<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
			<thead>
				<tr gc-order-by="vm.Producao.ORDER_BY2">                   
					<th field="TALAO">Talão</th>
					<th field="OPERADOR_DESCRICAO">Operador</th>
					<th field="ERRO">Status</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="item in vm.Producao.DADOS_RENDER = ( vm.Producao.LISTA_RESULTADO | orderBy : vm.Producao.ORDER_BY2)"
					ng-focus="vm.Producao.SELECTED2 = item"
					ng-class="{ 'selected' : vm.Producao.SELECTED2 == item }"
					tabindex="0"
					ng-if="item.REMOVIDO == false"
					style="@{{ item.ERRO == 1 ? 'background-color: #f1cccc;  font-weight: bold;' : 'background-color: #aeffce;  font-weight: bold;'}}"
					>
					<td>
						<span>
							@{{ item.TALAO }}
						</span>
					</td>
					<td>
						<span>
							@{{ item.OPERADOR_ID+' - '+item.OPERADOR_DESCRICAO }}
						</span>
					</td>
					<td>
						<span>
							@{{ item.MSG }}
						</span>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
</form>

@overwrite