@extends('master')

@section('titulo')
    {{ Lang::get('pdv/_19090.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/19090.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>
<!-- 		
	<div class="pdf-ver" ng-show="vm.TrocaPrePedido.FILE.VISIVEL">

		<input type="hidden" value="{{auth()->user()->email}}" id="emailUsuario">

		<div class="pdf-acoes">

			<a class="btn btn-default download-arquivo" href="" download="">
				<span class="glyphicon glyphicon-download"></span>
				Baixar PDF
			</a>

			<button type="button" class="btn btn-default pdf-fechar" ng-click="vm.TrocaPrePedido.FILE.VISIVEL = false;">
				<span class="glyphicon glyphicon-chevron-left"></span>
				Voltar
			</button>
			
		</div>
		
		<div class="conteudoPDF">
			<object data="" type="application/pdf" id="objectData"></object>
		</div>
	</div> -->
	@php $ID = isset($_GET['ID']) ? $_GET['ID'] : 0

	<input type="hidden" class="_devolucao_id" value="{{$ID}}">
	<input type="hidden" class="_mascara_impressao_cupom" value="{{fn_parametro('SISTEMA.MASCARA_IMPRESSAO_CUPOM', Auth::user()->CODIGO )}}">
	<ul class="list-inline acoes">    
		<li>
            <button type="button" class="btn btn-primary btn-incluir" 
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.TrocaPrePedido.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
		</li>

		<!--li>
			<div class="dropdown" id="dropCompilado">
				<button
					id="dLabel"
					type="button"
					data-toggle="dropdown"
					data-hotkey="f2"
					class="btn btn-danger"
					ng-click="vm.TrocaPrePedidoImpressao.focusItem($event);"
					ng-dbclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</button>
				<ul class="dropdown-menu multi-level" 
					role="menu" 
					aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
					<li tabindex="0" 
						ng-repeat="item in vm.FUNCIONALIDADES track by $index" 
						ng-keypress="$event.keyCode == 13 && item.FUNCAO();" 
						ng-keydown="vm.TrocaPrePedidoImpressao.changeSelection($event)">
						<a ng-click="item.FUNCAO()" style="cursor: pointer;">
							<span class="@{{item.ICONE}}"></span> @{{item.NOME}}
						</a>
					</li>
				</ul>
			</div>
		</li>-->
		
	<!----><li>
			<button type="button" class="btn btn-default" 
				id="filtrar-toggle" data-toggle="collapse" 
				data-target="#filtro_main" aria-expanded="true" 
				aria-controls="filtro_main"
				ng-click="vm.TrocaPrePedido.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
	</ul>  
        
    <style>
	
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);    
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }
		
		.table-condensed > thead > tr > th,
		.table-condensed > thead > tr > td,
		.table-condensed > tbody > tr > th,
		.table-condensed > tbody > tr > td,
		.table-condensed > tfoot > tr > th,
		.table-condensed > tfoot > tr > td {
			padding: 5px !important;
		}
        
    </style>
	<form ng-submit="vm.TrocaPrePedido.consultar(1)" class="form-inline">		
		<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" 
				style="margin-bottom: 4px;
					background: rgba(221,221,221,.33);
					padding: 2px 10px 7px;
					border-radius: 5px;">

			<div class="form-group">
				<label>Data:</label>
				<div class="form-group"
					style="display: flex; margin: 0; width: calc(28%);
							min-width: fit-content;
							max-width: fit-content;">
					<input 
						type="date"
						style="width: 140px;"
						class="form-control filter_main data_ini"
						ng-atalho
						ng-model="vm.TrocaPrePedido.DATA_INICIO"						
						ng-change="vm.TabelaPrincipal.apagar();">
					<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
					<input 
						type="date"
						style="width: 140px;"
						class="form-control filter_main data_fim"
						ng-atalho
						ng-model="vm.TrocaPrePedido.DATA_FIM"						
						ng-change="vm.TabelaPrincipal.apagar();">
				</div>
			</div>	
			
			<div style="display: -webkit-inline-box;" class="consulta-filtro-estab"></div>
				
			<div style="display: -webkit-inline-box; width: 460px;">
				<div class="form-group" style="margin-top: 22px;">					
					<select class="form-group" 
						style="border-right: 0px; background-color: #cfcccc; color: black; font-weight: bolder;"
						ng-model="vm.TrocaPrePedido.FILTRO_TIPO_EMPRESA"
						ng-change="vm.ConsultaColab.apagar();vm.ConsultaCliente.apagar();">
						<option value="1">CLIENTE</option>
						<option value="2">COLABORADOR</option>
					</select>
				</div>
			    <div style="margin-top: 17px;">
					<div style="margin-left: -21px; display: -webkit-inline-box; text-align: left; margin-top: 6px;" 
						ng-show="vm.TrocaPrePedido.FILTRO_TIPO_EMPRESA == 1" class="consulta-filtro-cliente"></div>
					<div style="margin-left: -21px; display: -webkit-inline-box; text-align: left; margin-top: 6px;" 
						ng-show="vm.TrocaPrePedido.FILTRO_TIPO_EMPRESA == 2" class="consulta-filtro-colaborador"></div>
				</div>
			</div>

			<div class="form-group">
				<label>Pré-Pedido:</label>
				<div class="input-group">
					<select 
						name="repeatSelect" 
						id="repeatSelect"  
						ng-model="vm.TrocaPrePedido.FILTRO_REFERENCIADO">
						<option value="1">REFERENCIADO</option>
						<option value="0">NÃO REFERENCIADO</option>
						<option value="">TODOS</option>
					</select>
				</div>
			</div>

			<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
				<button type="submit" class="btn btn-xs btn-primary btn-filtrar"
					data-hotkey="alt+f" id="btn-table-filter">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>	
		</div>
	</form>
	<div class="tabela_principal" id="tabela_principal"></div>	
	
	<!--	
	<div class="form-group" style="margin-bottom: 4px;">
		<input 
			type="text"
			style="width: 100% !important;"
			placeholder="Filtragem rápida..."
			class="form-control input-maior" 
			required
			ng-model="vm.TrocaPrePedido.FILTRO_DADOS">
	</div>
	
    <div class="table-ec table-scroll" style="height: calc(100vh - 205px);">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.TrocaPrePedido.ORDER_BY">
                    <th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
                    <th field="ID">ID</th>
					<th field="DESCRICAO">Descrição</th>
                </tr>
            </thead>
            <tbody>
                <tr 
                    ng-repeat="item in vm.TrocaPrePedido.DADOS_RENDER = ( vm.TrocaPrePedido.DADOS | orderBy : vm.TrocaPrePedido.ORDER_BY | find: {model : vm.TrocaPrePedido.FILTRO_DADOS ,fields : 'all'})"
                    ng-Click="vm.TrocaPrePedido.visualizar()"
                    ng-focus="vm.TrocaPrePedido.SELECTED = item"
                    ng-class="{ 'selected' : vm.TrocaPrePedido.SELECTED == item }"
                    tabindex="0"
                    >
                    <td class="t-status status-@{{ item.STATUS }}">
                    </td>
                    <td>
                        <span>
                            @{{ item.ID || 0 | lpad: [4,0] }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.DESCRICAO }}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    -->
	

	
	
    @include($menu.'.modal.TrocaPrePedido')		
	@include($menu.'.modal.TrocaPrePedidoItens')
	@include($menu.'.modal.TrocaPrePedidoIncluirItens')
	@include($menu.'.modal.TrocaPrePedidoConfItens')
	@include($menu.'.modal.TrocaPrePedidoItensHistorico')
	@include($menu.'.modal.TrocaPrePedidoItensNfRetorno')
	@include($menu.'.modal.TrocaPrePedidoImpressao')	
	@include($menu.'.modal.ConfirmItensSelected')

	
	
	<div id="modalPrePedido" class="master-modal-big modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-big">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>19090 - Vincular Troca Aberta ao Pré-Pedido</span>
							</h4>					
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.TrocaPrePedido.vincularPrePedidos()" type="button" class="btn btn-default btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>
							
							<button ng-click="vm.TrocaPrePedido.fecharPrePedidos()" type="button" class="btn btn-default btn-cancelar" data-hotkey="esc">
								<span class="glyphicon glyphicon-chevron-left"></span> Voltar
							</button>

						</div>
						
					</div>
					<div class="modal-body" style="height: calc(100vh - 10%); min-height: 300px;">
						<div class="row">
									
							<div class="form-group">
								<label>ID:</label>
								<input 
									type="text"
									class="form-control input-menor"
									ng-model="vm.TrocaPrePedido.SELECTED.DESC_ID"
									readonly="readonly">
							</div>
							
							<div class="form-group">
								<label>Data/Hora Inclusão:</label>
								<input 
									type="text" style="width: 150px;"
									class="form-control input-medio"
									ng-model="vm.TrocaPrePedido.SELECTED.FDATAHORA"
									readonly="readonly">
							</div>
							
							<div class="form-group">
								<label>Estabelecimento:</label>
								<input type="text" class="form-control input-medio" style="width: 250px !important;"
									ng-model="vm.TrocaPrePedido.SELECTED.DESC_ESTABELECIMENTO" readonly="readonly">
							</div>
							
							<div class="form-group">
								<label>Cliente:</label>
								<input 
									type="text"
									class="form-control input-maior"
									ng-model="vm.TrocaPrePedido.SELECTED.DESC_CLIENTE"
									readonly="readonly">
							</div>
							
							<div class="form-group">
								<label>Valor Líquido:</label>
								<div class="input-group">
									<div class="input-group-addon" style="padding: 9px"><span>R$</span></div>
									<input type="text" class="form-control input-medio text-right" ng-number-format="2"
										style="width: 120px !important;" ng-model="vm.TrocaPrePedido.SELECTED.VALOR_LIQUIDO"
										disabled="true">
								</div>
							</div>
						</div>
						<form class="form-inline">		
							<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" 
								style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">
								<div class="form-group" style="margin-right: 0px !important;">
									<div class="form-group" style="display:flex; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px; background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px; padding-right: 4px; border: 1px solid #cccccc;">
										<select 
											class="form-control" 
											ng-model="vm.TrocaPrePedido.FILTRO_PRE_PEDIDO.TIPO_DATA"
											style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600; border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: capitalize;">
											<option style="font-weight: 600;" ng-value="1">Emissão</option>
											<option style="font-weight: 600;" ng-value="2">Fechamento</option>
										</select>
										<input 
											type="date" 
											style="width: 130px; margin-left: 4px; margin-top: 4px;" 
											class="data-ini filter_main data1" 
											ng-atalho 
											ng-model="vm.TrocaPrePedido.FILTRO_PRE_PEDIDO.DATA_INICIAL">
										<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
										<input 
											type="date" 
											style="width: 130px; margin-top: 4px;" 
											class="data-fim filter_main data2" 
											ng-atalho 
											ng-model="vm.TrocaPrePedido.FILTRO_PRE_PEDIDO.DATA_FINAL">
									</div>
								</div>

								<div class="form-group" ng-show="false">
									<label>Status:</label>
									<select class="form-control" 
										ng-model="vm.TrocaPrePedido.FILTRO_PRE_PEDIDO.FILTRO_STATUS">
										<option value="">Todos</option>
										<option value="0">Em aberto</option>
										<option value="3">Finalizado</option>
									</select>
								</div>

								<div style="display: -webkit-inline-box;" 					 ng-show="false" class="consulta-estab-filtro-pre-ped">				</div>
								<div style="display: -webkit-inline-box;" 					 ng-show="false" class="consulta-pdv-filtro-pre-ped">				</div>
								<div style="display: -webkit-inline-box;" 					 ng-show="false" class="consulta-tabela-preco-filtro-pre-ped">		</div>
								<div style="display: -webkit-inline-box; margin-right: 5px;" ng-show="false" class="consulta-representanteinc-filtro-pre-ped">  </div>
								<div style="display: -webkit-inline-box; margin-right: 7px;" ng-show="false" class="consulta-corretor-filtro-pre-ped">		    </div>
								<div style="display: -webkit-inline-box;" ng-show="false" 	 class="consulta-vendedorinc-filtro-pre-ped">						</div>
								<div style="display: -webkit-inline-box;" ng-show="false" 	 class="consulta-cliente-filtro-pre-ped">							</div>
								<div style="display: -webkit-inline-box;" ng-show="false" 	 class="consulta-colaborador-filtro-pre-ped">						</div>
								<div style="display: -webkit-inline-box;" ng-show="false" 	 class="consulta-canal-vendas-filtro-pre-ped">						</div>
								
								<!-- <div class="form-group">	
									<label for="cliente_colab">Cliente / Colaborador:</label>				
									<input 
										type="text" 
										style="width: 300px;"
										class="form-control filter_pre_pedido"											
										ng-model="vm.TrocaPrePedido.FILTRO_PRE_PEDIDO.FILTRO_CLIENTE_COLAB">
								</div>				 -->

								<div class="form-group" style="padding-top: 15px;" ng-show="false">
									<input type="text" style="width: 245px;" placeholder="Filtragem por ID, Cód.Catálogo"
										class="form-control filter_pre_pedido" ng-model="vm.TrocaPrePedido.FILTRO_PRE_PEDIDO.FILTRO_DADOS">
								</div>

								<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
									<button type="button" ng-click="vm.TrocaPrePedido.validarFiltroPrePedidos();" class="btn btn-xs btn-primary btn-filtrar" id="botao_filtrar_pre_pedido" data-hotkey="alt+f">
										<span class="glyphicon glyphicon-filter"></span> Filtrar
									</button>
								</div>
							</div>
						</form>

						<div class="row">
							<div class="tabela_pre_pedido" id="tabela_pre_pedido"></div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection

@section('script')
	<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
    <script src="{{ elixir('assets/js/_19090.js') }}"></script>
@append