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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.TrocaPrePedido.ALTERANDO">{{ Lang::get('pdv/_19090.titulo-exibir') }}</span>
	<span ng-if="vm.TrocaPrePedido.INCLUINDO">{{ Lang::get('pdv/_19090.titulo-incluir') }}</span>
	<span ng-if="vm.TrocaPrePedido.COPIANDO">{{ Lang::get('pdv/_19090.titulo-copiar') }}</span>
	<span ng-if="vm.TrocaPrePedido.ALTERANDO == true && vm.TrocaPrePedido.INCLUINDO == false && vm.TrocaPrePedido.COPIANDO == false">{{ Lang::get('pdv/_19090.titulo-alterar') }}</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.TrocaPrePedido.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.TrocaPrePedido.ALTERANDO" ng-click="vm.TrocaPrePedido.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

	<!--button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.TrocaPrePedido.ALTERANDO" ng-click="vm.TrocaPrePedido.incluirNovo()" type="button" class="btn btn-primary" data-hotkey="f7">
        <span class="glyphicon glyphicon-plus"></span> Incluir Novo Registro 
    </button> 
	
	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.TrocaPrePedido.ALTERANDO" ng-click="vm.TrocaPrePedido.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="fa fa-files-o"></span> Copiar Registro
    </button-->   
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.TrocaPrePedido.ALTERANDO" ng-click="vm.TrocaPrePedido.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0"  ng-if="!vm.TrocaPrePedido.ALTERANDO" ng-click="vm.TrocaPrePedido.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.TrocaPrePedido.ALTERANDO" data-consulta-historico data-tabela="TBPDV_CONFERENCIA_TROCA" data-tabela-id="@{{ vm.TrocaPrePedido.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<!-- <button ng-if="!vm.TrocaPrePedido.ALTERANDO" data-consulta-arquivos data-tabela="TBPDV_CONFERENCIA_TROCA" data-tabela-id="@{{ vm.TrocaPrePedido.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button> -->	
	<div ng-if="!vm.TrocaPrePedido.ALTERANDO" class="btn-group">
		<button 
			type="button" 
			class="btn btn-warning dropdown-toggle" 
			data-hotkey="alt+a" 
			data-toggle="dropdown" 
			aria-haspopup="true" 
			aria-expanded="false">
			Imprimir <span class="caret"></span>
		</button>
		<ul class="dropdown-menu">
			<li ng-click="vm.TrocaPrePedido.gerarPDF();"><a href="javascript:void(0);">Papel A4</a></li>
			<li ng-click="vm.TrocaPrePedido.opcaoPapelTermico();"><a href="javascript:void(0);">Papel Térmico</a></li>
		</ul> 
	</div>
	
	<button ng-if="!vm.TrocaPrePedido.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.TrocaPrePedido.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-header-end')

	<!-- PARA USAR OS BOTÕES DE AVANÇAR E RETROCEDER BASTA DESCOMENTAR AS LINHAS ABAIXO -->
	
	<!-- <button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.TrocaPrePedido.previousRecord()" ng-if="!vm.TrocaPrePedido.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.TrocaPrePedido.nextRecord()" ng-if="!vm.TrocaPrePedido.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button> -->
	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
		
	<div class="row">
		
		<div class="form-group">
			<label>ID:</label>
			<input 
				type="text"
				class="form-control input-menor"
				ng-model="vm.TrocaPrePedido.SELECTED.FID"
				readonly="readonly">
		</div>
		
		<div class="form-group" ng-if="!vm.TrocaPrePedido.INCLUINDO">
			<label>Data/Hora:</label>
			<input 
				type="datetime-local"
				class="form-control" 
				ng-model="vm.TrocaPrePedido.SELECTED.DATAHORA_JS"
				ng-readonly="true">
		</div>
		
		<div class="form-group">
			<label>Estabelecimento:</label>
			<input type="text" style="width: 250px !important;" 
				class="form-control input-maior" ng-readonly="true"
				ng-model="vm.TrocaPrePedido.SELECTED.DESC_ESTABELECIMENTO">		
		</div>
				
		<div class="form-group" ng-if="vm.TrocaPrePedido.SELECTED.CLIENTE_ID > 0">
			<label>Cliente:</label>
			<input type="text" style="width: 500px !important;" 
				class="form-control input-maior" ng-readonly="true"
				ng-model="vm.TrocaPrePedido.SELECTED.DESC_CLIENTE">		
		</div>

		<div class="form-group" ng-if="vm.TrocaPrePedido.SELECTED.COLABORADOR_ID > 0">
			<label>Cliente:</label>
			<input type="text" style="width: 500px !important;" 
				class="form-control input-maior" ng-readonly="true"
				ng-model="vm.TrocaPrePedido.SELECTED.DESC_COLABORADOR">		
		</div>
				
		<div class="form-group">
			<label>CPF/CNPJ:</label>
			<input type="text" style="width: 170px !important;" 
				class="form-control input-maior" ng-readonly="true"
				ng-model="vm.TrocaPrePedido.SELECTED.CNPJ_MASKED">
		</div>

		<div class="form-group">            
			<input 
				id="ctrl_ind" 
				style="top: 11px; margin-right: 5px;" 
				type="checkbox"
				ng-model="vm.TrocaPrePedido.SELECTED.CONSIGNADO" 
				ng-true-value="1"
				ng-false-value="0" 
				ng-disabled="!vm.TrocaPrePedido.ALTERANDO">
			<label for="ctrl_ind" style="font-weight: 600;">Troca de Pedido Consignado</label>
		</div>
		
		<!-- <div class="form-group">
			<label>Consignado:</label>
			<div class="input-group">
				<select 
					name="repeatSelect" 
					id="repeatSelect"  
					ng-model="vm.TrocaPrePedido.SELECTED.CONSIGNADO">
					<option value="1">SIM</option>
					<option value="0">NÃO</option>
				</select>
			</div>
		</div> -->

	</div>
		
	<fieldset ng-show="vm.TrocaPrePedido.habilita_itens == true">		
		
		<ul id="tab" class="nav nav-tabs" role="tablist"> 
			<li role="presentation" ng-repeat="agrupamento in vm.TrocaPrePedido.SELECTED.ARRAY_DETALHES track by $index" class="@{{$index == 0 ? 'active' : ''}} tab-detalhamento">
				<a href="#tab@{{$index+1}}-container" id="tab@{{$index+1}}-tab" role="tab" data-toggle="tab" aria-controls="tab@{{$index+1}}-container" aria-expanded="true">
					@{{agrupamento.DESCRICAO_ABA}}
					<span title="Abrir nota fiscal de origem"  tabindex="-1" ng-click="vm.AbrirAba('21140',agrupamento.DOCUMENTO_ID)" 
						ng-if="agrupamento.DOCUMENTO_TIPO == 1 && vm.TrocaPrePedido.SELECTED.TIPO_ED == 3"  target="_blank" rel="noopener noreferrer" class="btn btn-xs btn-default fa fa-external-link"></span>
					<span title="Abrir nota fiscal de origem"  tabindex="-1" ng-click="vm.AbrirAba('21150',agrupamento.DOCUMENTO_ID)" 
						ng-if="agrupamento.DOCUMENTO_TIPO == 1 && vm.TrocaPrePedido.SELECTED.TIPO_ED != 3"  target="_blank" rel="noopener noreferrer" class="btn btn-xs btn-default fa fa-external-link"></span>
					<span title="Abrir cupom fiscal de origem" tabindex="-1" ng-click="vm.AbrirAba('19040',agrupamento.DOCUMENTO_ID)" 
						ng-if="agrupamento.DOCUMENTO_TIPO == 2 && vm.TrocaPrePedido.SELECTED.TIPO_ED == 3"  target="_blank" rel="noopener noreferrer" class="btn btn-xs btn-default fa fa-external-link"></span>
				</a>				
			</li>
		</ul>

		<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);">
			
			<div role="tabpanel" class="tab-pane @{{$index == 0 ? 'active in' : ''}}" 
				ng-repeat="agrupamento in vm.TrocaPrePedido.SELECTED.ARRAY_DETALHES track by $index" 
				id="tab@{{$index+1}}-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
				<div class="row">	
					<div class="form-group" ng-if="agrupamento.CLIENTE_ID > 0">
						<label>Cliente:<a tabindex="-1" href="{{ url('') }}/_12360?CLIENTE_ID=@{{agrupamento.CLIENTE_ID > 0 ? agrupamento.CLIENTE_ID : 0 }}" 
							title="12360 - Cadastro de Clientes" target="_blank" rel="noopener noreferrer"></a></label>
						<input type="text" style="width: 500px !important;" class="form-control input-maior" 
							ng-model="agrupamento.DESC_CLIENTE" ng-readonly="true">
					</div>

					<div class="form-group" style="margin-bottom: 4px; width: @{{agrupamento.CLIENTE_ID > 0 ? '95%' : '100%'}}; display: flex;">						
						<input type="text" style="width: 100% !important;" placeholder="Filtragem rápida..." 
							class="form-control input-maior" ng-model="agrupamento.FILTRO_DADOS">
					</div>
					
					<div class="table-ec table-scroll" style="height: calc(100vh - 540px); min-height: 300px;">
						<table id="@{{agrupamento.AGRUPAMENTO_TAB}}" class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
							<thead>
								<tr gc-order-by="agrupamento.ORDER_BY">
									<th field="ID">ID</th>
									<th field="FITEM_SEQUENCIA">Seq.</th>
									<th field="DESC_PRODUTO">Produto</th>
									<th field="TAMANHO">Tam</th>
									<th field="EAN">Ean</th>
									<th class="text-right" field="QUANTIDADE">Quantidade</th>									
									<th class="text-right" field="VALOR_UNITARIO">Vr.Unitário</th>
									<th class="text-right" field="VALOR_TOTAL">Vr.Total</th>
									<th class="text-right" field="VALOR_DESCONTO">Vr.Desconto</th>
									<th class="text-right" field="VALOR_LIQUIDO">Vr.Liquido</th>
									<th field="FDATAHORA_INCLUSAO">Data/Hora</th>
									<th field="OPCAO">Opções</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="item in agrupamento.DADOS_RENDER = ( agrupamento.DADOS | orderBy : agrupamento.ORDER_BY | find: {model : agrupamento.FILTRO_DADOS ,fields : 'all'}) track by $index"
									ng-focus="agrupamento.SELECTED = item" ng-class="{ 'selected' : agrupamento.SELECTED == item }"  ng-keydown="vm.TrocaPrePedido.atalho_enter(agrupamento.SELECTED,item,$event)" tabindex="0">
									<td><span>@{{ item.ID || 0 | lpad: [5,0] }}</span></td>
									<td><span>@{{ item.FITEM_SEQUENCIA || 0 | lpad: [3,0] }}</span></td>
									<td><span>@{{ item.DESC_PRODUTO }}</span></td>
									<td><span>@{{ item.DESC_TAM }}</span></td>
									<td><span>@{{ item.EAN }}</span></td>
									
									<td class="text-right">
										<span ng-if="vm.TrocaPrePedido.ALTERANDO == false || (agrupamento.NFE > 0)">@{{ item.QUANTIDADE | number:2 }}</span>
										<div ng-if="vm.TrocaPrePedido.ALTERANDO == true && (!agrupamento.NFE > 0)" class="input-group left-icon" style="width: 100px;">
											<input style="width: 80px;" onmouseup="return false;" type="text" 
												ng-number-format="@{{item.PODE_FRACIONAR == 'S' ? 2 : 0}}" onfocus="this.select();"
												min="@{{item.PODE_FRACIONAR == 'S' ? 0.01 : 1}}" max="@{{item.QTD_MAX}}"
												class="form-control text-right quantidade_item quantidade_@{{$index}}"
												ng-model="item.QUANTIDADE" ng-blur="item.QUANTIDADE = vm.validateNumberF(0,item.QTD_MAX,item.QUANTIDADE,item.PODE_FRACIONAR == 'S');vm.calcularTotal(1,item);vm.calcular_itens2();"
												ng-keypress="$event.keyCode === 13 && vm.atalho_campos($event,$index,agrupamento.AGRUPAMENTO_ID,'quantidade_');">
											<div class="input-group-addon" style="color: rgb(85 85 85); padding: 3px;"> @{{item.UM}} </div>
										</div>
									</td>

									<td class="text-right"><span>R$ @{{ item.VALOR_UNITARIO   | number:2 }}</span></td>
									<td class="text-right"><span>R$ @{{ item.VALOR_TOTAL      | number:2 }}</span></td>									
									<td class="text-right"><span>R$ @{{ item.VALOR_DESCONTO   | number:2 }}</span></td>
									<td class="text-right"><span>R$ @{{ item.VALOR_LIQUIDO    | number:2 }}</span></td>
									<td class="text-right"><span>@{{ item.FDATAHORA_INCLUSAO  }}</span></td>
									<td>
										<div class="form-group no-print" style="display: contents;"> 
											<div class="dropdown acoes no-print">
												<button type="button" class="btn btn-danger" style="margin-left: 6px;" data-toggle="dropdown" 
													aria-expanded="false" ng-click="vm.TrocaPrePedido.excluir_item($event,item,agrupamento); $event.stopPropagation();"
													ng-disabled="!vm.TrocaPrePedido.ALTERANDO" ng-if="vm.TrocaPrePedido.ALTERANDO == true && (!agrupamento.NFE > 0)"> 
													<span class="glyphicon glyphicon-trash"></span> 													
												</button> 
											</div> 
										</div> 
									</td>
								</tr>
							</tbody>
						</table>
					</div>
			
				</div>
			</div>
		</div>
	</fieldset>

	<div class="row" style="margin-top: 5px; display: flex;">
		<label style="background-color: black; color: yellow; text-align: center;
			width: 33%; font-size: 20pt;border-radius: 10px;"> Quantidade Total: @{{vm.TrocaPrePedido.SELECTED.QUANTIDADE_TOTAL | number:0 }}</label>
		<label style="background-color: black; color: yellow; text-align: center;
			width: 33%; font-size: 20pt;border-radius: 10px;"> Valor Total: R$ @{{vm.TrocaPrePedido.SELECTED.TOTAL_ITENS | number:2 }}</label>
		<label style="background-color: black; color: yellow; text-align: center;
			width: 33%; font-size: 20pt;border-radius: 10px;"> Saldo Total: R$ @{{vm.TrocaPrePedido.SELECTED.VALOR_SALDO | number:2 }}</label>		
	</div>
	
</div>
</form>

@overwrite