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

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

@section('modal-header-left')
<h4 class="modal-title">
	<span style="display: flex;">
		<div class="icon_pedido1" ng-if="vm.ConferenciaPDV.SELECTED.ORIGEM == 2" style="width: 41px;margin-left: 0px;margin-right: 5px;"> <span style="font-weight: bold; font-size: 14pt; margin-left: 5px;"> GC  </span> </div> 
		<div class="icon_pedido3" ng-if="vm.ConferenciaPDV.SELECTED.ORIGEM == 1" style="width: 51px;margin-left: 0px;margin-right: 5px;"> <span style="font-weight: bold; font-size: 14pt; margin-left: 5px;"> PDV </span> </div> 
		<div class="icon_pedido5" ng-if="vm.ConferenciaPDV.SELECTED.ORIGEM == 3" style="width: 50px;margin-left: 0px;margin-right: 5px; color: rgb(123, 206, 98);color: rgb(123, 206, 98); border: groove 1px rgb(123, 206, 98); border-color: rgb(74, 229, 28);">
		  <span style="font-weight: bold; font-size: 14pt; margin-left: 5px;"> CAT </span> 
		</div>
		<span ng-if="!vm.ConferenciaPDV.ALTERANDO">		
			{{ Lang::get('pdv/_19060.titulo-exibir') }}
		</span>
		<span ng-if="vm.ConferenciaPDV.INCLUINDO">
			{{ Lang::get('pdv/_19060.titulo-incluir') }}
		</span>
		<span ng-if="vm.ConferenciaPDV.ALTERANDO == true && vm.ConferenciaPDV.COPIANDO == false && vm.ConferenciaPDV.INCLUINDO == false">
			{{ Lang::get('pdv/_19060.titulo-alterar') }}
		</span>
		<span ng-if="vm.ConferenciaPDV.COPIANDO == true && vm.ConferenciaPDV.INCLUINDO == false">
			{{ Lang::get('pdv/_19060.titulo-copiar') }}
		</span>
	</span>
</h4>

@overwrite

@section('modal-header-center')

<div class="box-canvas" ng-show="vm.ConferenciaPDV.EXIST_ANIVERSARIANTE == 1" 
	 ng-click="vm.ConferenciaPDV.mostrarDadosCliente();" id="cliente_pdv_niver">
	<div class="pyro">
		<div class="before"></div>
		<div class="after"></div>
	</div>
	<div class="plate"></div>
	<div class="cake-side"></div>
	<div class="drips">
		<div class="drip"></div>
		<div class="drip"></div>
		<div class="drip"></div>
		<div class="drip"></div>
		<div class="drip"></div>
		<div class="drip"></div>
		<div class="drip"></div>
		<div class="drip"></div>
	</div>
	<div class="cake-top"></div>
	<div class="candle">
		<div class="flame"></div>
	</div>
</div>

@overwrite

@section('modal-header-right')

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.ConferenciaPDV.previousRecord()" ng-if="!vm.ConferenciaPDV.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.ConferenciaPDV.nextRecord()" ng-if="!vm.ConferenciaPDV.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button>

	<button ng-if="vm.ConferenciaPDV.ALTERANDO" ng-disabled="vm.ConferenciaPDV.GRAVANDO_PRE_PEDIDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.ConferenciaPDV.ALTERANDO" ng-click="vm.ConferenciaPDV.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.ConferenciaPDV.ALTERANDO" ng-click="vm.ConferenciaPDV.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.ConferenciaPDV.ALTERANDO" ng-click="vm.ConferenciaPDV.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.ConferenciaPDV.ALTERANDO" ng-click="vm.ConferenciaPDV.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.ConferenciaPDV.ALTERANDO" ng-click="vm.ConferenciaPDV.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
	</button>
	
	<div ng-if="!vm.ConferenciaPDV.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 class="dropdown-header" style="text-transform: initial; font-weight: bold;">Estoque</li> -->
			<!-- <li ng-click="vm.ConferenciaPDV.alocarDesalocarItensEstoque('A');"><a href="javascript:void(0);">Alocar todos os itens</a></li>
			<li ng-click="vm.ConferenciaPDV.alocarDesalocarItensEstoque('D');"><a href="javascript:void(0);">Desalocar todos os itens</a></li> -->

			<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Imprimir</li>
			<li ng-click="vm.ConferenciaPDV.imprimirPapelA4();"><a href="javascript:void(0);">Papel A4</a></li>
			<li ng-click="vm.ConferenciaPDV.imprimirPapelA42();"><a href="javascript:void(0);">Papel A4 em 2 vias</a></li>			
			<li ng-click="vm.ConferenciaPDV.opcaoPapelTermico();"><a href="javascript:void(0);">Papel Térmico</a></li>

			<li class="dropdown-header" style="text-transform: initial; font-weight: bold;"></li>
			<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Relatório</li>
			<li ng-click="vm.ConferenciaPDV.imprimirRelatorio();"><a href="javascript:void(0);">Imprimir Relatório com Imagens</a></li>
		</ul> 
	</div>
	
	<!-- <button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.ConferenciaPDV.ALTERANDO && vm.ConferenciaPDV.SELECTED.STATUS != 3 && vm.ConferenciaPDV.SELECTED.STATUS != 4" ng-click="vm.ConferenciaPDV.encerrar()" type="button" class="btn btn-warning" data-hotkey="alt+e">
        <span class="fa fa-ban"></span> Encerrar
    </button> 
	
	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.ConferenciaPDV.ALTERANDO && vm.ConferenciaPDV.SELECTED.STATUS == 4" ng-click="vm.ConferenciaPDV.desencerrar()" type="button" class="btn btn-warning" data-hotkey="alt+e">
        <span class="fa fa-ban"></span> Desencerrar
    </button>  -->
	
	<button ng-if="!vm.ConferenciaPDV.ALTERANDO" data-consulta-historico data-tabela="TBPDV_CONFERENCIA" data-tabela-id="@{{ vm.ConferenciaPDV.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.ConferenciaPDV.ALTERANDO" data-consulta-arquivos data-tabela="TBPDV_CONFERENCIA" data-tabela-id="@{{ vm.ConferenciaPDV.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button> -->
	
	<button ng-if="!vm.ConferenciaPDV.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ConferenciaPDV.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	


@overwrite

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

	<div class="row">
	
		<div class="my-btn sino_info_cliente" ng-show="vm.ConsultaCliente.item.dados.ID > 0 && vm.ConferenciaPDV.EXIST_ANIVERSARIANTE == 0" 
			tabindex="-1" data-hotkey="alt+5" style="left: 50%; top: 0px !important; background-color: rgb(51, 122, 183);" title="Dados do Cliente" ng-click="vm.ConferenciaPDV.mostrarDadosCliente();">
			<div class="my-btn-border" style="border: 1px solid rgb(51, 122, 183) !important;"></div>
			<div>
				<i class="fa fa-bell btn-bell" ng-show="vm.ConferenciaPDV.EXIST_ANIVERSARIANTE == 0" style="margin-top: -5px;"></i>				
				<sub style="position: relative; margin: 15px; bottom: -46px; color: white; font-size: 10px;">(Alt+5)</sub>
			</div>
		</div> 

		<div class="panel panel-primary" style="margin-bottom: 5px !important; margin-top: 3px;"> 
			<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="-1" data-hotkey="alt+1" 
				id="containerPedido1" data-toggle="collapse" data-target="#dadosPrePedido1" aria-expanded="true" aria-controls="dadosPrePedido1" ng-click="vm.changePainel('dadosPrePedido1');"> 				
				<h3 class="panel-title" tabindex="-1">Dados do Pré-Pedido <sub>(Alt+1)</sub>
					<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
					   ng-class="{'fa-chevron-circle-down': !vm.DADOS_PRE_PEDIDO1,
					   			  'fa-chevron-circle-up': vm.DADOS_PRE_PEDIDO1}" aria-hidden="true">
					</i></h3> 
			</div>
			<div class="panel-body collapse" id="dadosPrePedido1" aria-expanded="false" style="height: 30px;">
				
				<div class="row">
						   
					<div class="form-group">
						<label>ID:</label>
						<input 
							type="text"
							class="form-control input-menor"
							ng-model="vm.ConferenciaPDV.SELECTED.DESC_ID"
							readonly="readonly">
					</div>
										
					<div style="display: -webkit-inline-box;" class="consulta-estab-inc">	</div>

					<div style="display: -webkit-inline-box;" class="consulta-pdv">			</div>
					
					<div ng-if="vm.exige_perfil_pedido == 1 || vm.exige_perfil_pedido == '1'" 
						style="display: -webkit-inline-box;" class="consulta-perfil">		</div>
					
					<div style="display: -webkit-inline-box;" class="consulta-canal-vendas"></div>

					<div style="display: -webkit-inline-box;" class="consulta-tabela-preco"></div>

					<div ng-if="vm.exige_perfil_pedido != 1 && vm.exige_perfil_pedido != '1'" 
						style="display: -webkit-inline-box;" class="consulta-perfil">		</div>

					<div class="form-group" ng-show="vm.ConferenciaPDV.SELECTED.CATALOGO_ID > 0">
						<label ttitle="Pré-Pedido gerado via Catálogo de Venda @{{vm.ConferenciaPDV.SELECTED.DESC_CATALOGO}}">Cód. Catálogo:</label>
						<input type="text" class="form-control input-medio" style="width: 130px;" readonly="readonly"
							ng-model="vm.ConferenciaPDV.SELECTED.DESC_CODIGO_VINCULO_CATALOGO">
					</div>
					
					
				</div>

			</div>
		</div>
		
		<div class="panel panel-primary" style="margin-bottom: 5px !important; margin-top: 3px;"> 
			<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="-1" data-hotkey="alt+2" 
				id="containerPedido2" data-toggle="collapse" data-target="#dadosPrePedido2" aria-expanded="true" aria-controls="dadosPrePedido2" ng-click="vm.changePainel('dadosPrePedido2');">
				<h3 class="panel-title" tabindex="-1">Dados do Cliente/Representação <sub>(Alt+2)</sub>
					<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
					   ng-class="{'fa-chevron-circle-down': !vm.DADOS_PRE_PEDIDO2,
					   			  'fa-chevron-circle-up': vm.DADOS_PRE_PEDIDO2}" aria-hidden="true">
					</i></h3> 
			</div> 
			<div class="panel-body collapse" id="dadosPrePedido2" aria-expanded="false" style="height: 30px;">
				
				<div class="row" style="display: flex; flex-wrap: wrap;">

					<div style="display: flex; flex-direction: column; margin-top: -10px; margin-bottom: 13px; margin-right: 10px;" tabindex="-1">
						<div class="form-group" style="width: fit-content;" tabindex="-1">
							<input class=""
								type="radio"								
								ng-model="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO"								
								ng-disabled="!vm.ConferenciaPDV.ALTERANDO"
								value="1" 
								tabindex="-1"
								name="inlineRadioOptions"
								id="clienteTipo">

							<label class="labelStyleRadio" tabindex="-1" for="clienteTipo" ng-class="{'classBold': vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '1'}">Cliente</label>
						</div>

						<div class="form-group" style="width: fit-content;" tabindex="-1">
							<input class="form-check-input"
								type="radio"
								tabindex="-1"
								ng-model="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO"
								ng-disabled="!vm.ConferenciaPDV.ALTERANDO"
								value="2"
								name="inlineRadioOptions"
								id="colaboradorTipo">

							<label class="labelStyleRadio" tabindex="-1" for="colaboradorTipo" ng-class="{'classBold': vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '2'}">Colaborador</label>
						</div>				
					</div>
					
					<div style="width: 440px; display: contents; margin-left: 5px;">
						<div style="display: inline-flex;" ng-show="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '1'">
							<input type="color" 
								style="-webkit-appearance: none;
									height: 39px;
									padding: 0;
									width: 40px;
									border: groove 2px;
									border-color: rgb(255, 255, 255);
									background-color: @{{ vm.ConferenciaPDV.SELECTED.COR_TIPO_CLIENTE != '' ? vm.ConferenciaPDV.SELECTED.COR_TIPO_CLIENTE : '#FFFFFF'}};
									cursor: not-allowed;
									border-radius: 10px;									
									margin-right: -3px;
									margin-top: 22px;
									z-index: 9;
									border-top-right-radius: 2px;
									border-bottom-right-radius: 2px;" 
								value="@{{ vm.ConferenciaPDV.SELECTED.COR_TIPO_CLIENTE != '' ? vm.ConferenciaPDV.SELECTED.COR_TIPO_CLIENTE : '#FFFFFF'}}"
								class="form-control input-medio campo_cor@{{tarefa.SEQUENCIA}}"
								ng-disabled="true">
							<div style="display: -webkit-inline-box;" class="consulta-cliente"></div>
						</div>
						<div style="display: -webkit-inline-box;" ng-show="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '2'" class="consulta-colaborador"></div>

						<div class="form-group" ng-show="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '2' && vm.ConsultaColaborador.item.selected == true">
							<label>Valor de Crédito:</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.ConferenciaPDV.SELECTED.SALDO_COLABORADOR"
									disabled="true">
							</div>
						</div>

						<button title="Cadastrar Cliente" tabindex="-1" ng-if="!vm.ConsultaCliente.item.dados.ID > 0 && vm.ConferenciaPDV.ALTERANDO && vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '1'" 
							style="height: 34px; display: -webkit-inline-box; margin: 25px 15px 0px -5px;" class="btn btn-success btn-sam"
							type="button" ng-click="vm.ConsultaCliente.apagar();vm.ConferenciaPDV.ngWinPopUp('/_12241/incluir',0,{width: 1000, height: 700},1)" >
							<span class="glyphicon glyphicon-plus"></span>
						</button>

						<button title="Alterar Cliente" tabindex="-1" ng-if="vm.ConsultaCliente.item.dados.ID > 0 && vm.ConferenciaPDV.ALTERANDO && vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '1'" 
							style="height: 34px; display: -webkit-inline-box; margin: 25px 15px 0px -5px;" class="btn btn-primary btn-sam"
							type="button" ng-click="vm.ConferenciaPDV.ngWinPopUp('/_12241/alterar',0,{width: 1000, height: 700},1)" >
							<span class="glyphicon glyphicon-edit"></span>
						</button>
					</div>
					
					<div style="display: -webkit-inline-box;" class="consulta-representanteinc" ng-show="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '1'"></div>					
					
					<div style="display: -webkit-inline-box;" class="consulta-corretor" ng-show="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '1'"></div>
					
					<div style="display: -webkit-inline-box;" class="consulta-vendedorinc"></div>					
					
				</div>

			</div>
		</div>

		<div class="row"
			 ng-show="vm.ConsultaCliente.item.dados.ID > 0 
				   && vm.ConferenciaPDV.SELECTED.PERFIL_ANALISE_LIMITE_CREDITO == 1 
				   && trim_null(vm.ConsultaPerfilPedidoInc.item.dados.DESCRICAO) != ''
				   && vm.ConferenciaPDV.ALTERANDO" 
						style="margin-top: 5px; display: grid;">
			<div class="row" style="display: flex;">
				<label ng-if="vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_CLIENTE > 0" style="background-color: black; color: yellow; text-align: center;
					width: @{{vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE > 0 ? '33%' : '50%'}}; font-size: 20pt;border-radius: 10px;"> Limite de Crédito: R$ @{{vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_CLIENTE | number:2 }}</label>
				
				<label ng-if="vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_CLIENTE == 0 && !(vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_GRUPO > 0)" style="background-color: black; color: yellow; text-align: center;
					width: @{{vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE > 0 ? '33%' : '100%' }}; font-size: 20pt;border-radius: 10px;"> Limite de Crédito: Sem Limite</label>
				
				<label ng-if="vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_GRUPO > 0 && vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_CLIENTE == 0" style="background-color: black; color: yellow; text-align: center;
					width: @{{vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE > 0 ? '33%' : '50%'}}; font-size: 20pt;border-radius: 10px;"> Limite de Crédito(Grupo): R$ @{{vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_GRUPO | number:2 }}</label>
				
				<label ng-if="vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE > 0" style="background-color: black; color: yellow; text-align: center;
					width: @{{vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE > 0 ? '33%' : '50%'}}; font-size: 20pt;border-radius: 10px;"> Saldo Utilizado: R$ @{{vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE | number:2 }}</label>			
				
				<label ng-if="vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_CLIENTE > 0" style="background-color: black; color: yellow; text-align: center;
					width: @{{vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE > 0 ? '33%' : '50%'}}; font-size: 20pt;border-radius: 10px;"> Saldo Disponível: R$ @{{vm.ConferenciaPDV.SELECTED.SALDO_RESTANTE_CLIENTE | number:2 }}</label>			
				
				<label ng-if="vm.ConferenciaPDV.SELECTED.SALDO_RESTANTE_GRUPO > 0 && vm.ConferenciaPDV.SELECTED.LIMITE_CREDITO_CLIENTE == 0" style="background-color: black; color: yellow; text-align: center;
					width: @{{vm.ConferenciaPDV.SELECTED.CRED_UTILIZADO_CLIENTE > 0 ? '33%' : '50%'}}; font-size: 20pt;border-radius: 10px;"> Saldo Disponível(Grupo): R$ @{{vm.ConferenciaPDV.SELECTED.SALDO_RESTANTE_GRUPO | number:2 }}</label>
			</div>
		</div>

		<div class="row"
			 ng-show="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '2' 
			 	   && vm.ConsultaColaborador.item.dados.ID > 0 
				   && (vm.ConsultaFormaPagamento.item.dados.NFE_TIPPAG == '80' || vm.ConsultaFormaPagamento.item.dados.NFE_TIPPAG == 80)
				   && trim_null(vm.ConsultaPerfilPedidoInc.item.dados.DESCRICAO) != ''
				   && trim_null(vm.ConsultaFormaPagamento.item.dados.DESCRICAO) != ''
				   && vm.ConferenciaPDV.ALTERANDO" 
						style="margin-top: 5px; display: grid;">
			<div class="row" style="display: flex;">
				<label ng-if="vm.ConferenciaPDV.SELECTED.VALOR_CREDITO > 0" style="background-color: black; color: yellow; text-align: center;
					width: 50%; font-size: 20pt;border-radius: 10px;"> Limite de Crédito: R$ @{{vm.ConferenciaPDV.SELECTED.VALOR_CREDITO | number:2 }}</label>
				
				<label ng-if="vm.ConferenciaPDV.SELECTED.VALOR_CREDITO == 0" style="background-color: black; color: yellow; text-align: center;
					width: 100%; font-size: 20pt;border-radius: 10px;"> Limite de Crédito: Sem Limite</label>
				
				<label ng-if="vm.ConferenciaPDV.SELECTED.VALOR_CREDITO > 0" style="background-color: black; color: yellow; text-align: center;
					width: 50%; font-size: 20pt;border-radius: 10px;"> Saldo Disponível: R$ @{{vm.ConferenciaPDV.SELECTED.SALDO_COLABORADOR | number:2 }}</label>
			</div>
		</div>
			
		<div class="row" style="display: flex;" 
			ng-if="(vm.ConferenciaPDV.SELECTED.VALOR_LIQUIDO_TROCA > 0 
				 || vm.ConferenciaPDV.SELECTED.VALOR_LIQUIDO_DEVOLUCAO > 0) 
				 && trim_null(vm.ConsultaPerfilPedidoInc.item.dados.DESCRICAO) != ''
				 && (vm.ConferenciaPDV.SELECTED.EXIGE_VALOR_TROCA) > 1
				 && vm.ConferenciaPDV.ALTERANDO">
			<label ng-if="vm.ConferenciaPDV.SELECTED.VALOR_LIQUIDO_TROCA > 0 && (vm.ConferenciaPDV.SELECTED.EXIGE_VALOR_TROCA == 4 || vm.ConferenciaPDV.SELECTED.EXIGE_VALOR_TROCA == 2)" style="background-color: black; color: yellow; text-align: center;
				width: 50%; font-size: 20pt;border-radius: 10px;"> Trocas Abertas: R$ @{{vm.ConferenciaPDV.SELECTED.VALOR_LIQUIDO_TROCA | number:2 }}</label>
			<label ng-if="vm.ConferenciaPDV.SELECTED.VALOR_LIQUIDO_DEVOLUCAO > 0 && (vm.ConferenciaPDV.SELECTED.EXIGE_VALOR_TROCA == 4 || vm.ConferenciaPDV.SELECTED.EXIGE_VALOR_TROCA == 3)" style="background-color: black; color: yellow; text-align: center;
				width: 50%; font-size: 20pt;border-radius: 10px;"> Trocas Fechadas: R$ @{{vm.ConferenciaPDV.SELECTED.VALOR_LIQUIDO_DEVOLUCAO | number:2 }}</label>
		</div>
		
		<div class="panel panel-primary" style="margin-bottom: 5px !important; margin-top: 3px;"> 
			<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="-1" data-hotkey="alt+3" 
				id="containerPedido3" data-toggle="collapse" data-target="#dadosPrePedido3" aria-expanded="true" aria-controls="dadosPrePedido3" ng-click="vm.changePainel('dadosPrePedido3');">
				<h3 class="panel-title" tabindex="-1">Dados Gerais <sub>(Alt+3)</sub>
					<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
					   ng-class="{'fa-chevron-circle-down': !vm.DADOS_PRE_PEDIDO3,
					   			  'fa-chevron-circle-up': vm.DADOS_PRE_PEDIDO3}" aria-hidden="true">
					</i></h3> 
			</div> 
			<div class="panel-body collapse" id="dadosPrePedido3" aria-expanded="false" style="height: 30px;">
				
				<div class="row" style="display: flex;">
					<div style="display: flex; flex-direction: column;">
						<!-- <div class="form-group" style="display: block !important;">
							<label>Cód.Pré-Pedido</label>
							<div>
								<input type="text" class="form-control input-medio"
									ng-model="vm.ConferenciaPDV.SELECTED.IMP_CODIGO" disabled>
							</div>
						</div> -->
						
						<div style="display: -webkit-inline-box;" class="consulta-localizacao"></div>			

						<div style="display: -webkit-inline-box;" class="consulta-forma-pagamento"></div>

						<div class="form-group">
							<label>Data de Fechamento:</label>
							<input 
								type="date" 
								class="form-control input-medio" 
								ng-atalho 
								ng-model="vm.ConferenciaPDV.SELECTED.DATA_FECHAMENTO" 
								ng-readonly="!vm.ConferenciaPDV.ALTERANDO || vm.ConferenciaPDV.SELECTED.FATURAMENTO_IMEDIATO == 1" 
								style="width: 340px;">
						</div>
						
						<!-- <div class="form-group" ng-show="vm.ConferenciaPDV.SELECTED.TIPO_DADOS_OPCAO == '1'">
							<label>Comissão Representante:</label>
							<div class="input-group left-icon">
								<input type="text" ng-number-format="2" min="0.00" style="width: 150px;"
									max="100" class="form-control input-medio text-right"
									ng-model="vm.ConferenciaPDV.SELECTED.REPRESENTANTE_COMISSAO"
									ng-disabled="vm.ConferenciaPDV.SELECTED.PERFIL_ALTERAR_COMISSAO != 1 || !vm.ConferenciaPDV.ALTERANDO">
								<div class="input-group-addon" style="color: rgb(85, 85, 85); padding: 9px;"> % </div>
							</div>
						</div> -->
					</div>
					
					<div class="form-group">
						<label>Observações</label>
						<div>
							<textarea style="resize: none; width: calc(640px); height: 163px;"
								type="text" class="form-control" ng-readonly="!vm.ConferenciaPDV.ALTERANDO"
								ng-model="vm.ConferenciaPDV.SELECTED.OBSERVACAO" maxlength="500" rows="2">
							</textarea>
						</div>
					</div>
				</div>

			</div>
		</div>
		
		<div class="panel panel-primary" style="margin-bottom: 5px !important; margin-top: 3px;"> 
			<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="-1" data-hotkey="alt+4" 
				id="containerPedido4" data-toggle="collapse" data-target="#dadosPrePedido4" aria-expanded="true" aria-controls="dadosPrePedido4" ng-click="vm.changePainel('dadosPrePedido4');">
				<h3 class="panel-title" tabindex="-1">Itens <sub>(Alt+4)</sub>
					<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
					   ng-class="{'fa-chevron-circle-down': !vm.DADOS_PRE_PEDIDO4,
					   			  'fa-chevron-circle-up': vm.DADOS_PRE_PEDIDO4}" aria-hidden="true">
					</i></h3> 
			</div> 
			<div class="panel-body collapse" id="dadosPrePedido4" aria-expanded="false" style="height: 30px;">
				
				<div class="row">
						
					<ul class="list-inline">
						<li ng-if="vm.ConferenciaPDV.ALTERANDO || vm.ConferenciaPDV.INCLUINDO">
							<button 
								type="button" 
								class="btn btn-primary btn-incluir"
								data-hotkey="f4"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ConferenciaPDV.ALTERANDO || vm.bloq_ic_modelo == '0'" 
								ng-click="vm.ConferenciaPDVItens.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir por Modelo
							</button>

							<!-- <div class="dropdown" id="dropCompilado" ng-if="vm.ConferenciaPDV.HABILITA_INCLUIR_ITENS">
								<a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
									<span class="fa fa-th-list"></span> Inclusão
								</a>
								<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><a href="javascript:void(0)" ng-click="vm.ConferenciaPDVItens.incluir();"><span class="glyphicon glyphicon-plus"></span> Por referência</a></li>
									<li><a href="javascript:void(0)" ng-click="vm.ConferenciaPDVItens.incluirItensSimplificado();"><span class="glyphicon glyphicon-plus"></span> Simplificada </a></li>
								</ul>
							</div> -->
						</li>
						<li ng-if="vm.ConferenciaPDV.ALTERANDO || vm.ConferenciaPDV.INCLUINDO">

							<button 
								type="button" 
								class="btn btn-primary btn-incluir-ean" 
								
								data-hotkey="f6"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ConferenciaPDV.ALTERANDO" 
								ng-click="vm.ConferenciaPDVItens.incluirItensSimplificado()">
								<span class="glyphicon glyphicon-plus"></span> Incluir por EAN
							</button>

						</li>
						
						<li ng-if="vm.ConferenciaPDV.ALTERANDO || vm.ConferenciaPDV.INCLUINDO">
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 								
								data-hotkey="f7"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ConferenciaPDV.ALTERANDO || vm.bloq_ic_modelo == '0'" 
								ng-click="vm.ConferenciaPDVItens.incluirItensSku()">
								<span class="glyphicon glyphicon-plus"></span> Incluir por SKU
							</button>
						</li>

						<li ng-if="vm.ConferenciaPDV.ALTERANDO || vm.ConferenciaPDV.INCLUINDO">
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 								
								data-hotkey="f8"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ConferenciaPDV.ALTERANDO" 
								ng-click="vm.ConferenciaPDVItens.incluirItensByRFID()">
								<span class="glyphicon glyphicon-plus"></span> Incluir por RFID
							</button>
						</li>

						<li ng-if="vm.ConferenciaPDV.ALTERANDO || vm.ConferenciaPDV.INCLUINDO">
							<button
								type="button" 
								class="btn btn-warning btn-aplicar-desconto" 
								data-aplic-desconto="@{{vm.aplic_desconto}}" 
								data-hotkey="f9"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ConferenciaPDV.ALTERANDO || vm.aplic_desconto == '0'"
								ng-click="vm.ConferenciaPDVItens.onValidacaoDesconto()">
								<span class="glyphicon glyphicon-plus"></span> Aplicar Desconto
							</button>
						</li>

						<li>
							<button
								type="button" 
								class="btn btn-danger btn-excluir" 
								ng-if="vm.ConferenciaPDV.HABILITA_INCLUIR_ITENS && vm.TabelaSecundaria.DADOS.length > 0"
								data-hotkey="f10"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ConferenciaPDV.ALTERANDO"
								ng-click="vm.ConferenciaPDVItens.excluirAllItens()">
								<span class="glyphicon glyphicon-trash"></span> Excluir Todos os Itens
							</button>
						</li>
					</ul>
					<div class="tabela_secundaria" id="tabela_secundaria"></div>				
				</div>
			</div>
		</div>

	</div>
		
	<!--fieldset style="margin-top: 10px;"  style="margin-top: 10px;">
		<legend>Itens</legend>
		<div style="margin-bottom: 10px;">
		</div>
	</fieldset-->
	
</div>
</form>

@overwrite