@extends('master')

@section('titulo')
    {{ Lang::get('contabil/_17260.titulo') }}
@endsection

@section('estilo')
	<link rel="stylesheet" href="/js/buttons.dataTables.min.css" />
	<link rel="stylesheet" href="/js/codemirror/codemirror.css" />
	<link rel="stylesheet" href="/js/codemirror/show-hint.css" />
    <link rel="stylesheet" href="/js/codemirror/temas/abcdef.css" />

    <link rel="stylesheet" href="{{ elixir('assets/css/28000v2.css') }}" />
    <link rel="stylesheet" href="{{ elixir('assets/css/17260.css') }}" />
@endsection

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

	<input type="hidden" value="{{fn_parametro('SISTEMA.MOSTRAR_REDUTOR_ICMS', Auth::user()->CODIGO )}}" id="valorRedutorBaseCalculo">


	<ul class="list-inline acoes" style="display: flex;">    
		<!-- <li>
            <button type="button" class="btn btn-warning btn-incluir" 
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.ApuracoesImpostos.showModalRelatorios();">
                <span class="glyphicon glyphicon-print"></span> Relatórios
            </button>
		</li> -->

		<li>
			<div class="dropdown" id="dropCompilado">
				<button
					id="dLabel"
					type="button"
					data-toggle="dropdown"
					data-hotkey="f2"
					class="btn btn-warning"
					ng-click="vm.ApuracoesImpostosImpressao.focusItem($event);"
					ng-dbclick="$event.stopPropagation();">
					<span class="glyphicon glyphicon-print"></span> Relatórios
				</button>
				<ul class="dropdown-menu multi-level" 
					role="menu" 
					aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Registros</li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(1);" style="cursor: pointer;"><span class="fa fa-print"></span> Saídas - Modelo P2</a></li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(2);" style="cursor: pointer;"><span class="fa fa-print"></span> Saídas - Modelo P2A</a></li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(3);" style="cursor: pointer;"><span class="fa fa-print"></span> Entradas - Com IPI</a></li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(13);" style="cursor: pointer;"><span class="fa fa-print"></span> Entradas - Sem IPI</a></li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(4);" style="cursor: pointer;"><span class="fa fa-print"></span> Apuração do ICMS</a></li>
					<!-- <li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(5);" style="cursor: pointer;"><span class="fa fa-print"></span> Apuração do ICMS ST</a></li> -->
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(6);" style="cursor: pointer;"><span class="fa fa-print"></span> Apuração do IPI</a></li>
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Resumos</li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(7);" style="cursor: pointer;"><span class="fa fa-print"></span> Apuração do ICMS</a></li>
					<!-- <li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(8);" style="cursor: pointer;"><span class="fa fa-print"></span> Apuração do ICMS ST</a></li> -->
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(9);" style="cursor: pointer;"><span class="fa fa-print"></span> Apuração do IPI</a></li>
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Demonstrativos</li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(10);" style="cursor: pointer;"><span class="fa fa-print"></span> Saídas por UF</a></li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.gerarRelatorio(11);" style="cursor: pointer;"><span class="fa fa-print"></span> Entradas por UF</a></li>
					<li class="divider"></li>
					<li tabindex="0"><a ng-click="vm.ApuracoesImpostos.definePeriodo();" style="cursor: pointer;"><span class="fa fa-print"></span> Mapa de Ocorrências</a></li>
				</ul>
			</div>
		</li>
		
		<li>
			<button type="button" class="btn btn-default" 
				id="filtrar-toggle" data-toggle="collapse" 
				data-target="#filtro_main" aria-expanded="true" 
				aria-controls="filtro_main"
				ng-click="vm.ApuracoesImpostos.tabela_height();vm.ApuracoesImpostos.FILTRO_RECOLHIDO = vm.ApuracoesImpostos.FILTRO_RECOLHIDO == true ? false : true">
				Filtro
				<span class="caret"></span>
			</button>
		</li> 
		
		<li ng-if="vm.ApuracoesImpostos.TITULO_DESCRITIVO != undefined && vm.ApuracoesImpostos.FILTRO_RECOLHIDO == true" 
			style="border: 1px solid #ccc; background-color: white; border-radius: 4px; margin-left: 5px;">
			<label style="text-align: center; 
						  width: 100%; 
						  font-size: 11pt;   
						  padding-left: 8px; 
						  padding-right: 8px;
  						  font-weight: bolder;
  						  margin-top: 5px;"> @{{ vm.ApuracoesImpostos.TITULO_DESCRITIVO }}</label>
		</li> 
	</ul>  
        
    <style>
	
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);    
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }
		
		.table-condensed > thead > tr > th,
		.table-condensed > thead > tr > td,
		.table-condensed > tbody > tr > th,
		.table-condensed > tbody > tr > td,
		.table-condensed > tfoot > tr > th,
		.table-condensed > tfoot > tr > td {
			padding: 5px !important;
		}

		/*CSS ADICIONADO PARA EVITAR BUGS AO FECHAR FILTRO */

		#main {
			padding-top: 45px !important;
		}

		body > .container-fluid {
			padding-top: 60px !important;
			/*padding-right: 30px;
			padding-left: 30px;
			padding-bottom: 10px;
			background-color: white;*/
		}

		/*-------------------------------------------------*/
        
    </style>
	<form ng-submit="vm.ApuracoesImpostos.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>Mês:</label>
				<select class="form-control" ng-model="vm.ApuracoesImpostos.FILTRO_MES">
					<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>Ano:</label>
				<select class="form-control" ng-model="vm.ApuracoesImpostos.FILTRO_ANO">
					<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{item.ANO}}</option>
				</select>
			</div> -->

			<div class="form-group" style="margin-right: 0px !important;">
				<label>Período:</label>
				<div class="form-group" style="display: flex; min-width: fit-content; max-width: fit-content; padding: 0px; padding-right: 0px; border-radius: 6px; padding-right: 4px;">					
					<input type="date" style="width: 130px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main data1"
						ng-model="vm.ApuracoesImpostos.DATA_INICIAL" ng-atalho>
					<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input type="date" style="width: 130px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.ApuracoesImpostos.DATA_FINAL"   ng-atalho>
				</div>		 
			</div>

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

			<div style="width: 755px;">

				<div  style="width: 115px; float: left;">
					<ul id="tab" class="nav nav-tabs" role="tablist"> 
						<li  style="text-align: end;
								border: 1px solid #7e7979;
								border-radius: 5px 0px 0px 5px;
								border-right: 0px;
								background-color: #f1efef;
								margin-bottom: 3px;
								width: 100%;"  
							
							ng-click="vm.ApuracoesImpostos.tabParanClick(param, '.consulta-g-' + param.TAG);"
							role="presentation"
							class="@{{$index == 0 ? 'active' : ''}} tab-detalhamento"
							ng-repeat="param in vm.ApuracoesImpostos.CONSULTAS  | orderBy:'ORDEM' track by $index">
		
							<a
								style=" padding: 8px 15px 9px 0px;
										float: right;
										border-radius: 5px 1px 1px 4px;
										width: calc(100% - 2px);
										border: 0px;
										font-weight: bold;
										height: 35px;
										margin-right: -2px;"
								href="#@{{param.PARAMETRO}}-container" id="@{{param.PARAMETRO}}-tab" data-hotkey="alt+@{{$index+1}}" role="tab" data-toggle="tab" aria-controls="@{{param.PARAMETRO}}-container" aria-expanded="true">
							
								<label ng-if="(param.TTITLE+'').length == 0">@{{param.DESCRICAO}}</label>
								<label ttitle="@{{param.TTITLE}}" ng-if="(param.TTITLE+'').length > 0">@{{param.DESCRICAO}}</label>
							</a>
						</li>
					</ul>
		
				</div>
	
				<div  style="width: calc(100% - 115px);
							float: right;
							padding: 5px;
							border: 1px solid #7e7979;
							border-radius: 0px 4px 5px 5px;
							background-color: #ffffff;">
		
					<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px); padding: 3px; border: 0px;">
		
						<div
							ng-repeat="param in vm.ApuracoesImpostos.CONSULTAS | orderBy:'ORDEM' track by $index"
							role="tabpanel" class="tab-item-aconsulta tab-pane @{{$index == 0 ? 'active' : ''}}"
							id="@{{param.PARAMETRO}}-container" 
							aria-labelledby="@{{param.PARAMETRO}}-tab">

							<div style="display: inline-flex; width: 620px;">
								<div class="@{{param.TAG}} consulta-multipla" id="@{{param.TAG}}"></div>

								<button type="button" style="height: 36px; margin-top: 5px;" class="btn btn-primary" ng-click="vm.ApuracoesImpostos.incluirVarios(param, $index);">
									<span class="glyphicon glyphicon glyphicon-plus" style="margin-top: -4px !important; margin-left: 1px !important;"></span>
								</button>

							</div>
							
							<div class="table-ec table-scroll" style="height: 185px;" >
								<table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low tabelaJS">
									<thead>
										<tr>
											<th scope="col" ng-repeat="campo in param.Consulta.option.campos_tabela">@{{campo[1]}}</th>
											<th style="width: 50px;"></th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="item in param.ITENS"
											ng-keydown="vm.ApuracoesImpostos.atalhoTabelaItenParan(item, '.consulta-g-' + param.TAG, $event)"
											ng-focus="param.SELECTED = item;"
											ng-class="{ 'selected' : param.SELECTED == item }"
											tabindex="0">
											<th ng-repeat="campo in param.Consulta.option.campos_tabela">@{{item[campo[0]]}}</th>
											<th  style="width: 50px; padding: 3px;">
												<button
													type="button"
													class="btn btn-sm btn-danger "
													style="margin-left: 6px;"
													data-toggle="dropdown"
													aria-expanded="false"
													ng-disabled="param.Consulta.usuario_vinculado == true"
													ng-click="vm.ApuracoesImpostos.removerItemTabelaParan(item, param.ITENS);">
													<span class="glyphicon glyphicon-trash"></span>
												</button>
											</th>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
		
					</div>
				</div>
			</div>

			<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
				<button type="submit" class="btn btn-xs btn-primary btn-filtrar"
					data-hotkey="alt+f" id="btn-table-filter">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>	
		</div>
	</form>
	<!-- <div class="tabela_principal" id="tabela_principal"></div>	 -->
		
	<br>
	
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento" ng-click="vm.ApuracoesImpostos.setFocusVsScroll(1);">
			<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				Apuração de ICMS
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-click="vm.ApuracoesImpostos.setFocusVsScroll(2);">
			<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="true">
				Apuração de ICMS ST
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-click="vm.ApuracoesImpostos.setFocusVsScroll(3);">
			<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				Apuração de IPI
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-click="vm.ApuracoesImpostos.setFocusVsScroll(4);">
			<a href="#tab4-container" id="tab4-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false">
				Apuração do PIS
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-click="vm.ApuracoesImpostos.setFocusVsScroll(5);">
			<a href="#tab5-container" id="tab5-tab" data-hotkey="alt+5" role="tab" data-toggle="tab" aria-controls="tab5-container" aria-expanded="false">
				Apuração do COFINS
			</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-y:auto; overflow-x: hidden;">
			<div class="">

				<div class="row">
					<legend class="label labelDescricao" id="labelDescricaoIcms">
						APURAÇÃO DE ICMS
					</legend>

					<div class="col-md-6">
						<legend id="legendaTipo">ENTRADAS</legend>

						<div class="tabela_apuracao_icms_entrada" id="tabela_apuracao_icms_entrada"></div>
					</div>
					<div class="col-md-6">
						<legend id="legendaTipo">SAÍDAS</legend>
						<div class="tabela_apuracao_icms_saida" id="tabela_apuracao_icms_saida"></div>
					</div>
				</div>

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow-y:auto; overflow-x: hidden;">
			<div class="">

				<div class="row">

					<legend class="label labelDescricao" id="labelDescricaoIcmsST">
						APURAÇÃO DE ICMS ST
					</legend>

					<div class="col-md-6">
						<legend id="legendaTipo">ENTRADAS</legend>

						<div class="tabela_apuracao_icms_st_entrada" id="tabela_apuracao_icms_st_entrada"></div>
					</div>
					<div class="col-md-6">
						<legend id="legendaTipo">SAÍDAS</legend>
						<div class="tabela_apuracao_icms_st_saida" id="tabela_apuracao_icms_st_saida"></div>
					</div>
				</div>
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto; overflow-x: hidden;">
			<div class="">
				<div class="row">

					<legend class="label labelDescricao" id="labelDescricaoIpi">
						APURAÇÃO DE IPI
					</legend>

					<div class="col-md-6">
						<legend id="legendaTipo">ENTRADAS</legend>

						<div class="tabela_apuracao_ipi_entrada" id="tabela_apuracao_ipi_entrada"></div>
					</div>
					<div class="col-md-6">
						<legend id="legendaTipo">SAÍDAS</legend>
						<div class="tabela_apuracao_ipi_saida" id="tabela_apuracao_ipi_saida"></div>
					</div>
				</div>
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab4-container" name="" aria-labelledby="tab5-tab" style="height: 100%; overflow:auto; overflow-x: hidden;">
			<div class="">
				<div class="row">

					<legend class="label labelDescricao" id="labelDescricaoPis">
						APURAÇÃO DE PIS
					</legend>

					<div class="col-md-6">
						<legend id="legendaTipo">ENTRADAS</legend>

						<div class="tabela_apuracao_pis_entrada" id="tabela_apuracao_pis_entrada"></div>
					</div>
					<div class="col-md-6">
						<legend id="legendaTipo">SAÍDAS</legend>
						<div class="tabela_apuracao_pis_saida" id="tabela_apuracao_pis_saida"></div>
					</div>
				</div>
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab5-container" name="" aria-labelledby="tab5-tab" style="height: 100%; overflow:auto; overflow-x: hidden;">
			<div class="">
				<div class="row">
					<legend class="label labelDescricao" id="labelDescricaoCofins">
						APURAÇÃO DE COFINS
					</legend>

					<div class="col-md-6">
						<legend id="legendaTipo">ENTRADAS</legend>

						<div class="tabela_apuracao_cofins_entrada" id="tabela_apuracao_cofins_entrada"></div>
					</div>
					<div class="col-md-6">
						<legend id="legendaTipo">SAÍDAS</legend>
						<div class="tabela_apuracao_cofins_saida" id="tabela_apuracao_cofins_saida"></div>
					</div>
				</div>
			</div>
		</div>

	</div>

	<div id="modalIcmsEntrada" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Entrada - Apuração de ICMS</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.ICMS_ENTRADA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.ICMS_ENTRADA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsIcmsEntrada(vm.ApuracoesImpostos.ICMS_ENTRADA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.ICMS_ENTRADA.SELECTED.CFOP_CODIGO, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-icms-entrada">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_entrada_icms" id="tabela_entrada_icms"></div>	
							<iframe src="" id="iframe_html_icms_entrada" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalIcmsSTEntrada" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Entrada - Apuração de ICMS ST</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.ICMS_ST_ENTRADA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.ICMS_ST_ENTRADA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsIcmsSTEntrada(vm.ApuracoesImpostos.ICMS_ST_ENTRADA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.ICMS_ST_ENTRADA.SELECTED.CFOP_CODIGO, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-icms-st-entrada">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_entrada_icms_st" id="tabela_entrada_icms_st"></div>	
							<iframe src="" id="iframe_html_icms_st_entrada" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalIpiEntrada" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Entrada - Apuração de IPI</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.IPI_ENTRADA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.IPI_ENTRADA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsIpiEntrada(vm.ApuracoesImpostos.IPI_ENTRADA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.IPI_ENTRADA.SELECTED.CFOP_CODIGO, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-ipi-entrada">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_entrada_ipi" id="tabela_entrada_ipi"></div>	
							<iframe src="" id="iframe_html_ipi_entrada" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalPisEntrada" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Entrada - Apuração de PIS</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.PIS_ENTRADA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.PIS_ENTRADA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsPisEntrada(vm.ApuracoesImpostos.PIS_ENTRADA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.PIS_ENTRADA.SELECTED.CFOP_CODIGO, vm.ApuracoesImpostos.PIS_ENTRADA.SELECTED.CST, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-pis-entrada">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_entrada_pis" id="tabela_entrada_pis"></div>	
							<iframe src="" id="iframe_html_pis_entrada" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalCofinsEntrada" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Entrada - Apuração de COFINS</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.COFINS_ENTRADA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.COFINS_ENTRADA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsCofinsEntrada(vm.ApuracoesImpostos.COFINS_ENTRADA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.COFINS_ENTRADA.SELECTED.CFOP_CODIGO, vm.ApuracoesImpostos.COFINS_ENTRADA.SELECTED.CST, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-cofins-entrada">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_entrada_cofins" id="tabela_entrada_cofins"></div>	
							<iframe src="" id="iframe_html_cofins_entrada" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalIcmsSaida" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Saída - Apuração de ICMS</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.ICMS_SAIDA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.ICMS_SAIDA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsIcmsSaida(vm.ApuracoesImpostos.ICMS_SAIDA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.ICMS_SAIDA.SELECTED.CFOP_CODIGO, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-icms-saida">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_saida_icms" id="tabela_saida_icms"></div>	
							<iframe src="" id="iframe_html_icms_saida" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalIcmsSTSaida" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Saída - Apuração de ICMS ST</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.ICMS_ST_SAIDA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.ICMS_ST_SAIDA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsIcmsSTSaida(vm.ApuracoesImpostos.ICMS_ST_SAIDA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.ICMS_ST_SAIDA.SELECTED.CFOP_CODIGO, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-icms-st-saida">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_saida_icms_st" id="tabela_saida_icms_st"></div>	
							<iframe src="" id="iframe_html_icms_st_saida" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalIpiSaida" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Saída - Apuração de IPI</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.IPI_SAIDA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.IPI_SAIDA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsIpiSaida(vm.ApuracoesImpostos.IPI_SAIDA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.IPI_SAIDA.SELECTED.CFOP_CODIGO, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-ipi-saida">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_saida_ipi" id="tabela_saida_ipi"></div>	
							<iframe src="" id="iframe_html_ipi_saida" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalPisSaida" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Saída - Apuração de PIS</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.PIS_SAIDA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.PIS_SAIDA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsPisSaida(vm.ApuracoesImpostos.PIS_SAIDA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.PIS_SAIDA.SELECTED.CFOP_CODIGO, vm.ApuracoesImpostos.PIS_SAIDA.SELECTED.CST, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-pis-saida">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_saida_pis" id="tabela_saida_pis"></div>	
							<iframe src="" id="iframe_html_pis_saida" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalCofinsSaida" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos Fiscais de Saída - Apuração de COFINS</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-success" ng-click="vm.ApuracoesImpostos.exportarToXls()" data-hotkey="esc">
							<span class="glyphicon glyphicon-file"></span> Exportar para XLS
						</button>

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

				</div>
				<div class="modal-body" style="height: calc(100vh - 140px) !important;">
					<div class="row">
						<label class="styleLabelCfop">@{{vm.ApuracoesImpostos.COFINS_SAIDA.SELECTED.CFOP_CODIGO}} - @{{vm.ApuracoesImpostos.COFINS_SAIDA.SELECTED.CFOP_DESCRICAO}}</label>
					</div>

					<form ng-submit="vm.ApuracoesImpostos.getDocsCofinsSaida(vm.ApuracoesImpostos.COFINS_SAIDA.SELECTED.DOCUMENTOS, vm.ApuracoesImpostos.COFINS_SAIDA.SELECTED.CFOP_CODIGO, vm.ApuracoesImpostos.COFINS_SAIDA.SELECTED.CST, true)" 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: 13px 10px 7px;
							border-radius: 5px;">


							<div class="form-group">
								<label>Data de Entrada:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

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

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

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 450px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</div>

							<div class="form-group">
								<label for="idDocFiscal">Doc.Fiscal / Chave de Acesso:</label>
								<input type="text" style="width: 200px;" id="idDocFiscal"
									class="form-control filter_main text-right" 
									ng-model="vm.ApuracoesImpostos.FILTRO_DOCUMENTO">
							</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-cofins-saida">
									<span class="glyphicon glyphicon-filter"></span> Filtrar
								</button>
							</div>	

						</div>

					</form>

					<div class="row">

						<div class="col-md-12">
							<div class="tabela_saida_cofins" id="tabela_saida_cofins"></div>	
							<iframe src="" id="iframe_html_cofins_saida" title="" style="width: 100%; height: calc(100vh - 245px); border: 0px; margin-top: 0px;"></iframe>
						</div>

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

	<div id="modalRelatorios" 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>Relatórios Fiscais</span>
						</h4>
					</div>
					<div class="modal-header-right">
						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.ApuracoesImpostos.fecharModalRelatorios();">
							<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="form-group">
								<label>Período:</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: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_INICIAL">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="date"
										style="width: 130px;"
										class="form-control filter_main"
										ng-atalho
										ng-model="vm.ApuracoesImpostos.DATA_ENTRADA_FINAL">
								</div>
							</div>

							<hr>



						</div>
					</form>

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

	<div class="pdf-ver" ng-show="vm.ApuracoesImpostos.HABILITA_VISUALIZACAO_PDF">

		<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.ApuracoesImpostos.enviarPdf()">
				<span class="glyphicon glyphicon-envelope"></span>
				Enviar
			</button>

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

			<button type="button" class="btn btn-default pdf-fechar" ng-click="vm.ApuracoesImpostos.HABILITA_VISUALIZACAO_PDF = 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>
@endsection

@section('script')

	<script src="/build/assets/images/jquery.dataTables.min.js"></script>
	<script src="/build/assets/images/dataTables.buttons.min.js"></script>
	<script src="/build/assets/images/buttons.flash.min.js"></script>
	<script src="/build/assets/images/jszip.min.js"></script>
	<script src="/build/assets/images/pdfmake.min.js"></script>
	<script src="/build/assets/images/vfs_fonts.js"></script>
	<script src="/build/assets/images/buttons.html5.min.js"></script>
	<script src="/build/assets/images/buttons.print.min.js"></script>

	<script src="/js/codemirror/codemirror.js"></script>
	<script src="/js/codemirror/matchbrackets.js"></script>
	<script src="/js/codemirror/show-hint.js"></script>
	<script src="/js/codemirror/sql-hint.js"></script>
	<script src="/js/codemirror/sql.js"></script>

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