@extends('master')

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

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

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	<input type="hidden" value="{{controleSistema(14)}}"  id="valorPisPadrao">
	<input type="hidden" value="{{controleSistema(232)}}" id="valorPisPadraoDiferenciado">
	
	<input type="hidden" value="{{controleSistema(15)}}"  id="valorCofinsPadrao">
	<input type="hidden" value="{{controleSistema(233)}}" id="valorCofinsPadraoDiferenciado">

	@php $dataReducaoEntrada =  fn_parametro('SISTEMA.DATA_REDUCAO_ENTRADA', Auth::user()->CODIGO );

	<input type="hidden" value="{{$dataReducaoEntrada}}" id="dataReducaoPisCof">


	<input type="hidden" value="{{controleSistema(98)}}"  id="controleContabilizacao">
	<input type="hidden" class="_mascara_impressao_cupom"  value="{{fn_parametro('SISTEMA.MASCARA_IMPRESSAO_CUPOM', Auth::user()->CODIGO )}}">
	<input type="hidden" class="_diasDevolucaoTroca"  value="{{fn_parametro('SISTEMA.DIAS_DEVOLUCAO_TROCA', Auth::user()->CODIGO )}}">
	<input type="hidden" class="_incluirSemDocReferenciado"  value="{{fn_parametro('SISTEMA.TROCA_SEM_DOC_REF', Auth::user()->CODIGO )}}">
	<input type="hidden" class="_sistema_mascara_ean" id="_sistema_mascara_ean" value="{{fn_parametro('SISTEMA.MASCARA_BIPAGEM_EAN')}}">
	

	<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.REGDEVTROCA.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
		</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.REGDEVTROCA.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>                                              
	</ul>  
	
	<div id="info-35" style="display: none">
		<div class="origem-container">
			<table class="table table-striped table-bordered">
				<thead>
					<tr>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_12360" target="_blank" rel="noopener noreferrer">12360 - Cadastro de Clientes</a></td>
					</tr>
					<tr>
						<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_14080" target="_blank" rel="noopener noreferrer">14080 - Cadastro de Fornecedores</a></td>
					</tr>
					<tr>
						<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_12350" target="_blank" rel="noopener noreferrer">12350 - Cadastro de Representantes</a></td>
					</tr>
					<tr>
						<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_14011" target="_blank" rel="noopener noreferrer">14011 - Cadastro de Transportadoras</a></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

	@php $ID = isset($_GET['ID']) ? $_GET['ID'] : 0

	<input type="hidden" class="_devolucao_id" value="{{$ID}}">

    <input type="hidden" id="CLS_CLIENTE"  name="CLS_CLIENTE"  value="-1">
    <input type="hidden" id="POST_CLIENTE" name="POST_CLIENTE" ng-click="vm.REGDEVTROCA.addNewCliente()">
        
    <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;
		}
        
		@media (max-width: 715px){
			#legenda_origem {
				width: 100% !important;
				min-height: 50px !important;
			}
		}
	</style>
	<form ng-submit="vm.REGDEVTROCA.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.REGDEVTROCA.FILTRO.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.REGDEVTROCA.FILTRO.DATA_FIM"						
						ng-change="vm.TabelaPrincipal.apagar();">
				</div>
			</div>		
			
			<div style="display: -webkit-inline-box;" class="consulta-filtro-estab"></div>
			
			<div class="form-group" style="display: inline-flex; border: 1px solid #c4c5c5; border-radius: 10px; background-color: #d8dada; height: 34px;">
				<select class="form-group filter_main normal-case" ng-model="vm.REGDEVTROCA.FILTRO.TIPO_EMPRESA"
					ng-change="vm.ConsultaFiltroCliente.apagar();vm.ConsultaFiltroColaborador.apagar();"
					style="margin: -1px -1px 0px 0px; height: 33px; border-radius: 8px 0px 1px 9px; background-color: #e2e2e2;">
					<option value="1">Cliente/Fornecedor</option>
					<option value="2">Colaborador</option>
				</select>
				<div ng-show="vm.REGDEVTROCA.FILTRO.TIPO_EMPRESA == 1" 
					style="display: -webkit-inline-box; margin-top: -2px;" class="consulta-filtro-cliente"></div>
				<div ng-show="vm.REGDEVTROCA.FILTRO.TIPO_EMPRESA == 2" 
					style="display: -webkit-inline-box; margin-top: -2px;" class="consulta-filtro-colaborador"></div>
			</div>
			
			<!-- <div class="form-group">
				<label>Origem:</label>
				<select class="form-group filter_main" ng-model="vm.REGDEVTROCA.FILTRO.TIPO_DOCUMENTO">
					<option value="">Todos</option>
					<option value="1">Nota Fiscal</option>
					<option value="2">Cupom Fiscal</option>
				</select>
			</div> -->

			<div class="form-group">
				<label>Tipo:</label>
				<select class="form-group filter_main" ng-model="vm.REGDEVTROCA.FILTRO.TIPO_ED">
					<option value="">Todos</option>
					<option value="1">Devolução</option>
					<option value="2">Troca</option>
					<option value="3">Transferência</option>
				</select>
			</div>

			<div class="form-group">
				<label>Pré-Pedido:</label>
				<div class="input-group">
					<select 
						name="repeatSelect" 
						id="repeatSelect"  
						ng-model="vm.REGDEVTROCA.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">
				<label>Status:</label>
				<select class="form-group filter_main" ng-model="vm.REGDEVTROCA.FILTRO.STATUS">
					<option value="">Todos</option>
					<option value="1">Sem Pendências</option>
					<option value="0">Com Pendências</option>
				</select>
			</div>
			
			<div class="form-group" style="width: calc(200px) !important; padding-top: 5px; min-width: 200px;">
				<input type="text" style="width: 100% !important; min-width: 170px; margin-top: 12px;" placeholder="Filtragem por ID"
					class="form-control input-maior filter_main" ng-model="vm.REGDEVTROCA.FILTRO.FILTRO_DADOS">
			</div>

			<div class="form-group" style="padding-top: 16px; 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.REGDEVTROCA.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.REGDEVTROCA.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.REGDEVTROCA.DADOS_RENDER = ( vm.REGDEVTROCA.DADOS | orderBy : vm.REGDEVTROCA.ORDER_BY | find: {model : vm.REGDEVTROCA.FILTRO_DADOS ,fields : 'all'})"
                    ng-Click="vm.REGDEVTROCA.visualizar()"
                    ng-focus="vm.REGDEVTROCA.SELECTED = item"
                    ng-class="{ 'selected' : vm.REGDEVTROCA.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.REGDEVTROCA')
	@include($menu.'.modal.REGDEVTROCA_CUPONS')
	@include($menu.'.modal.REGDEVTROCA_CUPONS_CONF')
	@include($menu.'.modal.REGDEVTROCA_CUPONS_CONSULTA')
	@include($menu.'.modal.REGDEVTROCAItens')		
	@include($menu.'.modal.REGDEVTROCA_CREDITO_USADO')			
	@include($menu.'.modal.DevolucaoByDocFiscal')
	@include($menu.'.modal.REGDEVTROCA_DOC')	
	@include($menu.'.modal.REGDEVTROCAPDVItensSimplificados')
	@include($menu.'.modal.REGDEVTROCAPDVItensNaoImpotados')
	@include($menu.'.modal.REGDEVTROCAPDVItensHistorico')
	@include($menu.'.modal.REGDEVTROCAPDVItensNfRetorno')
	@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>19030 - Vincular Troca Fechada ao Pré-Pedido</span>
							</h4>					
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.REGDEVTROCA.vincularPrePedidos()" type="button" class="btn btn-default btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>
							
							<button ng-click="vm.REGDEVTROCA.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.REGDEVTROCA.SELECTED.FID"
									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.REGDEVTROCA.SELECTED.FDATAHORA"
									readonly="readonly">
							</div>
							
							<div class="form-group">
								<label>Estabelecimento:</label>
								<input 
									type="text"
									class="form-control input-medio"
									ng-model="vm.REGDEVTROCA.SELECTED.DESC_ESTABELECIMENTO"
									readonly="readonly">
							</div>
							
							<div class="form-group">
								<label>Cliente:</label>
								<input 
									type="text"
									class="form-control input-maior"
									ng-model="vm.REGDEVTROCA.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.REGDEVTROCA.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.REGDEVTROCA.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.REGDEVTROCA.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.REGDEVTROCA.FILTRO_PRE_PEDIDO.DATA_FINAL">
									</div>
								</div>

								<div class="form-group" ng-show="false">
									<label>Status:</label>
									<select class="form-control" 
										ng-model="vm.REGDEVTROCA.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.REGDEVTROCA.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.REGDEVTROCA.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.REGDEVTROCA.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 id="modalProgressoInclusaoItensRFID" class="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Inclusão por RFID</h3>
					</div>

					<div class="modal-header-right">
						<button ng-click="vm.REGDEVTROCAItens.fecharModalInclusaoItensRFID();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>
					</div>
				</div>
				<div class="modal-body">

					<div class="consulta-zonas-leitura" id="consulta-zonas-leitura"></div>

					<hr>

					<section id="open-dev" class="wrap-content open-dev" ng-class="{'open-dev-no-animation': vm.REGDEVTROCAItens.STATUS_RFID == 0}">
						<div class="wrap-two-up wrap-two-up-middle">
							<div class="content content-two-up">
							<div class="open-dev-radar">
								<div class="open-dev-radar-pulse"></div>
								<div class="open-dev-radar-pulse"></div>
								<div class="open-dev-radar-pulse"></div>
								<div class="open-dev-radar-pulse"></div>
								<div class="open-dev-badge">
									<img src="{{url('')}}/assets/images/pdv/icone_rfid_inclusao.png">
								</div>
							</div>
							</div>
						</div>
					</section>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-success" ng-disabled="vm.REGDEVTROCAItens.STATUS_RFID == 1 || vm.REGDEVTROCAItens.STATUS_RFID == 2" ng-click="vm.REGDEVTROCAItens.startInclusaoRFID();">	
						<span class="fa fa-play"></span> Iniciar
					</button>

					<button type="button" class="btn btn-warning" ng-disabled="vm.REGDEVTROCAItens.STATUS_RFID == 0 || vm.REGDEVTROCAItens.STATUS_RFID == 1" ng-click="vm.REGDEVTROCAItens.stopInclusaoRFID();">	
						<span class="fa fa-stop"></span> Parar <span ng-if="vm.REGDEVTROCAItens.STATUS_RFID == 1 && vm.REGDEVTROCAItens.CONTADOR_RFID > 0">(@{{vm.REGDEVTROCAItens.CONTADOR_RFID}})</span>
					</button>
				</div>
			</div>
		</div>
	</div>
	
</div>
@endsection

@section('script')
	<script src="{{ elixir('assets/js/_19030.js') }}">		</script>
	<script src="{{ url('assets/js/loader.js') }}">			</script>
	<script src="{{ url('assets/js/editor/ckeditor.js') }}"></script>
	<script src="{{ elixir('assets/js/codemirror.js') }}">	</script>
	<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
@append