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

@section('modal-start')
    <form class="form-inline">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>12201 - Quantidade Em Produção</span>	
</h4>

@overwrite

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

@overwrite

@section('modal-body')
<div style="height: calc(100% - 250px);">
    <div class="row">	
		<div class="form-group">
			<label>Modelo:</label>
			<input type="text" class="form-control input-medio" 
				ng-model="vm.Pedidos.Itens.SELECTED.DESC_MODELO" ng-readonly="true">
		</div>

		<div class="form-group">
			<label>Cor:</label>
			<input type="text" class="form-control input-medio" 
				ng-model="vm.Pedidos.Itens.SELECTED.DESC_COR" ng-readonly="true">
		</div>

		<div class="form-group">
			<label>Tamanho:</label>
			<input type="text" class="form-control input-menor" 
				ng-model="vm.Pedidos.Itens.SELECTED.tamanhoDescricao" ng-readonly="true">
		</div>

		<div class="table-ec table-scroll" style="height: calc(100vh - 452px); overflow-anchor: none !important;">
			<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
				<thead>
					<tr>
						<th field="DESC_UP">Unidade Produtiva</th>
						<th field="DESC_REMESSA">Remessa</th>
						<th field="TALAO">Talão</th>
						<th field="ETAPA">Etapa</th>
						<th field="QUANTIDADE" style="text-align: -webkit-right !important;">Quantidade</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="item in vm.Pedidos.DADOS_PRODUCAO track by $index" tabindex="0">
						<td>
							<span>
								@{{ item.DESC_UP }} 
							</span>
						</td>
						<td>
							<span>
								@{{ item.DESC_REMESSA }} 
							</span>
						</td>
						<td>
							<span>
								@{{ item.TALAO }} 
							</span>
						</td>
						<td>
							<span>
								@{{ item.ETAPA }} 
							</span>
						</td>
						<td style="text-align: -webkit-right !important;">
							<span>
								@{{ item.QUANTIDADE | number: 2 }}
							</span>
						</td>											
					</tr>
				</tbody>
			</table>
		</div>

    </div>
	
</div>
</form>

@overwrite