@extends('master')

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

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

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>
	@php $cupomId = isset($_GET['CUPOM_ID']) ? $_GET['CUPOM_ID'] : 0
	@php $filtroNFCsNaoTransmitidas = isset($_GET['NFC_NAO_TRANSMITIDA']) ? $_GET['NFC_NAO_TRANSMITIDA'] : 0
	
	<input type="hidden" class="CUPOM_ID" 	    value="{{$cupomId}}">
	<input type="hidden" id="permissao_alterar" value="{{userMenu($menu)->ALTERAR}}">
	
	<input type="hidden" class="filtroNFCsNaoTransmitidas" 	    value="{{$filtroNFCsNaoTransmitidas}}">
	<input type="hidden" class="qtdNFCsNaoTransmitidas" 	    value="{{$qtdNFCsNaoTransmitidas}}">
	<input type="hidden" class="dataNFCsNaoTransmitidas" 	    value="{{$dataNFCsNaoTransmitidas}}">
	<input type="hidden" id="CLS_CHEQUE"   name="CLS_CHEQUE"  value="-1">
	<input type="hidden" id="POST_CHEQUE"  name="POST_CHEQUE" ng-click="vm.Cfe.addNewCheque();">

	<input type="hidden" value="{{fn_parametro('SISTEMA.TIPO_COMISSAO', Auth::user()->CODIGO )}}" id="tipoComissaoSistema">
	<input type="hidden" value="{{fn_parametro('SISTEMA.TIPO_COMISSAO_PDV_CFE', Auth::user()->CODIGO )}}" id="tipoComissaoPdvCfe">
	
	<input type="hidden" value="{{fn_parametro('TBUSUARIO.IMPORTAR_CFE', Auth::user()->CODIGO )}}" id="paramImportacaoCupomFiscal">
	<input type="hidden" value="{{ userMenu($menu)->INCLUIR }}" id="permisssaoIncluir">
	<input type="hidden" value="{{fn_parametro('TBUSUARIO.FILTRAR_OUTROS_VENDEDORES'   , Auth::user()->CODIGO )}}" id="_outros_vendedores">
	<input type="hidden" value="{{fn_parametro('TBUSUARIO.PERMITE_GERAR_COMISSAO_CUPOM', Auth::user()->CODIGO )}}" id="_gerar_comissao">
	<input type="hidden" value="{{fn_parametro('TBUSUARIO.PERMITE_ALTERAR_VENDEDOR'	   , Auth::user()->CODIGO )}}" id="permiteAlterarVendedor">
	<input type="hidden" value="{{fn_parametro('SISTEMA.RESUMO_FAMILIA_ROMANEIO'	   , Auth::user()->CODIGO )}}" id="resumoFamiliaRomaneio">
	<input type="hidden" value="{{fn_parametro('SISTEMA.IMPRIMIR_FORMAS_PAG'	   , Auth::user()->CODIGO )}}" id="imprimirFormasPagamento">
	
	
	<input type="hidden" value="{{fn_parametro('TBUSUARIO.PERMITE_TRANSMISSAO_19040' , Auth::user()->CODIGO )}}" id="_permite_transmitir">
	<input type="hidden" value="{{fn_parametro('TBUSUARIO.PERMITE_CANCELAMENTO_19040', Auth::user()->CODIGO )}}" id="_permite_cancelar">

	@php $obs_rotulo_padrao = fn_parametro('SISTEMA.OBS_IMPRESSAO_ROTULOS');
	<input type="hidden" class="_obs_rotulo_padrao" id="_obs_rotulo_padrao" value="{{$obs_rotulo_padrao}}">

	<ul class="list-inline acoes">    
		<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.Cfe.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
		
		<li>
			<div class="dropdown" id="dropCompilado">
				<a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</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 ng-if="vm.Cfe.IMPORTAR_CFE == '1'"><a href="javascript:void(0)" ng-click="vm.Cfe.importarXml();"><span class="fa fa-upload"></span> Importar documentos fiscais</a></li>
					<!-- <li><a href="javascript:void(0)" ng-click="vm.Cfe.checkCuponsEmitidos();"><span class="fa fa-upload"></span> Verificar documentos fiscais emitidos</a></li> -->
					<li><a href="javascript:void(0)" ng-click="vm.CfeFuncionalidades.incluir();"><span class="fa fa-file-archive-o"></span> Extrair documentos fiscais</a></li>
					<li><a href="javascript:void(0)" ng-click="vm.CfeFuncionalidades.executeProcessosInternos();"><span class="fa fa-wrench"></span> Executar processos internos para documentos pendentes</a></li>
					<li><a href="javascript:void(0)" ng-click="vm.CfeFuncReprocessarInfos.incluir();"><span class="glyphicon glyphicon-edit"></span> Reprocessar Informações de Estoque/Contábil/Financeiro </a></li>
					<li><a href="javascript:void(0)" ng-click="vm.Cfe.processarNFCEsNaoTransmitidas();"><span class="glyphicon glyphicon-edit"></span> Processar NFCEs não transmitidas </a></li>
				</ul>
			</div>
		</li>

		<input type="file" class="arquivos_xml" on-import-file="vm.Cfe.processarArquivosImportacaoXml($event, files)" ng-model="vm.Cfe.ARQUIVOS_XML" style="display: none;" enctype="multipart/form-data" hidden multiple>
	</ul>  
        
    <style>
	
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }

		.t-status.status-2:before {
            background-color: rgb(68, 157, 68);            
        }

		.t-status.status-3: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;
		}
        
		/* RESPONSIVIDADE LARGURA LEGENDA */
		@media (max-width: 480px) {
			#legenda1, #legenda2 {
				width: 100%;
				min-height: 50px !important;
			}
		}

		/* QUICKFIX - RESPONSIVIDADE DO CAMPO "DOCUMENTO" */
		@media (max-width: 425px){
			#docFiscal {
				min-width: max-content !important;
			}
		}
    </style>
	<form ng-submit="vm.Cfe.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 de Emissão:</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 data_ini filter_main"
						required
						ng-atalho
						ng-model="vm.Cfe.DataInicio"						
						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 data_fim filter_main"
						ng-atalho
						required
						ng-model="vm.Cfe.DataFim"
						ng-change="vm.TabelaPrincipal.apagar();">
				</div>
			</div>	

			<div class="form-group">
				<label>Situação:</label>
				<select class="form-control"
					ng-model="vm.Cfe.SITUACAO">
					<option ng-value="''">TODOS</option>
					<option ng-value="'1'">Não Autorizado</option>
					<option ng-value="'2'">Autorizado/Transmitido</option>
					<option ng-value="'5'">Autorizado/Não Transmitido</option>
					<option ng-value="'4'">Com Pendências</option>
					<option ng-value="'3'">Cancelado</option>
					<option ng-value="'6'">Importados</option>
				</select>
			</div>

			<div class="form-group">
				<label>Tipo:</label>
				<select class="form-control"
					ng-model="vm.Cfe.FILTRO_TIPO_DOC_CUPOM">
					<option value="">TODOS</option>
					<option value="0">CUPOM FISCAL</option>
					<option value="1">NOTA FISCAL</option>
					<option value="2">NF.CONSUMIDOR</option>
					<option value="3">ROMANEIO</option>
				</select>
			</div>

			<div class="form-group">
				<label>Difal:</label>
				<select class="form-control"
					ng-model="vm.Cfe.FILTRO_DIFAL">
					<option value="">TODOS</option>
					<option value="0">APENAS COM DIFAL</option>
					<option value="3">GNRE NÃO GERADA/NÃO TRANSMITIDA</option>
					<option value="1">GNRE GERADA/NÃO TRANSMITIDA</option>
					<option value="2">GNRE GERADA/TRANSMITIDA</option>
				</select>
			</div>
			<!--
			<div class="form-group">
				<label>Tipo:</label>
				<select class="form-control"
					ng-model="vm.Cfe.FILTRO_TIPO_DOC_CUPOM">
					<option value="">TODOS</option>
					<option value="0">CUPOM FISCAL</option>
					<option value="1">NOTA FISCAL</option>
					<option value="2">NF.CONSUMIDOR</option>
					<option value="3">ROMANEIO</option>
					
				</select>
			</div>

			<div class="form-group">
				<label>Natureza:</label>
				<select class="form-control"
					ng-model="vm.Cfe.FILTRO_TIPO_CUPOM">
					<option value="">TODOS</option>
					<option value="0">LANÇAMENTO</option>
					<option value="1">EMISSÃO</option>
					
				</select>
			</div>-->
			<div style="display: -webkit-inline-box;" class="consulta-estabelecimento"></div>
			<div style="display: -webkit-inline-box;" class="consulta-representante-filtro"></div>
			<div style="display: -webkit-inline-box;" class="consulta-corretor-filtro"></div>
			<div style="display: -webkit-inline-box;" class="consulta-vendedor-filtro"></div>
			<div style="display: -webkit-inline-box;" class="consulta-caixa"></div>
			<div style="display: -webkit-inline-box;" class="consulta-operador"></div>
			<!-- <div style="display: -webkit-inline-box;" class="consulta-empresa-filtro"></div> -->

			<div style="display: -webkit-inline-box;" class="consulta-canal-vendas-filtro"></div>
			

			<div id="info-1" style="display: none">
				<div class="origem-container">
					<table class="table table-striped table-bordered">
						<thead>
							<tr>
								<th class="text-left"></th>
							</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>
			
			<div class="form-group">
				<label>Documento:</label>
				<input style="text-align: end; width: 75px !important" type="text" id="docFiscal" 
					only-digits2 class="form-control input-menor filter_main"
					ng-model="vm.Cfe.NCFE">
			</div>			
<!-- 
			<div class="form-group">
				<label for="FiltroClienteFiscal">Cliente / Colaborador:</label>
				<input type="text" style="width: 180px;" id="FiltroClienteFiscal"
					class="form-control filter_main" ng-model="vm.Cfe.FILTRO_CLIENTE_COLAB">
			</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.Cfe.FILTRO_TIPO_EMPRESA"
					ng-change="vm.ConsultaClienteFiltro.apagar();vm.ConsultaColaboradorFiltro.apagar();"
					style="margin: -1px -1px 0px 0px; height: 33px; border-radius: 8px 0px 1px 9px; background-color: #e2e2e2;">
					<option value="1">Cliente</option>
					<option value="2">Colaborador</option>
				</select>
				<div ng-show="vm.Cfe.FILTRO_TIPO_EMPRESA == 1" 
					style="display: -webkit-inline-box; margin-top: -2px;" class="consulta-cliente-filtro"></div>
				<div ng-show="vm.Cfe.FILTRO_TIPO_EMPRESA == 2" 
					style="display: -webkit-inline-box; margin-top: -2px;" class="consulta-colaborador-filtro"></div>
			</div>

			<div class="form-group">
				<label for="idDocFiscal">ID / Chave de Acesso:</label>
				<input type="text" style="width: 180px;" only-digits2 id="idDocFiscal"
					class="form-control filter_main text-right" ng-model="vm.Cfe.CHAVE_ACESSO">
			</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 id="gerar_etq_print"></div>

    @include($menu.'.modal.Cfe')
	@include($menu.'.modal.CfeItens')
	@include($menu.'.modal.CfeItensNfRetorno')
	@include($menu.'.modal.CfeItensDetalheCheque')
	@include($menu.'.modal.CfeFuncionalidades')
	@include($menu.'.modal.CfeFuncReprocessarInfos')
	@include($menu.'.modal.CfeFuncReprocessarInfosConfirm')
	@include($menu.'.modal.ConfirmItensSelected')
	@include($menu.'.modal.NFCartaCorrecao')
	@include($menu.'.modal.ConsultaMultipla')

	<div class="pdf-ver" ng-show="vm.Cfe.SELECTED.HABILITA_ESPELHO_NFE">

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

		<div class="pdf-acoes">

			<button type="button" class="btn btn-default esconder-arquivo" ng-click="vm.Cfe.enviarEspelho()">
				<span class="glyphicon glyphicon-envelope"></span>
				Enviar
			</button>

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

			<button type="button" class="btn btn-default pdf-fechar" ng-click="vm.Cfe.SELECTED.HABILITA_ESPELHO_NFE = false;">
				<span class="glyphicon glyphicon-chevron-left"></span>
				Voltar
			</button>
			
		</div>
	    
		<div class="conteudoPDF">
			<object data="" type="application/pdf" id="objectData"></object>
		</div>
	</div>


	<div id="modalConsumidorFinalCupom" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 1105px !important;">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar Código Consumidor Final</span>
							</h4>					
						</div>
						<div class="modal-header-right">
	
							<button ng-click="vm.Cfe.confirmarAlterarDestinatario();" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="fa fa-clone"></span> Gravar
							</button>
	
							<button ng-click="vm.Cfe.cancelarAlterarDestinatario();" 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" style="height: 470px !important;">
						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">De:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">Para:</span>
							</div>
							<div class="col-md-6">
								
								<div style="display: -webkit-inline-box;" class="consulta-destinario-original-fiscal"></div>
								
							</div>
	
							<div class="col-md-6" style="border-left: 1px solid lightgray !important;">
	
								<div style="display: -webkit-inline-box;" class="consulta-destinario-novo-fiscal">		 </div>
								<div style="display: -webkit-inline-box;" class="consulta-destinatario-novo-colaborador"></div>
	
							</div>
							
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id="modalProcessoZip" class="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Processo de Extrair Arquivos</h3>
					</div>
					<div class="modal-header-right">
						<button ng-if="vm.CfeFuncionalidades.HABILITA_FECHAR_MODAL_ZIP == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.CfeFuncionalidades.fecharModalZip()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Fechar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<!-- <p ng-bind="vm.CfeFuncionalidades.DESC_PROGRESSO_UNICO" style="font-weight: bold;"></p>
					<p ng-bind="vm.CfeFuncionalidades.DESC_PROGRESSO_UNICO_DET"></p>
					<div class="progress">
						<div id="progressoBarUnico" class="progress-bar progress-bar-striped progress-bar-animated active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
						</div>
					</div> -->

					<!-- <hr/> -->

					<p ng-bind="vm.CfeFuncionalidades.DESC_PROGRESSO_TOTAL" style="font-weight: bold;"></p>
					<div class="progress">
						<div id="progressoBarTotal" class="progress-bar progress-bar-danger progress-bar-striped progress-bar-animated active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalAlteracaoRepVend" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar Representante/Vendedor do Cupom Fiscal</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.confirmAlterarRepVend()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.Cfe.cancelarAlteracaoRepVend()" 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" style="height: 470px !important;">

						<div class="row">

							<div class="form-group">
								<label>Cliente:</label>
								<input 
									type="text"
									class="form-control" 
									style="width: 437px;"
									required
									ng-model="vm.Cfe.SELECTED.DESC_CLIENTE"
									ng-disabled="true">
							</div>

							<div class="form-group">
								<label>Cupom Fiscal:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 132px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.NUMERO_CFE2"
										disabled>	
								</div>
							</div>
							
							<div class="form-group">
								<label>Série:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-tag"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 65px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.SERIE2"
										disabled>	
								</div>
							</div>

							<div class="form-group">
								<label>Chave de Acesso:</label>
								<div class="input-group left-icon">
									<div ng-if="vm.Cfe.INCLUINDO" ttitle="Colar Chave de Acesso" class="input-group-addon" style="padding: 9px !important; cursor: pointer;"><span class="fa fa-clone"></span></div> 
									<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
									<input 
										type="text"
										style="height: 35px; width: 403px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.CHAVE_ACESSO" 
										maxlength="44"
										ng-disabled="true">	
								</div>
							</div>

							<div class="form-group">
								<label>Data de Emissão:</label>
								<input 
									type="datetime-local"
									id="dataEmissao"
									class="form-control input-medio" 
									required
									ng-atalho
									ng-model="vm.Cfe.SELECTED.DATA_EMISSAO"
									ng-readonly="!vm.Cfe.ALTERANDO">
							</div>
						
						</div>

						<hr>

						<div class="row">
							
							<div class="col-md-12">
								
								<div style="display: -webkit-inline-box;" class="consulta-representante-new"></div>
								
								<div class="form-group" ng-if="vm.tipoComissaoPdvCfe != 1 && vm.tipoComissaoPdvCfe != '1'">
									<label>Comissão Rep.</label>
									<div class="input-group left-icon">

										<input
											ng-number-format="2"
											type="text"
											style="width: 105px;"
											class="form-control text-right"
											ng-model="vm.Cfe.SELECTED.REPRESENTANTE_COMISSAO"
											min="0"
											max="100">

										<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-percent"></span></div>
									</div>
								</div>

								<div class="form-group" ng-if="vm.tipoComissaoPdvCfe != 1 && vm.tipoComissaoPdvCfe != '1'">
									<label>Forma de Comissão:</label>
									<select  
										ng-model="vm.Cfe.SELECTED.FORMA_COMISSAO"
										style="width: 162px;">	
										<option value="F">Faturamento</option>
										<option value="L">Liquidez</option>
									</select>
								</div>

							</div>
							
							<div class="col-md-12" style="border-right: 1px solid lightgray !important; display: flex;">
								
								<div style="display: -webkit-inline-box;" class="consulta-vendedor-new"></div>
								<div style="display: -webkit-inline-box;" class="consulta-corretor-vendas-new"></div>

								<!--<div class="form-group">
									<label>Comissão Vend.</label>
									<div class="input-group left-icon">

										<input
											ng-number-format="2"
											type="text"
											style="width: 105px;"
											class="form-control text-right"
											ng-model="vm.Cfe.SELECTED.VENDEDOR_COMISSAO"
											min="0"
											max="100">

										<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-percent"></span></div>
									</div>
								</div> -->
								
							</div>

						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id="modalInclusaoXmls" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Importação de Documentos Fiscais por XML </h3>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-if="vm.Cfe.HABILITA_VOLTAR_IMPORTACAO_XML" ng-click="vm.Cfe.fecharModalInclusaoXmls()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<div class="panel-group" id="painelImportacaoXmlGroup">
						<div class="panel" 
							ng-repeat="item in vm.Cfe.ARRAY_INCLUSAO_XMLS track by $index" 
							style="margin-bottom: 20px !important;" 
							ng-class="{'panel-danger': item.REGISTRO_INCLUIDO == 0, 'panel-success': item.REGISTRO_INCLUIDO == 1, 'panel-warning': item.REGISTRO_INCLUIDO == 3}">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" href="#collapse@{{$index}}">
										@{{ item.STATUS }}
									</a>
								</h4>
							</div>
							<div id="collapse@{{$index}}" class="panel-collapse collapse" ng-class="{'in' : (item.REGISTRO_INCLUIDO != 1 && $last)}">

								<div class="panel-body">

									<div class="row">
										<div class="col-md-4">
											<div class="list-group" id="list-tab" role="tablist">
												<a 
													class="list-group-item list-group-item-action listGroupImportacao" 
													style="cursor: pointer;"
													ng-class="{'active' : $last}"
													ng-repeat="collapse in item.DETAILS_COLLAPSE track by $index"
													data-toggle="list" 
													id="listCollapse@{{$index}}@{{collapse.INDEX}}" 
													ng-click="vm.Cfe.collapseImportacaoXml(collapse, $index, $parent.$index);"
													role="tab" ng-bind="collapse.STATUS"></a>
											</div>
										</div>
										<div class="col-md-8">
											<div class="tab-content" id="tabContentImportacaoXml">
												<div
													class="tab-pane" 
													ng-repeat="collapse in item.DETAILS_COLLAPSE track by $index" 
													ng-class="{'active' : $last}" 
													id="subCollapse@{{$index}}@{{collapse.INDEX}}" 
													role="tabpanel">

														<div class="box_importacao_xml">
															<div class="box__content_multiple_products">
																<ul class="notification-list-multiple-products">
																	<li class="notification-list__item_multiple_products" ng-repeat="arr in collapse.DETALHES_INCLUSAO track by $index" ng-class="{'notification-list__item_multiple_products--new': $last}">
																		<a href="javascript:void(0);">
																			<small ng-if="arr.ERROR == '0'" style="margin-bottom: 5px;"><span class="fa fa-check" style="color: rgb(7, 214, 7);"></span></small>
																			<small ng-if="arr.ERROR == '1'" style="margin-bottom: 5px;"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span></small>
																			<small ng-if="arr.ERROR == '2'" style="margin-bottom: 5px;"><span class="fa fa-exclamation-triangle" style="color: #f0ad4e;"></span></small>
																			<span ng-bind="arr.STATUS"></span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>

												</div>
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>

 	<div id="modalAlteracaoCanalVendas" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar Canal de Vendas</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.confirmAlterarCanalVendas()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.Cfe.cancelarAlteracaoCanalVendas()" 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" style="height: 470px !important;">

						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">De:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">Para:</span>
							</div>
							<div class="col-md-6" style="border-right: 1px solid lightgray !important;">
								
								<div style="display: -webkit-inline-box;" class="consulta-canal-vendas-old"></div>
								
							</div>

							<div class="col-md-6">

								<div style="display: -webkit-inline-box;" class="consulta-canal-vendas-new"></div>

							</div>
							
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id="modalAlteracaoCorretor" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar Corretor</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.confirmAlterarCorretor()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.Cfe.cancelarAlteracaoCorretor()" 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" style="height: 470px !important;">

						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">De:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">Para:</span>
							</div>
							<div class="col-md-6" style="border-right: 1px solid lightgray !important;">
								
								<div style="display: -webkit-inline-box;" class="consulta-corretor-vendas-old"></div>
								
							</div>

							<div class="col-md-6">

								<div style="display: -webkit-inline-box;" class="consulta-corretor-vendas-new"></div>

							</div>
							
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>


	<div id="modalParametrosNF" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Parâmetros para Documento Fiscal</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.onGravarTransmitir()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="fa fa-paper-plane"></span> Transmitir
							</button>

							<button ng-click="vm.Cfe.cancelarTransmitir()" 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" style="height: 765px !important;">

						<div class="row">
							<div style="display: -webkit-inline-box;" class="consulta-perfil-nf" ng-show="vm.Cfe.SELECTED.TIPO_DOC_NF == 1"></div>

							<div class="form-group" style="display: inline-block !important;" ng-if="vm.Cfe.EMITIR_NF_ACOMPANHAMENTO == 0 && vm.Cfe.SELECTED.TIPO_DOC_NF > 0">
								<label style="font-weight: bold; margin-right: 4px;">Tipo:</label>
								<div class="check-group">
									<label class="lbl" style="margin-right: 25px;" ng-if="vm.Cfe.SELECTED.PERMITIR_NFE == 1">
										<input type="radio" ng-model="vm.Cfe.SELECTED.TIPO_DOC_NF" ng-value="1" ng-checked="vm.Cfe.SELECTED.TIPO_DOC_NF == 1" tabindex="-1">
										<span>Nota Fiscal (NF-e)</span>
									</label>
									<label class="lbl" style="margin-right: 25px;" ng-if="vm.Cfe.SELECTED.PERMITIR_NFCE == 1">
										<input type="radio" ng-model="vm.Cfe.SELECTED.TIPO_DOC_NF" ng-value="2" ng-checked="vm.Cfe.SELECTED.TIPO_DOC_NF == 2" tabindex="-1">
										<span>Nota Fiscal de Consumidor (NFC-e)</span>
									</label>
								</div>
							</div>

							<div class="panel panel-primary" style="margin-bottom: 5px !important; margin-top: 20px !important;"> 
								<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" data-hotkey="alt+1" id="containerDestinatario1"
									data-toggle="collapse" data-target="#dadosDestinatarioNF" aria-expanded="true" aria-controls="dadosDestinatarioNF" ng-click="vm.changePainel('5');"> 				
									<h3 class="panel-title">Detalhes do Cliente <sub>(Alt+1)</sub>
										<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
										ng-class="{'fa-chevron-circle-down': !vm.DADOS_DEST_NF,
													'fa-chevron-circle-up'  : vm.DADOS_DEST_NF}" aria-hidden="true">
										</i></h3> 
								</div> 
								<div class="panel-body collapse" id="dadosDestinatarioNF" aria-expanded="false" style="height: 30px;">
									<div class="row">			
										
										<div class="form-group">
											<label>CPF/CNPJ:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												required
												ng-model="vm.Cfe.SELECTED.CLIENTE_CPF_MASKED"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Cliente:</label>
											<input 
												type="text"
												class="form-control" 
												style="width: 390px;"
												required
												ng-model="vm.Cfe.SELECTED.DESC_CLIENTE"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
										
										<div class="form-group">
											<label>Inscrição Estadual:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												required
												ng-model="vm.Cfe.SELECTED.CLIENTE_IE"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>CEP:</label>
											<input 
												type="text"
												class="form-control input-menor" 
												style="width: 132px !important;"
												ng-model="vm.Cfe.SELECTED.CLIENTE_CEP_MASKED"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
										
										<div class="form-group">
											<label>Endereço:</label>
											<input 
												type="text"
												class="form-control input-maior" 
												required
												ng-model="vm.Cfe.SELECTED.CLIENTE_ENDERECO"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Bairro:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												required style="width: 250px !important;"
												ng-model="vm.Cfe.SELECTED.CLIENTE_BAIRRO"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
										
										<div class="form-group">
											<label>Cidade:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												required
												value="@{{vm.Cfe.SELECTED.CLIENTE_CIDADE_DESCRICAO }} (@{{vm.Cfe.SELECTED.CLIENTE_UF}})"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

									</div>
								</div>
							</div>

							<div class="align-items-center">
								<div class="form-group">
									<label for="observacaoComplementares">Informações Complementares do Documento Fiscal:</label>
									<textarea class="form-control" id="observacaoComplementares" maxlength="200" ng-model="vm.Cfe.SELECTED.OBSERVACOES_COMPLEMENTARES" rows="3" style="width: 868px !important;"></textarea>
								</div>

								<div class="form-group">
									<label for="observacaoComplementares">Informações Complementares de Interesse do Fisco:</label>
									<textarea class="form-control" id="observacaoFisco" maxlength="200" ng-model="vm.Cfe.SELECTED.OBSERVACOES_FISCO" rows="3" style="width: 868px !important;"></textarea>
								</div>
							</div>

						</div>
					</div>
				</form>
			</div>
		</div>
	</div>


	<div id="modalAlteracaoCaixaPDV" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar Caixa</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.confirmAlterarCaixaDocumentoFiscal()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.Cfe.cancelarAlteracaoCaixaDocumentoFiscal()" 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" style="height: 470px !important;">

						<div class="row">

							<div class="form-group">
								<label>Destinatário:</label>
								<input 
									type="text"
									class="form-control" 
									style="width: 437px;"
									required
									ng-model="vm.Cfe.SELECTED.DESC_CLIENTE"
									ng-disabled="true">
							</div>

							<div class="form-group">
								<label>Documento Fiscal:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 132px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.NUMERO_CFE2"
										disabled>	
								</div>
							</div>
							
							<div class="form-group">
								<label>Série:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-tag"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 65px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.SERIE2"
										disabled>	
								</div>
							</div>

							<div class="form-group">
								<label>Chave de Acesso:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
									<input 
										type="text"
										style="height: 35px; width: 403px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.CHAVE_ACESSO" 
										maxlength="44"
										ng-disabled="true">	
								</div>
							</div>

							<div class="form-group">
								<label>Data de Emissão:</label>
								<input 
									type="datetime-local"
									id="dataEmissao"
									class="form-control input-medio" 
									required
									ng-atalho
									ng-model="vm.Cfe.SELECTED.DATA_EMISSAO"
									ng-readonly="!vm.Cfe.ALTERANDO">
							</div>
						
						</div>

						<br>

						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">De:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">Para:</span>
							</div>
							<div class="col-md-6" style="border-right: 1px solid lightgray !important;">
								
								<div style="display: -webkit-inline-box;" class="consulta-caixa-pdv-old"></div>
								
							</div>

							<div class="col-md-6">

								<div style="display: -webkit-inline-box;" class="consulta-caixa-pdv-new"></div>

							</div>
							
						</div>
						<br>
						<div class="alert alert-warning" role="alert" style="font-size: 12pt;">
							Ao alterar o caixa do documento os parcelamentos e comissões serão reprocessados
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>	

	<div id="modalAlteracaoPagamento" class="modal master-modal-big" 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" style="overflow-x: scroll;">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>19030 - Alterar Forma de Pagamento</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.confirmAlterarFormaPagamento()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.Cfe.cancelarAlteracaoFormaPagamento()" 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" style="height: calc(100% - 100px) !important; display: inline-flex;">
						<!-- <div style="width: 452px; border: 1px solid #337ab7; border-radius: 11px; padding: 0px 0px 0px 0px; display: inline-block;">

							
													
							<div class="table-ec table-scroll" style="height: calc(100% - 200px); min-height: 300px; width: 450px;">
								<table id="tabela_parcelas_novas" class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
									<thead>
										<tr gc-order-by="vm.Cfe.FORMA_PAGAMENTO.ORDER_BY2">
											<th field="PARCELA">Parc.</th>											
											<th field="FDATA_VENCIMENTO">Dt.Venc.</th>
											<th class="text-right" field="VALOR">Valor</th>
											<th class="text-right" field="VALOR_SALDO">Valor Saldo</th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="item in vm.Cfe.FORMA_PAGAMENTO.DADOS_RENDER_PARCELAS_BACKUP = ( vm.Cfe.FORMA_PAGAMENTO.DADOS_PARCELAS_BACKUP | orderBy : vm.Cfe.FORMA_PAGAMENTO.ORDER_BY2 | find: {model : vm.Cfe.FORMA_PAGAMENTO.FILTRO_DADOS2 ,fields : 'all'}) track by $index"
											ng-class="{ 'selected' : vm.Cfe.FORMA_PAGAMENTO.PARCELA.SELECTED == item }" ng-keydown="vm.Cfe.atalho_enter(vm.Cfe.FORMA_PAGAMENTO.PARCELA.SELECTED,item,$event)" tabindex="0">
											<td><span>@{{ item.PARCELA || 0 | lpad: [2,0] }}</span></td>
											<td><span>@{{item.FDATA_VENCIMENTO}}</span></td>
											<td class="text-right"><span>R$ @{{ item.VALOR | number: 2 }}</span></td>
											<td class="text-right"><span>R$ @{{ item.VALOR_SALDO | number: 2 }}</span></td>
										</tr>
										<tr style="font-weight: bold;" tabindex="0">
											<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191); text-align: right;">TOTAL</td>
											<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191); text-align: right;"></td>
											<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191); text-align: right;" class="text-right"><span>R$ @{{ vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.VALOR 		   | number: 2 }}</span></td>
											<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191); text-align: right;" class="text-right"><span>R$ @{{ vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.SALDO_PARCELAS | number: 2 }}</span></td>
										</tr>
									</tbody>
								</table>
							</div>

						</div> -->

						<div style="border: 1px solid #337ab7; border-radius: 11px; padding: 0px; margin-left: 5px;">
							<div style="background-color: #1f51ff; width: 100%; color: white; text-align: center; font-size: 14pt; border-radius: 8px 8px 0px 0px;">
								Forma de Pagamento Atual: @{{vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.DESC_FORMAPAG}}, Parcelas: @{{vm.Cfe.FORMA_PAGAMENTO.DADOS_PARCELAS_BACKUP.length || 0 | lpad: [2,0] }}, Valor Total R$ @{{vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.VALOR | number: 2}}
							</div>
							<!-- <div style="background-color: #1f51ff; width: 100%; color: white; text-align: center; border-radius: 8px 8px 0px 0px;">Novos Parcelamentos</div> -->
							<div style="padding: 9px;">
								<div style="display: -webkit-inline-box;" class="consulta-forma-pagamento-new"></div>

								<div class="form-group" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.CONTA_RECEBER_BAIXA_ID > 0">
									<label>Caixa/Banco p/ Baixa:</label>
									<input type="text" class="form-control" ng-disabled="true"
										ng-model="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.DESC_BANCO_BAIXA">
								</div>

								<div style="display: -webkit-inline-box;" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PDV_TIPO   == '12'" class="consulta-adiantamento-cliente"></div>
								
								<div style="display: -webkit-inline-box;" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PDV_TIPO   == '11'" class="consulta-adiantamento-conciliacao"></div>
								
								<div style="display: -webkit-inline-box;" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PDV_TIPO   == '10'" class="consulta-vouchers"></div>
								
								<div style="display: -webkit-inline-box;" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PDV_TIPO   == '4'"  class="consulta-devolucao"></div>
								
								<div class="form-group" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.NFE_TIPPAG == '02'">
									<div>
										<div style="display: -webkit-inline-box;" class="consulta-cheque"></div>

										<button title="Cadastrar Cheque" tabindex="-1" style="display: -webkit-inline-box; margin-left: -16px; margin-top: 20px; height: 36px;" class="btn btn-success"
											type="button" ng-click="vm.Cfe.ngWinPopUp('/_20510/incluir',0,{width: 1000, height: 700},1)" >
											<span class="glyphicon glyphicon-plus"></span>
										</button>
									</div>
								</div>

								<div style="display: -webkit-inline-box;" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.NFE_TIPPAG == '15'" class="consulta-banco-new"></div>

								<div style="display: -webkit-inline-box;" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true && vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.NFE_TIPPAG == '15'" class="consulta-cobranca-new"></div>

								<div style="display: -webkit-inline-box;" class="consulta-bandeira-new"
									ng-show="vm.ConsultaFormaPagamentoPDVNew.item.dados.NFE_TIPPAG == '03' || vm.ConsultaFormaPagamentoPDVNew.item.dados.NFE_TIPPAG == '04'"></div>

								<div class="form-group" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.dados.NFE_TIPPAG == '03' || vm.ConsultaFormaPagamentoPDVNew.item.dados.NFE_TIPPAG == '04'">
									<label>Código de Autorização:</label>
									<input type="text" class="form-control codigo_autorizacao" 
										ng-model="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.CODIGO_AUTORIZACAO">
								</div>

								<div class="form-group" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.dados.NFE_TIPPAG == '03' || vm.ConsultaFormaPagamentoPDVNew.item.dados.NFE_TIPPAG == '04'">
									<label>NSU:</label>
									<input type="text" class="form-control nsu1" 
										ng-model="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.NSU">
								</div>

								<div class="form-group" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true">
									<label>Valor:</label>
									<div class="input-group left-icon">
										<div class="input-group-addon" style="padding: 9px !important; color: white; background-color: #5cb85c !important;">R$</div>
										<input type="text" style="height: 34px; width: 125px;" class="form-control text-right valor_distribuido"
											ng-model="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.VALOR_DISTRIBUIDO" 
											ng-number-format="2" ng-change="vm.Cfe.LimparParcelas()"
											ng-disabled="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.NFE_TIPPAG == '02'">	
									</div>
								</div>

								<div class="form-group" ng-show="vm.ConsultaFormaPagamentoPDVNew.item.selected == true">
									<label>Parcelas:</label>
									<div>
										<input type="text" style="height: 34px; width: 65px;" class="form-control text-right parcelas"
											ng-show="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PARCELA_UNICA != 1"
											ng-number-format="0" min="0" max="999" ng-model="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PARCELAS"
											ng-disabled="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.BLOQUEIO_PARCELAS == true || vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.BLOQUEIO_PARCELAS2 == true || vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.NFE_TIPPAG == '02'"
											ng-change="vm.Cfe.LimparParcelas()">
										<button type="button" data-hotkey="f6" class="btn btn-primary" ng-click="vm.Cfe.AtualizarParcelas();"
											ng-if="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PARCELAS_RECRIADAS == false"
											style="height: 34px; border-radius: 0px 4px 4px 2px;">
											<span class="glyphicon glyphicon-refresh"></span> Atualizar Parcelas
										</button>
										<button type="button" data-hotkey="f6" class="btn btn-primary" ng-click="vm.Cfe.CalcularNovasParcelas();"
											ng-if="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PARCELAS_RECRIADAS == true"
											style="height: 34px; border-radius: 0px 4px 4px 2px;">
											<span class="glyphicon glyphicon-plus"></span> Incluir Parcelas
										</button>
										<button type="button" data-hotkey="f12" class="btn btn-danger" ng-click="vm.Cfe.ExcluirTodasNovasParcelas();" 
											style="height: 34px; border-radius: 0px 5px 5px 2px;">
											<span class="glyphicon glyphicon-trash"></span> Excluir Parcelas
										</button>
									</div>
								</div>	

								<div class="table-ec table-scroll" style="height: calc(100% - 200px); min-height: 300px; /* max-height: 592px; */ width: calc(100vw - 200px); /* max-width: 760px; */ /* min-width: 400px;*/">
									<table id="tabela_parcelas_novas" class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
										<thead>
											<tr gc-order-by="vm.Cfe.FORMA_PAGAMENTO.ORDER_BY2">
												<th field="FPAGAMENTO_FORMA">Forma de Pagamento</th>
												<th field="PARCELA">Parc.</th>
												<th field="DATA_VENCIMENTO">Data de Vencimento</th>
												<th field="BANCO_ID">Caixa\Banco</th>
												<th field="COBRANCA_ID">Cobrança</th>
												<th field="BANDEIRA">Bandeira</th>
												<th field="CODIGO_AUTORIZACAO">Código de Autorização</th>
												<th field="NSU">NSU</th>
												<th class="text-right" field="VALOR">Valor</th>
												<th field="EXCLUIR">Opções</th>
											</tr>
										</thead>
										<tbody>
											<tr ng-repeat="item in vm.Cfe.FORMA_PAGAMENTO.DADOS_RENDER_PARCELAS = ( vm.Cfe.FORMA_PAGAMENTO.DADOS_PARCELAS | orderBy : vm.Cfe.FORMA_PAGAMENTO.ORDER_BY2 | find: {model : vm.Cfe.FORMA_PAGAMENTO.FILTRO_DADOS2 ,fields : 'all'}) track by $index"
												ng-focus="vm.Cfe.FORMA_PAGAMENTO.PARCELA.SELECTED = item" ng-class="{ 'selected' : vm.Cfe.FORMA_PAGAMENTO.PARCELA.SELECTED == item }" ng-keydown="vm.Cfe.atalho_enter(vm.Cfe.FORMA_PAGAMENTO.PARCELA.SELECTED,item,$event)" tabindex="0">											
												<td><span>@{{ item.FPAGAMENTO_FORMA || 0 | lpad: [4,0] }} - @{{item.DESCRICAO_FORMA}}</span></td>
												<td><span>@{{ item.PARCELA || 0 | lpad: [2,0] }}</span></td>
												<td>
													<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 data_venc data_venc_parc_@{{item.PARCELA}}" id="data_venc_parc_@{{item.PARCELA}}"
															ng-model="item.DATA_VENCIMENTO2" ng-keypress="$event.keyCode === 13 && vm.atalho_campos($event,item.PARCELA,'#tabela_parcelas_novas');">
													</div>
												</td>
												<td><span ng-if="item.BANCO_ID 	  > 0 && (item.NFE_TIPPAG == '01' || item.NFE_TIPPAG == '15' || item.NFE_TIPPAG == '17' || item.NFE_TIPPAG == '20')">@{{ item.BANCO_ID || 0 | lpad: [4,0] }} - @{{item.BANCO_DESCRICAO}}</span></td>
												<td><span ng-if="item.COBRANCA_ID > 0 && item.NFE_TIPPAG == '15'">@{{ item.COBRANCA_ID || 0 | lpad: [4,0] }} - @{{item.COBRANCA_DESCRICAO}}</span></td>
												<td>
													<span ng-if="item.BANDEIRA 	  > 0 && (item.NFE_TIPPAG == '03' || item.NFE_TIPPAG == '04')">@{{ item.BANDEIRA || 0 | lpad: [4,0] }} - @{{item.BANDEIRA_CARTAO}}</span>
													<!-- <div ng-if="(item.NFE_TIPPAG == '03' || item.NFE_TIPPAG == '04')" class="input-group left-icon" style="width: 120px;">
														<div class="input-group-addon" style="color: rgb(85 85 85); padding: 9px;"> R$ </div> 
														<input type="text" id="codigo_autorizacao_@{{item.PARCELA}}" style="height: 34px;" onfocus="this.select();"
															class="form-control mudar-preco text-right codigo_autorizacao codigo_autorizacao_@{{item.PARCELA}} campo_editavel_item" 
															ng-model="item.CODIGO_AUTORIZACAO" ng-keypress="$event.keyCode === 13 && vm.atalho_campos($event,item.PARCELA,'#tabela_parcelas_novas');">
													</div>-->
												</td>
												<td>
													<span ng-if="(item.NFE_TIPPAG == '03' || item.NFE_TIPPAG == '04')">@{{ item.CODIGO_AUTORIZACAO }}</span>
													<!-- <div ng-if="(item.NFE_TIPPAG == '03' || item.NFE_TIPPAG == '04')" class="input-group left-icon" style="width: 120px;">
														<div class="input-group-addon" style="color: rgb(85 85 85); padding: 9px;"> R$ </div> 
														<input type="text" id="codigo_autorizacao_@{{item.PARCELA}}" style="height: 34px;" onfocus="this.select();"
															class="form-control mudar-preco text-right codigo_autorizacao codigo_autorizacao_@{{item.PARCELA}} campo_editavel_item" 
															ng-model="item.CODIGO_AUTORIZACAO" ng-keypress="$event.keyCode === 13 && vm.atalho_campos($event,item.PARCELA,'#tabela_parcelas_novas');">
													</div>-->
												</td>
												<td>
													<span ng-if="(item.NFE_TIPPAG == '03' || item.NFE_TIPPAG == '04')">@{{ item.NSU }}</span>
													<!-- <div ng-if="(item.NFE_TIPPAG == '03' || item.NFE_TIPPAG == '04')" class="input-group left-icon" style="width: 120px;">
														<div class="input-group-addon" style="color: rgb(85 85 85); padding: 9px;"> R$ </div> 
														<input type="text" id="nsu_@{{item.PARCELA}}" style="height: 34px;" onfocus="this.select();"
															class="form-control mudar-preco text-right nsu nsu_@{{item.PARCELA}} campo_editavel_item" 
															ng-model="item.NSU" ng-keypress="$event.keyCode === 13 && vm.atalho_campos($event,item.PARCELA,'#tabela_parcelas_novas');">
													</div>-->
												</td>
												<td class="text-right">
													<div class="input-group left-icon" style="width: 120px;">
														<div class="input-group-addon" style="color: rgb(85 85 85); padding: 9px;"> R$ </div>
														<input type="text" ng-number-format="2" min="0.01" id="valor_parc_@{{item.PARCELA}}" 
															max="99999999.99" style="height: 34px;" onfocus="this.select();"
															class="form-control mudar-preco text-right valor_parc valor_parc_@{{item.PARCELA}} campo_editavel_item" 
															ng-model="item.VALOR" ng-blur="vm.ValidarSaldoItem(item);vm.Cfe.CalcularTotalNovasParcelas()" ng-disabled="item.BLOQUEIO_ALTERACAO"
															ng-keypress="$event.keyCode === 13 && vm.atalho_campos($event,item.PARCELA,'#tabela_parcelas_novas');">
													</div>
												</td>
												<td>
													<div ng-if="vm.Cfe.FORMA_PAGAMENTO.OBJETO_ALTERACAO.PARCELAS_RECRIADAS == true">
														<button type="button" class="btn btn-danger" ng-click="vm.Cfe.ExcluirNovasParcelas($event,item);">
															<span class="glyphicon glyphicon-trash"></span> 
														</button>
													</div>
												</td>
											</tr>
											
											<tr style="font-weight: bold;" tabindex="0">
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);">TOTAL</td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);"></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);"></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);"></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);"></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);"></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);"></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);"></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);" class="text-right"><span>R$ @{{ vm.Cfe.FORMA_PAGAMENTO.TOTAL_PARCELAS_GERADAS | number: 2 }}</span></td>
												<td style="position: sticky; bottom: 0; z-index: 2; background-color: rgb(191, 191, 191);" class="text-right"><span></span></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>

					<div class="row" style="padding: 15px;">
						<div class="alert alert-warning" role="alert"> 
							A forma de pagamento Brinde não pode ser alterada por essa funcionalidade
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id="modalErrosTransmissao" class="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Erros de Transmissão</h3>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-warning" ng-click="vm.Cfe.buscarNFAcompanhamento()" data-hotkey="f2">
        					<span class="glyphicon glyphicon-play"></span> Consultar
    					</button>	
						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Cfe.fecharErrosTransmissao()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Fechar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<div class="alert alert-danger" role="alert" ng-repeat="item in vm.Cfe.ERROS_TRANSMISSAO track by $index">
						@{{item}}
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalConfirmCCe" class="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Carta de Correção - Confirmação</h3>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.Cfe.confirmarGravarCCe()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Gravar
    					</button>	

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Cfe.fecharModalConfirmCCe()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Fechar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">

					<fieldset>
						<div class="form-group">
							<label ttitle="A Correção mais recente substitui as anteriores">Correção</label>
							<div>
								<textarea style="resize: none; width: 868px;"
									type="text"
									class="form-control inputObservacao" 
									ng-model="vm.Cfe.DADOS_CCE.CORRECAO"
									ng-keyup="vm.Cfe.countCaracteresCorrecao();"
									maxlength="1000"
									rows="10">
								</textarea>
								<span style="margin-top: 10px; font-weight: bold; right: 11px; position: absolute;">@{{vm.Cfe.DADOS_CCE.COUNT_CARACTERES}} caracteres</span> 
							</div>
						</div>
					</fieldset>

					<div class="bs-callout bs-callout-danger" id="callout-glyphicons-dont-mix"> 
						<h4>Importante</h4>
						<p>A Carta de Correção é disciplinada pelo § 1º-A do art. 7º 
						do Convênio S/N, de 15 de dezembro de 1970 e pode ser 
						utilizada para regularização de erro ocorrido na emissão de 
						Documento Fiscal, desde que o erro não esteja relacionado 
						com: <br><b>I</b> - As variáveis que determinam o Valor do Imposto 
						tais como: Base de Cálculo, Alíquota, Diferença de Preço, 
						Quantidade, Valor da Operação ou da Prestação; <br><b>II</b> - A 
						Correção de Dados Dadastrais que implique mudança do 
						Remetente ou do Destinatário; <br><b>III</b> - A Data de Emissão ou de Saída.</p>
					</div>

				</div>
			</div>
		</div>
	</div>

	
	
	<div id="modalRegistrarDAEDIFAL" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Registrar Número DAE/DIFAL</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.onConfirmarRegistrarDAEDIFAL()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.Cfe.cancelarRegistrarDAEDIFAL()" 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="row">

							<div class="form-group">
								<label>Destinatário:</label>
								<input 
									type="text"
									class="form-control" 
									style="width: 425px;"
									required
									ng-model="vm.Cfe.SELECTED.DESC_CLIENTE"
									ng-disabled="true">
							</div>

							<div class="form-group">
								<label>Documento Fiscal:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 132px;" 
										class="form-control"
										ng-model="vm.Cfe.SELECTED.NUMERO_CFE2"
										disabled>	
								</div>
							</div>
							
							<div class="form-group">
								<label>Série:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-tag"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 65px;" 
										class="form-control"
										ng-model="vm.Cfe.SELECTED.SERIE2"
										disabled>	
								</div>
							</div>

							<div class="form-group">
								<label>Chave de Acesso:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
									<input 
										type="text"
										style="height: 35px; width: 392px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.CHAVE_ACESSO" 
										maxlength="44"
										ng-disabled="true">	
								</div>
							</div>

							<div class="form-group">
								<label>Número DAE/DIFAL:</label>
								<input
									type="text"
									style="height: 35px; width: 165px;"
									class="form-control text-right"
									ng-model="vm.Cfe.SELECTED.NUMERO_DAE"
									min="0"
									maxlength="10"
									only-digits2>
							</div>
							
							<div class="form-group">
								<label>Vencimento DAE DIFAL:</label>
								<input type="date" ng-atalho
									style="width: 170px !important;"
									class="form-control input-medio" 									
									ng-model="vm.Cfe.SELECTED.VENCIMENTO_DAE_DIFAL">
							</div>

						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id="modalLogsTransmissao" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Logs de Transmissão </h3>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Cfe.fecharModalLogsTransmissao()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<div class="panel-group">
						<div class="panel panel-default" ng-repeat="item in vm.Cfe.ARRAY_LOGS_TRANSMISSAO track by $index">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" href="#collapse@{{$index}}" ng-click="vm.Cfe.collapseOpenClose(item);">
										Log @{{ $index + 1 }} - @{{item.DATAHORA_F}}
										<span class="fa" ng-class="{'fa-chevron-up': item.ABERTO, 'fa-chevron-down': !item.ABERTO}" style="float: right;"></span>
									</a>
								</h4>
							</div>
							<div id="collapse@{{$index}}" class="panel-collapse collapse" ng-class="{'in' : $last}">
								<div class="panel-body">
									<div class="box_multiple_products">
										<div class="box__content_multiple_products">
											<ul class="notification-list-multiple-products">
												<li class="notification-list__item_multiple_products" ng-repeat="arr in item.ARRAY_LOG track by $index" ng-class="{'notification-list__item_multiple_products--new': $last}">
													<a href="javascript:void(0);">
														<small ng-if="arr.ERROR == '0'"><span class="fa fa-check" style="color: rgb(7, 214, 7);"></span> &nbsp; Passo @{{$index + 1}}</small>
														<small ng-if="arr.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small>
														<span ng-bind="arr.STATUS"></span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalEmissaoGNRE" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title" style="display: inline-block !important; vertical-align: middle !important;">
								<span>Guia GNRE</span>
							</h4>

							<span class="label label-success" id="labelEmissao" ng-if="vm.Cfe.SELECTED.GUIA_EMITIDA == true" style="margin-left: 12px !important; padding: 8px 13px 9px 12px !important;">
								<span class="glyphicon glyphicon-ok"></span> &nbsp;
								LOTE PROCESSADO E COM PROTOCOLO DE AUTORIZAÇÃO 
							</span>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.onEmissaoGuiaGNRE(2)" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="fa fa-paper-plane"></span> Transmitir
							</button>

							<button ng-click="vm.Cfe.onEmissaoGuiaGNRE(1)" type="button" class="btn btn-primary" data-hotkey="f2">
								<span class="fa fa-file-code-o"></span> Gerar Xml
							</button>

							<button ng-click="vm.Cfe.imprimirGuiaGNRE()" type="button" class="btn btn-warning" data-hotkey="f3">
								<span class="fa fa-print"></span> Imprimir
							</button>

							<button ng-click="vm.Cfe.getLotesGNRE()" type="button" class="btn btn-default" data-hotkey="f4">
								<span class="fa fa-tags"></span> Consultar Lotes
							</button>

							<!-- <button ng-click="vm.Cfe.onEmissaoGuiaGNRE(3)" type="button" class="btn btn-default" data-hotkey="f4">
								<span class="fa fa-tags"></span> Teste Impressão
							</button> -->

							<button ng-click="vm.Cfe.cancelarEmissaoGuiaGNRE()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
								<span class="fa fa-ban"></span> Cancelar
							</button>

						</div>
						
					</div>
					<div class="modal-body">
						<div class="row">

							<div class="alert alert-danger" role="alert" ng-if="vm.Cfe.REJEICAO_GNRE == true">
								<b><i class="fa fa-exclamation-circle" style="margin-right: 5px;"></i>Rejeição ao autorizar lote</b><br><br>
								<span ng-bind="vm.Cfe.MENSAGEM_REJEICAO"></span>
							</div>

							<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
								<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" data-hotkey="alt+1" id="containeInfNF"
									data-toggle="collapse" data-target="#dadosInfNF" aria-expanded="true" aria-controls="dadosInfNF" ng-click="vm.changePainel('8');"> 				
									<h3 class="panel-title">Detalhes do Documento Fiscal 
										<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
										ng-class="{'fa-chevron-circle-down': !vm.DADOS_DOC_FISCAL,
													'fa-chevron-circle-up'  : vm.DADOS_DOC_FISCAL}" aria-hidden="true">
										</i>
									</h3> 
								</div> 
								<div class="panel-body collapse" id="dadosInfNF" aria-expanded="false" style="height: 30px;">
									<div class="row">			

										<div class="form-group">
											<label>ID:</label>
											<input 
												type="text"
												class="form-control" 
												disabled
												ng-model="vm.Cfe.SELECTED.ID">
										</div>

										<div class="form-group">
											<label>Documento:</label>
											<div class="input-group left-icon">
												<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
												<input 
													type="text"
													class="form-control input-medio" style="width: 115px;"
													ng-model="vm.Cfe.SELECTED.NUMERO_CFE2"
													readonly="readonly">
											</div>
										</div>

										<div class="form-group">
											<label>Série:</label>
											<div class="input-group left-icon">
												<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
												<input 
													type="text" style="width: 60px !important;"
													class="form-control input-menor"
													ng-model="vm.Cfe.SELECTED.SERIE2"
													readonly="readonly">
											</div>
										</div>

										<div class="form-group">
											<label>Data de Emissão:</label>
											<input type="date" ng-atalho
												style="width: 170px !important;"
												class="form-control input-medio" 		
												disabled						
												ng-model="vm.Cfe.SELECTED.DATA_EMISSAO"> 
										</div>

										<div class="form-group">
											<label>Chave de Acesso:</label>
											<div class="input-group left-icon">
												<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
												<input 
													type="text"
													style="height: 35px; width: calc(480px);" 
													class="form-control"
													ng-model="vm.Cfe.SELECTED.CHAVE_ACESSO"
													disabled>	
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
								<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" data-hotkey="alt+1" id="containeGNRE"
									data-toggle="collapse" data-target="#dadosGNRENF" aria-expanded="true" aria-controls="dadosGNRENF" ng-click="vm.changePainel('7');"> 				
									<h3 class="panel-title">Detalhes da GNRE 
										<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
										ng-class="{'fa-chevron-circle-down': !vm.DADOS_GNRE,
													'fa-chevron-circle-up'  : vm.DADOS_GNRE}" aria-hidden="true">
										</i>
									</h3> 
								</div> 
								<div class="panel-body collapse" id="dadosGNRENF" aria-expanded="false" style="height: 30px;">
									<div class="row">			
										<div style="display: -webkit-inline-box;" class="consulta-receitas"></div>

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

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

										<div class="form-group">
											<label>Data de Vencimento:</label>
											<input type="date" ng-atalho
												style="width: 170px !important;"
												class="form-control input-medio" 		
												required							
												ng-model="vm.Cfe.SELECTED.VENCIMENTO_DIFAL"> 
										</div>

										<br>

										<div class="form-group">
											<label>Período de Referência:</label>
											<select class="form-control" ng-model="vm.Cfe.SELECTED.REFERENCIA_MES" required id="referenciaMes" style="width: 194px !important;">
												<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{item.MES}}</option>
											</select>
										</div>

										<div class="form-group">
											<label></label><br>
											<select required class="form-control" ng-model="vm.Cfe.SELECTED.REFERENCIA_ANO" id="referenciaAno">
												<option ng-repeat="item in vm.ARRAY_ANOS | orderBy:'-ANO'" ng-value="item.ANO">@{{ item.ANO }}</option>
											</select>
										</div>

										<div class="form-group">
											<label>Convênio:</label>
											<input 
												type="text"
												class="form-control" 
												style="width: 691px;"
												ng-model="vm.Cfe.SELECTED.CONVENIO">
										</div>

										<div class="form-group">
											<label>Data de Pagamento:</label>
											<input type="date" ng-atalho
												style="width: 170px !important;"
												class="form-control input-medio" 			
												required						
												ng-model="vm.Cfe.SELECTED.PAGAMENTO_DIFAL">
										</div>


									</div>

								</div>
							</div>

							<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
								<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" data-hotkey="alt+1" id="containerEstabelecimentoNFGNRE"
									data-toggle="collapse" data-target="#dadosEstabelecimentoNFGNRE" aria-expanded="true" aria-controls="dadosEstabelecimentoNFGNRE" ng-click="vm.changePainel('6');"> 				
									<h3 class="panel-title">Detalhes do Estabelecimento
										<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
										ng-class="{'fa-chevron-circle-down': !vm.DADOS_EMIT_NF,
													'fa-chevron-circle-up'  : vm.DADOS_EMIT_NF}" aria-hidden="true">
										</i></h3> 
								</div> 
								<div class="panel-body collapse" id="dadosEstabelecimentoNFGNRE" aria-expanded="false" style="height: 30px;">
									<div class="row">			
										
										<div class="form-group">
											<label>CNPJ:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												ng-model="vm.Cfe.SELECTED.ESTABELECIMENTO_CPF_MASKED"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Razão Social:</label>
											<input 
												type="text"
												class="form-control" 
												style="width: 555px;"
												ng-model="vm.Cfe.SELECTED.ESTABELECIMENTO_RAZAOSOCIAL"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
										
										<div class="form-group">
											<label>Inscrição Estadual:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												ng-model="vm.Cfe.SELECTED.ESTABELECIMENTO_IE"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>CEP:</label>
											<input 
												type="text"
												class="form-control input-menor" 
												style="width: 190px !important;"
												ng-model="vm.Cfe.SELECTED.ESTABELECIMENTO_CEP"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<br>
										
										<div class="form-group">
											<label>Endereço:</label>
											<input 
												type="text"
												class="form-control" 
												style="width: 501px !important;"
												ng-model="vm.Cfe.SELECTED.ESTABELECIMENTO_LOGRADOURO"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Bairro:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												style="width: 250px !important;"
												ng-model="vm.Cfe.SELECTED.ESTABELECIMENTO_BAIRRO"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
										
										<div class="form-group">
											<label>Cidade:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												value="@{{vm.Cfe.SELECTED.ESTABELECIMENTO_CIDADE }} (@{{vm.Cfe.SELECTED.ESTABELECIMENTO_UF}})"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Fone:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												style="width: 190px !important;"
												ng-model="vm.Cfe.SELECTED.ESTABELECIMENTO_FONE_MASKED"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
									</div>
								</div>
							</div>

							<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
								<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" data-hotkey="alt+1" id="containerDestinatarioNFGNRE"
									data-toggle="collapse" data-target="#dadosDestinatarioNFGNRE" aria-expanded="true" aria-controls="dadosDestinatarioNFGNRE" ng-click="vm.changePainel('5');"> 				
									<h3 class="panel-title">Detalhes do Cliente 
										<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
										ng-class="{'fa-chevron-circle-down': !vm.DADOS_DEST_NF,
													'fa-chevron-circle-up'  : vm.DADOS_DEST_NF}" aria-hidden="true">
										</i></h3> 
								</div> 
								<div class="panel-body collapse" id="dadosDestinatarioNFGNRE" aria-expanded="false" style="height: 30px;">
									<div class="row">			
										
										<div class="form-group">
											<label>CPF/CNPJ:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												ng-model="vm.Cfe.SELECTED.CLIENTE_CPF_MASKED"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Cliente:</label>
											<input 
												type="text"
												class="form-control" 
												style="width: 555px;"
												ng-model="vm.Cfe.SELECTED.DESC_CLIENTE"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
										
										<div class="form-group">
											<label>Inscrição Estadual:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												ng-model="vm.Cfe.SELECTED.CLIENTE_IE"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>CEP:</label>
											<input 
												type="text"
												class="form-control input-menor" 
												style="width: 190px !important;"
												ng-model="vm.Cfe.SELECTED.CLIENTE_CEP_MASKED"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<br>
										
										<div class="form-group">
											<label>Endereço:</label>
											<input 
												type="text"
												class="form-control" 
												style="width: 501px !important;"
												ng-model="vm.Cfe.SELECTED.CLIENTE_ENDERECO"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Bairro:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												style="width: 250px !important;"
												ng-model="vm.Cfe.SELECTED.CLIENTE_BAIRRO"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>
										
										<div class="form-group">
											<label>Cidade:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												value="@{{vm.Cfe.SELECTED.CLIENTE_CIDADE_DESCRICAO }} (@{{vm.Cfe.SELECTED.CLIENTE_UF}})"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Fone:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												style="width: 190px !important;"
												ng-model="vm.Cfe.SELECTED.CLIENTE_FONE_MASKED"
												ng-readonly="!vm.Cfe.ALTERANDO">
										</div>

									</div>
								</div>
							</div>

							
							<div class="">
								<div class="">
									<div class="" style="margin-top: 45px; display: flex; justify-content: center; align-items: center;">
										<label style="background-color: black; color: yellow; text-align: center;
											width: 100%; font-size: 24pt; border-radius: 10px;"> ICMS: R$ @{{vm.Cfe.SELECTED.VALOR_GNRE | number: 2}} <div class="linha-vertical"></div> FECP: R$ @{{vm.Cfe.SELECTED.VALOR_FCP_GNRE | number: 2}} <div class="linha-vertical"></div> Total: R$ @{{vm.Cfe.SELECTED.VALOR_PRINCIPAL_GNRE | number: 2}}</label>
									</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id="modalProcessoTransmissaoGNRE" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;" ng-bind="vm.Cfe.STATUS_TRANSMISSAO_GNRE"></h3>
					</div>
					<div class="modal-header-right">
						<button ng-if="vm.Cfe.HABILITA_FECHAR_MODAL_TRANSMISSAO_GNRE == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Cfe.fecharModalTransmissaoGnre()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<p ng-bind="vm.Cfe.DESC_PROGRESSO_GNRE"></p>
					<div class="progress">
						<div id="progressoBarTransmissaoGnre" class="progress-bar progress-bar-striped progress-bar-animated active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalLotesGnre" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 1020px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Lotes GNRE</span>
						</h4>
					</div>
					<div class="modal-header-right">
						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.Cfe.fecharModalLotesGnre();">
							<span class="glyphicon glyphicon-chevron-left"></span>
							Voltar
						</button>
					</div>
				</div>
				<div class="modal-body" style="height: calc(100vh - 385px);">
					<form class="form-inline">
						<div class="row">
							<div class="tabela_lotes_gnre" id="tabela_lotes_gnre"></div>	
						</div>
					</form>

				</div>
			</div>
		</div>
	</div>

	<div id="modalAlteracaoPerfil" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar Perfil do Documento Fiscal</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.Cfe.confirmAlterarPerfilNota()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.Cfe.cancelarAlteracaoPerfilNota()" 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" style="height: 470px !important;">

						<div class="row">

							<div class="form-group">
								<label>Destinatário:</label>
								<input 
									type="text"
									class="form-control" 
									style="width: 437px;"
									required
									ng-model="vm.Cfe.SELECTED.DESC_CLIENTE"
									ng-disabled="true">
							</div>

							<div class="form-group">
								<label>Documento Fiscal:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 132px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.NUMERO_CFE"
										disabled>	
								</div>
							</div>
							
							<div class="form-group">
								<label>Série:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-tag"></span></div>
									<input 
										type="text"
										style="height: 34px; width: 65px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.SERIE2"
										disabled>	
								</div>
							</div>

							<div class="form-group">
								<label>Chave de Acesso:</label>
								<div class="input-group left-icon">
									<div ng-if="vm.Cfe.INCLUINDO" ttitle="Colar Chave de Acesso" class="input-group-addon" style="padding: 9px !important; cursor: pointer;"><span class="fa fa-clone"></span></div> 
									<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
									<input 
										type="text"
										style="height: 35px; width: 403px;" 
										class="form-control text-right"
										ng-model="vm.Cfe.SELECTED.CHAVE_ACESSO" 
										maxlength="44"
										ng-disabled="true">	
								</div>
							</div>

							<div class="form-group">
								<label>Data de Saída:</label>
								<input 
									type="datetime-local"
									id="dataEmissaoFiltro"
									class="form-control input-medio" 
									required
									ng-atalho
									ng-model="vm.Cfe.SELECTED.DATAHORA_F"
									ng-readonly="!vm.Cfe.ALTERANDO">
							</div>
						
						</div>

						<br>

						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">De:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">Para:</span>
							</div>
							<div class="col-md-6" style="border-right: 1px solid lightgray !important;">
								
								<div style="display: -webkit-inline-box;" class="consulta-perfil-old"></div>
								
							</div>

							<div class="col-md-6">

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

							</div>
							
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

</div>
@endsection

@section('script')
	<script src="{{ elixir('assets/js/_19040.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