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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span>{{ Lang::get('pdv/_19090.titulo-incluir-itens') }}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-click="vm.TrocaPrePedidoItens.gravarIncluirItensSimplificado();vm.TrocaPrePedidoItens.EXIBIR_TOTAIS_VALIDOS = false;" type="button" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-click="vm.TrocaPrePedidoItens.fecharIncluirItensSimplificado();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

@overwrite

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

	<div class="row" style="margin: 0 auto; display: block; text-align: center;">
						
		<!--<div class="form-group" style="display: inline-table !important;">
			<label style="text-align: left !important;">Quantidade:</label>
			<div class="input-group">
				<span class="input-group-addon" style="padding: 9px !important;"><i class="fa fa-plus"></i></span>
				<input 
					type="text"
					class="form-control text-center" 
					style="width: 80px !important;" 
					ng-model="vm.TrocaPrePedidoItens.QUANTIDADE_SIMPLIFICADA" 
					only-digits2>
				<span class="input-group-addon" style="padding: 9px !important;"><i class="fa fa-minus"></i></span>
			</div>
		</div>-->

		<div class="form-group" style="display: inline-table !important;" id="formGroupCodigoEAN">
			<label style="text-align: left !important;">Código EAN:</label>
			<div class="input-group left-icon">
				<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-barcode"></span></div>
				<input 
					type="text"
					style="height: 35px; width: 345px;" 
					class="form-control text-right"
					ng-model="vm.TrocaPrePedidoItens.EAN_SIMPLIFICADO" 
					maxlength="13"
					only-digits2>	
			</div>
		</div>
	</div>	
		


	<div class="row">
		<hr/>
		<div class="col-md-12">

			<div class="table-ec table-scroll" style="height: calc(100vh - 495px); min-height: 300px; overflow-anchor: none !important;">
				<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
					<thead>
						<tr>
							<th field="EAN">EAN</th>
							<th field="QUANTIDADE" style="text-align: right !important;">Qtd</th>
							<th field="OPCAO" style="text-align: center !important; width: 85px !important;">Opções</th>
						</tr>
					</thead>
					<tbody vs-repeat="" vs-scroll-parent=".table-ec">
						<tr 
							ng-repeat="item in vm.TrocaPrePedidoItens.ITENS_INCLUIR  | orderBy : '$index' : true track by $index"
							tabindex="0"
							>
							<td>
								<span>
									@{{ item.EAN }}
								</span>
							</td>
							<td style="text-align: right !important;">
								<span>
									@{{ item.QUANTIDADE | number: 0 }}
								</span>
							</td>
							<td style="text-align: center !important;">
								<div> 
									<div class="form-group no-print" style="margin-bottom: -2px; margin-top: -8px; display: contents;"> 					
										<button type="button" class="btn btn-sm btn-danger" style="margin-left: 6px;" ng-click="vm.TrocaPrePedidoItens.excluirEAN($index, $event, item); $event.stopPropagation();"> 						
											<span class="glyphicon glyphicon-trash"></span>  					
										</button> 				
									</div>   
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

	</div>

	<div class="row" style="">
		<label class="qtdRegistros" class="">Qtd.Total: @{{vm.TrocaPrePedidoItens.QUANTIDADE_TOTAL_SIMPLIFICADA}}</label>
	</div>
</div>
</form>

@overwrite