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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.ConferenciaPDVDocFiscal.TIPO_ADD < 3 ? vm.ConferenciaPDVDocFiscal.gravar() : vm.ConferenciaPDVDocFiscal.confirmItensSelected()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>19060 - Gerar Documento Fiscal a partir do Pré-Pedido @{{vm.ConferenciaPDV.SELECTED.DESC_ID}} - (@{{vm.ConferenciaPDV.SELECTED.DESC_CLIENTE}})</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.ConferenciaPDVDocFiscal.ALTERANDO && vm.ConferenciaPDVDocFiscal.TIPO_ADD < 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<button ng-if="vm.ConferenciaPDVDocFiscal.ALTERANDO" ng-click="vm.ConferenciaPDVDocFiscal.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>
	
	<!-- 
	<button ng-if="vm.ConferenciaPDVDocFiscal.ALTERANDO && vm.ConferenciaPDVDocFiscal.TIPO_ADD == 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || (vm.ConferenciaPDVDocFiscal.TIPO_ADD == 2 && vm.ConferenciaPDV.ALTERANDO == false)" ng-if="!vm.ConferenciaPDVDocFiscal.ALTERANDO" ng-click="vm.ConferenciaPDVDocFiscal.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 || (vm.ConferenciaPDVDocFiscal.TIPO_ADD == 2 && vm.ConferenciaPDV.ALTERANDO == false)" ng-if="!vm.ConferenciaPDVDocFiscal.ALTERANDO" ng-click="vm.ConferenciaPDVDocFiscal.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ConferenciaPDVDocFiscal.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	 -->

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 150px);">
<!-- 	
	<div class="panel panel-edit-danger"> 
		<div class="panel-heading" style="cursor: pointer !important;" id="headerPainelInformacoesTaloes" data-toggle="collapse" data-target="#painelInformacoesTaloes" aria-expanded="true" aria-controls="painelInformacoesTaloes" ng-click="vm.ConferenciaPDVDocFiscal.showHideDivTaloes();"> 
			<h3 class="panel-title"> Talões Alocados ao Item do Pedido
				<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.ConferenciaPDVDocFiscal.TOGGLE_DIV_TALOES, 'fa-chevron-circle-up': vm.ConferenciaPDVDocFiscal.TOGGLE_DIV_TALOES}" aria-hidden="true"></i></h3> 
		</div> 
		<div class="panel-body" style="padding: 18px !important;" id="painelInformacoesTaloes">

			<div class="row">
				<div class="tabela_taloes_alocados_item" id="tabela_taloes_alocados_item"></div> 
			</div>

		</div>

	</div> -->

	<div class="my-btn" title="Notificações" ng-show="vm.ConferenciaPDVDocFiscal.SELECTED.HABILITA_BTN_NOTIFICACOES == true" ng-click="vm.ConferenciaPDVDocFiscal.abrirModalNotifications();">
		<div class="my-btn-border"></div>
		<i class="fa fa-bell btn-bell"></i>
	</div>

	<div class="my-btn-tag-empresa" ng-if="vm.ConferenciaPDVDocFiscal.SELECTED.TABELA_TAG == true" data-toggle="popover" data-placement="bottom" data-element-content="#info-tags-empresa" on-finish-render="bs-init" data-original-title="Tags por Quantidade">
		<div class="my-btn-border-tag-empresa"></div>
		<i class="glyphicon glyphicon-tags btn-bell-tag-empresa"></i>
	</div>

	<div id="info-tags-empresa" style="display: none">
		<div class="origem-container">
			<table class="table table-striped table-bordered">
				<thead>
					<tr>
						<th class="text-left">Qtd</th>
						<th class="text-left">Tag</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="arr in vm.ConferenciaPDVDocFiscal.SELECTED.ARRAY_TAG track by $index">
						<td class="text-right" ng-bind="arr.QUANTIDADE_VISUALIZACAO"></td>
						<td class="text-left" ng-bind="arr.TAG"></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

	<div class="row">

		<div style="display: -webkit-inline-box;" class="consulta-cliente-doc-fiscal">		 </div>

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

		<div class="form-group" ng-if="vm.ConferenciaPDVDocFiscal.DADOS_OPERACAO.TIPO_DESCONTO != undefined">
			<label ttitle="<b>Desconto Condicional:</b> O valor dos descontos NÃO é subtraídos das bases de cálculos e nem do Valor Contábil.<br>
					<b>Desconto Incondicional:</b> O valor dos descontos é subtraído nas bases de cálculos do ICMS, ICMS ST, IPI, PIS, COFINS e Valor Contábil">Tipo Desconto:</label>
			<select 
				class="form-control" 
				ng-model="vm.ConferenciaPDVDocFiscal.DADOS_OPERACAO.TIPO_DESCONTO"
				ng-change="vm.ConferenciaPDVDocFiscal.setItensByTipoOperacao();">	
				<option value="C">Condicional</option>
				<option value="I">Incondicional</option>
			</select>
		</div>

		<div style="display: -webkit-inline-box;" class="consulta-transportadora-doc-fiscal"></div>
		<!-- <div style="display: -webkit-inline-box;" class="consulta-cotacao-frete">		 	 </div> -->
	</div>

	<fieldset style="margin-top: 20px;" ng-show="vm.ConferenciaPDVDocFiscal.SELECTED.HABILITA_RESUMO_DOC == true">
		<legend>Resumo do Documento Fiscal</legend>
		<div class="row">
			<div class="form-group">
				<label>CFOP: <a tabindex="-1" href="/_21100" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="21100 - Cadastro de CFOP"></span></a></label>
				<input 
					type="text"
					class="form-control" 
					style="width: 410px;"
					required
					ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.DESC_CFOP"
					ng-disabled="true">
			</div>

			<div class="form-group">
				<label>Indicador de Presença:</label>
				<select 
					class="form-control" 
					style="width: 352px;"
					id="slcIndicadorPresenca"
					ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.INDICADOR_PRESENCA">	
					<option value="0">Não se aplica(Complementar ou Ajuste)</option>
					<option value="1">Operação presencial</option>
					<option value="2">Operação não presencial, pela Internet</option>
					<option value="3">Operação não presencial, Teleatendimento</option>
					<option value="4">NFC-e em operação com entrega a domicílio</option>
					<option value="9">Operação não presencial, outros</option>
				</select>
			</div>


			<div class="form-group">
				<div class="form-group">
					<input id="checkBoxConsumidorFinal" 
						type="checkbox" 
						ng-checked="vm.ConferenciaPDVDocFiscal.SELECTED.CONSUMIDOR_FINAL == '1'" 
						ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.CONSUMIDOR_FINAL" 
						ng-true-value="'1'" 
						ng-false-value="'0'">
					<label for="checkBoxConsumidorFinal" style="font-weight: bolder; margin-left: 3px;">Consumidor Final</label>			
				</div>

				<div class="form-group">
					<input id="checkBoxSpedFiscal" 
						type="checkbox" 
						ng-checked="vm.ConferenciaPDVDocFiscal.SELECTED.SPED_FISCAL == '1'" 
						ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.SPED_FISCAL" 
						ng-true-value="'1'" 
						ng-false-value="'0'">
					<label for="checkBoxSpedFiscal" style="font-weight: bolder; margin-left: 3px;">Sped Fiscal/Dief</label>			
				</div>

				<div class="form-group">
					<input id="checkBoxSpedContribuicoes" 
						type="checkbox" 
						ng-checked="vm.ConferenciaPDVDocFiscal.SELECTED.SPED_CONTRIBUICOES == '1'" 
						ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.SPED_CONTRIBUICOES" 
						ng-true-value="'1'" 
						ng-false-value="'0'">
					<label for="checkBoxSpedContribuicoes" style="font-weight: bolder; margin-left: 3px;">Sped Contribuições</label>			
				</div>
			</div>

			<hr/>

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

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

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

					<input
						ng-number-format="2"
						type="text"
						style="width: 80px;"
						class="form-control text-right"
						ng-model="vm.ConferenciaPDVDocFiscal.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 style="display: -webkit-inline-box;" class="consulta-vendedor-doc-fiscal"></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.ConferenciaPDVDocFiscal.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 class="row" style="margin-top: 20px;">
			<ul id="tab" class="nav nav-tabs" role="tablist"> 
				<li role="presentation" class="active tab-detalhamento" >
					<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true" ng-click="vm.ConferenciaPDVDocFiscal.setFocusFirstElement();">
						Itens
						
					</a>
				</li>

				<li role="presentation" class="tab-detalhamento">
					<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
						Parcelamentos
					</a>
				</li>

				<li role="presentation" class="tab-detalhamento">
					<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
						Transporte
					</a>
				</li>

				<li role="presentation" class="tab-detalhamento">
					<a href="#tab4-container" id="tab4-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false">
						Observações
					</a>
				</li>

				<li role="presentation" class="tab-detalhamento">
					<a href="#tab5-container" id="tab5-tab" data-hotkey="alt+5" role="tab" data-toggle="tab" aria-controls="tab5-container" aria-expanded="false">
						Totais e Impostos
					</a>
				</li>

			</ul>

			<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);">
				
				<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
					<div class="row" style="margin-top: 20px;">
						<ul class="list-inline">    
							<li>
								<div class="dropdown">
									<button id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
										<span class="fa fa-th-list"></span> Opções
									</button>
									<ul class="dropdown-menu dropdown-menu-left multi-level" role="menu" aria-labelledby="dropdownMenu">
										<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Itens</li>
										<!-- <li><a href="javascript:void(0)" ng-click="vm.ConferenciaPDVDocFiscal.addOthersPedidos();"><span class="fa fa-plus"></span> Adicionar itens de outro pedido</a></li> -->
										<!-- <li><a href="javascript:void(0)" ng-click="vm.ConferenciaPDVDocFiscal.alterarValorUnitario();"><span class="fa fa-edit"></span> Alterar Valor Unitário dos Itens</a></li> -->
										<li><a href="javascript:void(0)" ng-click="vm.ConferenciaPDVDocFiscal.intervaloItens();"><span class="fa fa-sort-amount-asc"></span> Selecionar Itens por Intervalo</a></li>
									</ul>
								</div>

							</li>	
							

						</ul>
						<div class="tabela_itens_doc_fiscal" id="tabela_itens_doc_fiscal"></div>
					</div>

				</div>

				<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow:auto;">
					<div class="row" style="margin-top: 20px;">
						<ul class="list-inline">    
							<li style="display: inline-flex;">
								<div class="dropdown">
									<button id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
										<span class="fa fa-th-list"></span> Opções
									</button>
									<ul class="dropdown-menu dropdown-menu-left multi-level" role="menu" aria-labelledby="dropdownMenu">
										<li><a href="javascript:void(0)" ng-click="vm.ConferenciaPDVDocFiscal.acrescentarDiasVencimento();"><span class="fa fa-calendar-check-o"></span> Adicionar/Retroceder Dias ao Vencimento</a></li>
										<li ng-if="vm.AtendimentoPedAberto.SELECTED.PERFIL_AMOSTRA 	   != 1
										&&   vm.AtendimentoPedAberto.SELECTED.PERFIL_CONSIGNACAO   != 1	
										&&   vm.AtendimentoPedAberto.SELECTED.PERFIL_TRANSFERENCIA != 1 && vm.ConferenciaPDVDocFiscal.BLOQUEIA_FORMA_PAG_NF_PEDIDO == '0'"><a href="javascript:void(0)" ng-click="vm.ConferenciaPDVDocFiscal.multiplasFormasPagamento();"><span class="fa fa-tags"></span> Adicionar Múltiplas Formas de Pagamento</a></li>
									</ul>
								</div>
									
								<div style="display: -webkit-inline-box; margin-top: -25px; margin-left: 10px;" class="consulta-forma-pag-doc-fiscal"
									ng-show="vm.ConferenciaPDV.SELECTED.PERFIL_AMOSTRA 	   != 1
										&&   vm.ConferenciaPDV.SELECTED.PERFIL_CONSIGNACAO   != 1	
										&&   vm.ConferenciaPDV.SELECTED.PERFIL_TRANSFERENCIA != 1"></div>

								<!-- <div style="display: -webkit-inline-box; margin-top: -25px; margin-left: 10px;" ng-show="vm.ConferenciaPDVDocFiscal.SELECTED.NFE_TIPPAG == '05' || vm.ConferenciaPDVDocFiscal.SELECTED.NFE_TIPPAG == '21'" class="consulta-devolucao"></div> -->

								<div class="form-group" style="margin-top: -19px; margin-left: 10px;" ng-show="vm.ConsultaFormaPagDocFiscal.item.dados.EMPRESA_ID > 0">
									<label ttitle="Somente para Forma de Pagamento Cartão de Crédito ou Débito">Código Autorização:</label>
									<input 
										type="text"
										class="form-control"
										ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.CODIGO_AUTORIZACAO"
										maxlength="50">
								</div>
								
								<div class="form-group" style="margin-top: -19px; margin-left: 10px;" ng-show="vm.ConsultaFormaPagDocFiscal.item.dados.EMPRESA_ID > 0">
									<label ttitle="Somente para Forma de Pagamento Cartão de Crédito ou Débito">NSU:</label>
									<input 
										type="text"
										class="form-control"
										ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.NSU"
										maxlength="50">
								</div>

								<div style="display: -webkit-inline-box; margin-top: -25px; margin-left: 10px;" class="consulta-cond-pag-doc-fiscal"
									ng-show="vm.ConferenciaPDV.SELECTED.PERFIL_AMOSTRA  != 1
										&&  vm.ConferenciaPDV.SELECTED.PERFIL_CONSIGNACAO   != 1	
										&&  vm.ConferenciaPDV.SELECTED.PERFIL_TRANSFERENCIA != 1"></div>
										
								<div style="display: -webkit-inline-box; margin-top: -25px; margin-left: 10px;" class="consulta-cond-pag-doc-fiscal-res"
									ng-show="vm.ConferenciaPDV.SELECTED.PERFIL_AMOSTRA 	  != 1
										&&  vm.ConferenciaPDV.SELECTED.PERFIL_CONSIGNACAO   != 1	
										&&  vm.ConferenciaPDV.SELECTED.PERFIL_TRANSFERENCIA != 1
										&&	vm.ConferenciaPDVDocFiscal.MARGEM_GERADA    	  == 1"></div>
								
								<div style="display: -webkit-inline-box; margin-top: -25px; margin-left: 10px;" class="consulta-class-fin"></div>

								<div style="display: -webkit-inline-box; margin-top: -25px; margin-left: 10px;" class="consulta-ccusto"></div>
							</li>
						
						</ul>
						
						<div class="tabela_parcelamento" id="tabela_parcelamento"></div>

					</div>

				</div>

				<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
					<div class="row" style="margin-top: 20px;">
						<div>
							<!-- <ul class="list-inline"> 
								<li>
									<button 
										type="button" 
										class="btn btn-danger btn-incluir" 
										data-hotkey="alt+c"
										ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ConferenciaPDVDocFiscal.ALTERANDO" 
										ng-click="vm.ConferenciaPDVDocFiscal.newCalcularComposicaoCarga()">
										<span class="fa fa-calculator"></span> Calcular Composição de Cargas
									</button>
								</li>  
							</ul> -->
						
							<div class="form-group">
								<label>Frete:</label>
								<select  
									ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_FRETE"
									id="tipoFreteTransportadora"
									style="width: 429px;">	
									<option value="">Selecione</option>
									<option value="0">0 - Por Conta do Emitente(CIF)</option>
									<option value="1">1 - Por Conta do Destinatário(FOB)</option>
									<option value="2">2 - Por Conta de Terceiros</option>
									<option value="3">3 - Próprio por Conta do Remetente</option>
									<option value="4">4 - Próprio por Conta do Destinatário</option>
									<option value="9">9 - Sem Frete</option>
								</select>
							</div>
							

							<div class="form-group">
								<label>Modalidade:</label>
								<select  
									ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_MODALIDADE"
									style="width: 207px;">	
									<option value="">Selecione</option>
									<option value="1">1 - Rodoviário</option>
									<option value="2">2 - Aéreo</option>
									<option value="3">3 - Marítimo</option>
									<option value="4">4 - Ferroviário</option>
								</select>
							</div>

							<!-- <br> -->

							<div class="form-group">
								<label>Espécie:</label>
								<input 
									type="text"
									id="especieTransportadora"
									class="form-control"
									style="width: 360px;"
									ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_ESPECIE"
									maxlength="10">
							</div>

							<div class="form-group">
								<label>Marca:</label>
								<input 
									type="text"
									id="marcaTransportadora"
									class="form-control"
									style="width: 234px;"
									ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_MARCA"
									maxlength="10">
							</div>

							<!-- <div class="form-group">
								<label>Número:</label>
								<input
									type="text"
									id="inputNumero"
									style="height: 35px; width: 109px;"
									class="form-control text-right"
									ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_NUMERO"
									ng-readonly="!vm.ConferenciaPDVDocFiscal.ALTERANDO"
									min="0"
									maxlength="10"
									only-digits>
							</div> -->

							<!-- <div class="form-group">
								<label>Placa:</label>
								<input
									type="text"
									id="inputPlaca"
									ng-mask-placa
									style="height: 35px; width: 109px;"
									class="form-control text-right"
									ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_PLACA"
									ng-readonly="!vm.ConferenciaPDVDocFiscal.ALTERANDO">
							</div> -->

							<!-- <br> -->
							
							<div class="form-group">
								<label>Volumes: </label>
								<div class="input-group right-icon">
									<input
										id="inputVolumesTransportadora"
										type="text"
										style="height: 35px; width: 167px;"
										class="form-control text-right"
										ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_VOLUME"
										min="0"
										maxlength="10"
										ng-number-format="0">
										<div class="input-group-addon" style="padding: 9px !important;">UN</div>
								</div>
							</div>

							<div class="form-group">
								<label>Peso Bruto: </label>
								<div class="input-group right-icon">
									<input
										ng-number-format="3"
										id="inputPesoBruto"
										type="text"
										style="height: 35px; width: 167px;"
										class="form-control text-right"
										ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_PESO_BRUTO"
										min="0"
										maxlength="16">
										<div class="input-group-addon" style="padding: 9px !important;">KG</div>
								</div>
							</div>

							<div class="form-group">
								<label>Peso Líquido: </label>
								<div class="input-group right-icon">
									<input
										ng-number-format="3"
										id="inputPesoLiquido"
										type="text"
										style="height: 35px; width: 167px;"
										class="form-control text-right"
										ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_PESO_LIQUIDO"
										min="0"
										maxlength="16">
										<div class="input-group-addon" style="padding: 9px !important;">KG</div> 
								</div>
							</div>

							<div class="form-group">
								<label>Cubagem: </label>
								<div class="input-group right-icon">
									<input
										ng-number-format="3"
										id="inputCubagem"
										type="text"
										style="height: 35px; width: 167px;"
										class="form-control text-right"
										ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.TRANSPORTE_CUBAGEM"
										min="0"
										maxlength="16">
										<div class="input-group-addon" style="padding: 9px !important;">M³</div> 
								</div>
							</div>
							
						</div>
					</div>

				</div>

				<div role="tabpanel" class="tab-pane" id="tab4-container" name="" aria-labelledby="tab4-tab" style="height: 100%; overflow:auto;">
					<div class="row" style="margin-top: 20px;">

						<div class="panel panel-primary"> 
							<div class="panel-heading"> 
								<h3 class="panel-title">Informações Complementares do Documento Fiscal
									<i data-toggle="collapse" data-target="#painelObservacaoDocumentoFiscal" aria-expanded="true" aria-controls="painelObservacaoDocumentoFiscal" class="fa" style="float: right; cursor: pointer;" ng-click="vm.ConferenciaPDVDocFiscal.changeIconObservacaoDocumentoFiscal();" ng-class="{'fa-chevron-circle-down': !vm.ConferenciaPDVDocFiscal.DROPDOWN_OBSERVACAO_DOCUMENTO_FISCAL, 'fa-chevron-circle-up': vm.ConferenciaPDVDocFiscal.DROPDOWN_OBSERVACAO_DOCUMENTO_FISCAL}" aria-hidden="true"></i></h3> 
							</div> 
							<div class="panel-body collapse in" id="painelObservacaoDocumentoFiscal" aria-expanded="true">
								<div class="row">
									
									<div class="row">
										<div class="">
											<label>Observações</label>
											<div style="border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;">
												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO01"
													maxlength="130">
												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO02"
													maxlength="130">
												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO03"
													maxlength="130">
												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO04"
													maxlength="130">	

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO05"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO06"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO07"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO08"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO09"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO10"
													maxlength="130">
													
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="panel panel-primary" style="margin-top: 20px !important;"> 
							<div class="panel-heading"> 
								<h3 class="panel-title">Informações Complementares de Interesse do Fisco
									<i data-toggle="collapse" data-target="#painelObservacaoFisco" aria-expanded="true" aria-controls="painelObservacaoFisco" class="fa" style="float: right; cursor: pointer;" ng-click="vm.ConferenciaPDVDocFiscal.changeIconObservacaoFisco();" ng-class="{'fa-chevron-circle-down': !vm.ConferenciaPDVDocFiscal.DROPDOWN_OBSERVACAO_FISCO, 'fa-chevron-circle-up': vm.ConferenciaPDVDocFiscal.DROPDOWN_OBSERVACAO_FISCO}" aria-hidden="true"></i></h3> 
							</div> 
							<div class="panel-body collapse in" id="painelObservacaoFisco" aria-expanded="true">
								<div class="row">
									
									<div class="row">
										<div>
											<label>Observações</label>
											<div style="border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;">
												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO11"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO12"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO13"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO14"
													maxlength="130">

												<input 
													type="text" 
													class="observacao"
													ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.OBSERVACAO15"
													maxlength="130">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>

				<div role="tabpanel" class="tab-pane" id="tab5-container" name="" aria-labelledby="tab5-tab" style="height: 100%; overflow:auto;">
					<div class="row" style="margin-top: 20px;">
						<!-- Resumo de Valores Totais -->
						<fieldset style="margin-top: 20px;">
							<legend>Valores Totais</legend>
							<div class="row">

								<div class="form-group">
									<label>Valor Total dos Produtos:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_PRODUTOS_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor Total do Documento Fiscal:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_DOCUMENTO_FISCAL_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor Total Contábil:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_CONTABIL_TOTAL"
											disabled>
									</div>
								</div>
							</div>
						</fieldset>

						<!-- Resumo de Tributações -->
						<fieldset style="margin-top: 20px !important;">
							<legend>Tributações</legend>
							<div class="row">
								<div class="form-group">
									<label>Base de Cálculo ICMS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input 
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.BASECALCULO_ICMS_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor ICMS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_ICMS_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Base de Cálculo PIS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input 
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.BASECALCULO_PIS_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor PIS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_PIS_TOTAL"
											disabled>
									</div>
								</div>

								<br>
								
								<div class="form-group">
									<label>Base de Cálculo ICMS ST:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input 
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.BASECALCULO_ICMS_ST_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor ICMS ST:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_ICMS_ST_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Base de Cálculo COFINS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input 
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.BASECALCULO_COFINS_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor COFINS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_COFINS_TOTAL"
											disabled>
									</div>
								</div>

								<br>

								<div class="form-group">
									<label>Base de Cálculo IPI:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input 
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.BASECALCULO_IPI_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor IPI:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_IPI_TOTAL"
											disabled>
									</div>
								</div>
								
							</div>
						</fieldset>
						

						<!-- Resumo de Retenções -->
						<fieldset style="margin-top: 20px;">
							<legend>Retenções</legend>
							<div class="row">

								<div class="form-group">
									<label>PIS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_PIS"
											min="0">

									</div>
								</div>

								<div class="form-group">
									<label>COFINS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_COFINS"
											min="0">

									</div>
								</div>

								<div class="form-group">
									<label>CSLL:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_CSLL"
											min="0">

									</div>
								</div>

								<div class="form-group">
									<label>ISSQN:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_ISSQN"
											min="0">

									</div>
								</div>
								<br>

								<div class="form-group">
									<label>Base Cálculo IRRF:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_BASE_IRRF"
											min="0">

									</div>
								</div>

								<div class="form-group">
									<label>IRRF:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_IRRF"
											min="0">

									</div>
								</div>

								<div class="form-group">
									<label>Base Cálculo INSS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_BASE_INSS"
											min="0">

									</div>
								</div>

								<div class="form-group">
									<label>INSS:</label>
									<div class="input-group right-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

										<input
											ng-number-format="2"
											type="text"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.RETENCAO_INSS"
											min="0">

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

						<!-- Resumo de Valores Auxiliares -->
						<fieldset style="margin-top: 20px !important;">
							<legend>Outros Valores</legend>
							<div class="row">

								<div class="form-group">
									<label>Valor de Acréscimo:</label>
									<div class="input-group left-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_ACRESCIMO_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor de Frete:</label>
									<div class="input-group left-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_FRETE_TOTAL"
											disabled>
									</div>
								</div>
								<!-- <br> -->
								<div class="form-group">
									<label>Valor de Seguro:</label>
									<div class="input-group left-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_SEGURO_TOTAL"
											disabled>
									</div>
								</div>

								<div class="form-group">
									<label>Valor de Desconto:</label>
									<div class="input-group left-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>

										<input
											type="text"
											ui-number-mask="2"
											money-mask
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_DESCONTO_TOTAL"
											disabled>

									</div>
								</div>
								<!-- <hr/>
								<div class="form-group">
									<label>Valor de Estorno:</label>
									<div class="input-group left-icon">
										<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
										<input
											type="text"
											ng-number-format="2"
											class="form-control input-medio text-right"
											ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VALOR_ESTORNO"
											ng-readonly="!vm.ConferenciaPDVDocFiscal.ALTERANDO">
									</div>
								</div>

								<div class="form-group">
									<label>Vencimento DAE DIFAL:</label>
									<input 
										type="date"
										style="width: 233px !important;"
										class="form-control input-medio" 
										ng-atalho
										ng-model="vm.ConferenciaPDVDocFiscal.SELECTED.VENCIMENTO_DAE_DIFAL"
										ng-readonly="!vm.ConferenciaPDVDocFiscal.ALTERANDO">
								</div> -->


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

				</div>

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

	<div class="row" style="margin-top: -20px;">

		<div class="xd-message" ng-class="{'msg-success': vm.ConferenciaPDVDocFiscal.VALORES_CORRESPONDEM, 'msg-danger': !vm.ConferenciaPDVDocFiscal.VALORES_CORRESPONDEM}" ng-show="vm.ConferenciaPDVDocFiscal.DIV_PARCELAMENTO_FIXA">
			<div class="xd-message-icon">
				<i class="fa" ng-class="{'fa-check': vm.ConferenciaPDVDocFiscal.VALORES_CORRESPONDEM, 'fa-times': !vm.ConferenciaPDVDocFiscal.VALORES_CORRESPONDEM}"></i>
			</div>
			<div class="xd-message-content">
				<div class="col-sm-6" style="border-right: 1px solid lightgray !important;">
					<p>
						Itens
					</p>

					<span ng-show="vm.ConferenciaPDVDocFiscal.HABILITA_SPINNER_PARCELAS == true" style="color: #a90f0f; margin-left: 5px !important; margin-top: 5px !important;" class="glyphicon glyphicon-refresh glyphicon-refresh-animation"></span>
					<p ng-bind="vm.ConferenciaPDVDocFiscal.VALOR_ITENS_DUPLICATA_VISUALIZACAO" ng-show="vm.ConferenciaPDVDocFiscal.HABILITA_SPINNER_PARCELAS == false"></p>
				</div>

				<div class="col-sm-6">
					<p>Parcelas</p>
					<span ng-show="vm.ConferenciaPDVDocFiscal.HABILITA_SPINNER_PARCELAS == true" style="color: #a90f0f; margin-left: 5px !important; margin-top: 5px !important;" class="glyphicon glyphicon-refresh glyphicon-refresh-animation"></span>
					<p ng-bind="vm.ConferenciaPDVDocFiscal.VALOR_TOTAL_PARCELAS_VISUALIZACAO" ng-show="vm.ConferenciaPDVDocFiscal.HABILITA_SPINNER_PARCELAS == false"></p>
				</div>
			</div>
		</div>

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

@overwrite