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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO">{{ Lang::get('fiscal/_21160.titulo-exibir') }}</span>
	<span ng-if="vm.DocumentosFiscaisFretes.INCLUINDO">{{ Lang::get('fiscal/_21160.titulo-incluir') }}</span>
	<span ng-if="vm.DocumentosFiscaisFretes.ALTERANDO == true && vm.DocumentosFiscaisFretes.INCLUINDO == false">{{ Lang::get('fiscal/_21160.titulo-alterar') }}</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.DocumentosFiscaisFretes.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.DocumentosFiscaisFretes.ALTERANDO" ng-click="vm.DocumentosFiscaisFretes.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>
	
	<button style="height: 31px;" ng-click="vm.DocumentosFiscaisFretes.previousRecord()" ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button style="height: 31px;" ng-click="vm.DocumentosFiscaisFretes.nextRecord()" ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" ng-click="vm.DocumentosFiscaisFretes.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
	</button>   
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" ng-click="vm.DocumentosFiscaisFretesAlteracoesFiscais.incluir()" type="button" class="btn btn-warning" data-hotkey="f10">
        <span class="glyphicon glyphicon-edit"></span> Alterações Fiscais
    </button> 
	
	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0"  ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" ng-click="vm.DocumentosFiscaisFretes.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" data-consulta-historico data-tabela="TBNFE" data-tabela-id="@{{ vm.DocumentosFiscaisFretes.SELECTED.CONTROLE }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<button ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" data-consulta-arquivos data-tabela="TBNFE" data-tabela-id="@{{ vm.DocumentosFiscaisFretes.SELECTED.CONTROLE }}" type="button" class="btn btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button>
	
	<button ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.DocumentosFiscaisFretes.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

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

	<fieldset style="margin-bottom: 15px !important;">
		<legend>Informações Gerais do Documento Fiscal</legend>
	
		<div class="row">

			<div class="form-group" 
				ng-if="!vm.DocumentosFiscaisFretes.INCLUINDO">
				<label>ID:</label>
				<input
					type="text"
					class="form-control input-menor"
					ng-model="vm.DocumentosFiscaisFretes.SELECTED.DESC_ID"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Chave de Acesso:</label>
				<div class="input-group left-icon">
					<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
					<input 
						type="text"
						style="height: 35px; width: 385px;" 
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretes.SELECTED.CHAVE_ACESSO" 
						maxlength="44"
						ng-change="vm.DocumentosFiscaisFretes.eventBlurChaveAcesso();"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">	
				</div>
			</div>

			<br>
			<!-- <hr/> -->
			<div class="form-group">
				<label>Documento Fiscal:</label>
				<div class="input-group left-icon">
					<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
					<input 
						type="text"
						id="documentoFiscal"
						style="height: 34px; width: 142px;" 
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretes.SELECTED.DOCUMENTO_FISCAL" 
						ng-blur="vm.DocumentosFiscaisFretes.formatarNumeroDocumentoFiscalAndSerie(9);"
						maxlength="9"
						required
						only-digits
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">	
				</div>
			</div>

			<div class="form-group">
				<label>Série:</label>
				<div class="input-group left-icon">
					<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-tag"></span></div>
					<input 
						type="text"
						id="numeroSerie"
						style="height: 34px; width: 75px;" 
						class="form-control text-right" 
						ng-model="vm.DocumentosFiscaisFretes.SELECTED.DESC_SERIE" 
						required
						maxlength="3"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">
				</div>
			</div>

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

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

			<div id="info-3" style="display: none">
				<div class="origem-container">
					<table class="table table-striped table-bordered">
						<thead>
							<tr>
								<th class="text-left"></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_12360" target="_blank" rel="noopener noreferrer">12360 - Cadastro de Clientes</a></td>
							</tr>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_14080" target="_blank" rel="noopener noreferrer">14080 - Cadastro de Fornecedores</a></td>
							</tr>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_12350" target="_blank" rel="noopener noreferrer">12350 - Cadastro de Representantes</a></td>
							</tr>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_14011" target="_blank" rel="noopener noreferrer">14011 - Cadastro de Transportadoras</a></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

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

			<br>

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

			<div class="form-group">
				<label>Data de Entrada:</label>
				<input 
					type="date"
					id="dataEntrada"
					class="form-control input-medio" 
					required
					ng-atalho 
					ng-model="vm.DocumentosFiscaisFretes.SELECTED.DATA_ENTRADA"
					ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
					ng-change="vm.DocumentosFiscaisFretes.changeVisualizacaoDataEntrada();vm.AjustarCompetencia(2);">
			</div>
					
			<div class="form-group">
				<label>Competência:</label>
				<div id="div_data_competencia" style="display: inline-flex; overflow: hidden; border: 1px solid rgb(206, 206, 206); border-radius: 4px;">
					<div style="overflow: hidden; width: 12px; background-color: @{{ vm.DocumentosFiscaisFretes.ALTERANDO != true ? 'rgb(245, 245, 245)' : 'rgb(255, 255, 255)'}};
						z-index: 999;border-top: 1px solid rgb(206, 206, 206);border-bottom: 1px solid rgb(206, 206, 206); height: 38px; margin-bottom: -3px; margin-top: -3px;"></div>
					<input style="margin-left: -34px; border: 1px !important;" id="date" type="date" class="form-control input-medio" ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
						ng-model="vm.DocumentosFiscaisFretes.SELECTED.DATA_COMPETENCIA" onfocus="document.getElementById('div_data_competencia').style.border = '1px solid rgb(102, 175 ,233)'"
						onfocusout="document.getElementById('div_data_competencia').style.border = '1px solid rgb(206, 206, 206)'">
				</div>
			</div>

			<div class="form-group">
				<label>Data Fiscal:</label>
				<input 
					type="date"
					id="dataEntrada"
					class="form-control input-medio" 
					required
					ng-atalho
					ng-model="vm.DocumentosFiscaisFretes.SELECTED.DATA_FISCAL"
					ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">
			</div>

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

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

			<div class="form-group">
				<label>Tipo do Documento:</label>
				<select 
					class="form-control" 
					ng-disabled="!vm.DocumentosFiscaisFretes.ALTERANDO"
					ng-model="vm.DocumentosFiscaisFretes.SELECTED.TIPO_DOCUMENTO"
					style="width: 232px;">	
					<option value="0">Serviços ISS</option>
					<option value="2">Serviços ICMS</option>
					<option value="1">Mercadorias ICMS/IPI</option>
				</select>
			</div>
			
			<div class="form-group">
				<label>Tipo do CT-e:</label>
				<select 
					class="form-control" 
					ng-disabled="!vm.DocumentosFiscaisFretes.ALTERANDO"
					ng-model="vm.DocumentosFiscaisFretes.SELECTED.TIPO_CTE"
					style="width: 200px;">	
					<option value="1">Normal</option>
					<option value="2">Complemento de valores</option>
					<option value="3">Anulação de valores</option>
				</select>
			</div>		

			<div class="form-group" style="margin-right: 5% !important;" ng-if="vm.DocumentosFiscaisFretes.SELECTED.TIPO_CTE != '1'">
				<label>Chave do CT-e referenciado:</label>
				<input 
					id="chaveCte"
					type="text"
					style="height: 35px; width: 726px;"
					class="form-control"
					ng-model="vm.DocumentosFiscaisFretes.SELECTED.CHAVE_CTE_REF" 
					maxlength="44"
					only-digits2
					ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">	
			</div>

			<div class="form-group">

				<div class="form-group">
					<input id="checkBoxSpedFiscal"
						type="checkbox" 
						ng-checked="vm.DocumentosFiscaisFretes.SELECTED.SPED_FISCAL == '1'" 
						ng-model="vm.DocumentosFiscaisFretes.SELECTED.SPED_FISCAL" 
						ng-true-value="'1'" 
						ng-false-value="'0'" 
						ng-disabled="!vm.DocumentosFiscaisFretes.ALTERANDO">
					<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.DocumentosFiscaisFretes.SELECTED.SPED_CONTRIBUICOES == '1'" 
						ng-model="vm.DocumentosFiscaisFretes.SELECTED.SPED_CONTRIBUICOES" 
						ng-true-value="'1'" 
						ng-false-value="'0'" 
						ng-disabled="!vm.DocumentosFiscaisFretes.ALTERANDO">
					<label for="checkBoxSpedContribuicoes" style="font-weight: bolder; margin-left: 3px;">Sped Contribuições</label>			
				</div>
			</div>

			<br>

			<div class="form-group" style="margin-right: 5% !important;">
				<label>Observações do Documento:</label>
				<input 
					type="text"
					style="height: 35px; width: 726px;" 
					class="form-control"
					ng-model="vm.DocumentosFiscaisFretes.SELECTED.OBSERVACAO01" 
					maxlength="100"
					ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">	
			</div>			

			<div id="divPrincipalInformacoesDoc" ng-class="{'backTransp': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES, '': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES}">
				<div class="toggle informacoesDoc" ttitle="Ocultar / Mostrar <br> Alt + L" id="toggleDetailsNf" ng-click="vm.DocumentosFiscaisFretes.toggleInformacoes();" ng-class="{'toggleRight': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES, '': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES}">
					<i class="fa" ng-class="{'fa-chevron-circle-right': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES, 'fa-chevron-circle-left': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES}"></i>
				</div>

				<div class="box box-informacoes-doc" ng-show="vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES">
					<div class="box__header">
						<h5>Resumo Documento Fiscal
							<!-- <span class="fa fa-chevron-right" ng-click="vm.DocumentosFiscaisFretes." style="cursor: pointer; float: left; margin-right: 15px;"></span> -->
						</h5>
					</div>
					<div class="box__content">
						<ul class="notification-list">
							<li class="notification-list__item" ng-if="vm.DocumentosFiscaisFretes.SELECTED.CHAVE_ACESSO != '' && vm.DocumentosFiscaisFretes.SELECTED.CHAVE_ACESSO != null">
								<a href="javascript:void(0);">
									<!-- <small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small> -->
									<small>Chave de Acesso</small>
									<span ng-bind="vm.DocumentosFiscaisFretes.SELECTED.CHAVE_ACESSO"></span>
								</a>
							</li>

							<li class="notification-list__item" tabindex="-1">
								<a href="javascript:void(0);" tabindex="-1">
									<!-- <small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small> -->
									<small>Documento Fiscal / Série</small>
									<span>@{{vm.DocumentosFiscaisFretes.SELECTED.DOCUMENTO_FISCAL}} / @{{vm.DocumentosFiscaisFretes.SELECTED.DESC_SERIE}}</span>
								</a>
							</li>

							<li class="notification-list__item" tabindex="-1" ng-if="vm.DocumentosFiscaisFretes.SELECTED.DESC_EMPRESA != ''">
								<a href="javascript:void(0);" tabindex="-1">
									<!-- <small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small> -->
									<small>Transportadora</small>
									<span ng-bind="vm.DocumentosFiscaisFretes.SELECTED.DESC_EMPRESA"></span>
								</a>
							</li>

							<li class="notification-list__item" tabindex="-1" ng-if="vm.DocumentosFiscaisFretes.SELECTED.DESC_EMPRESA != ''">
								<a href="javascript:void(0);" tabindex="-1">
									<!-- <small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small> -->
									<small>Cidade/UF</small>
									<span ng-bind="vm.DocumentosFiscaisFretes.SELECTED.DESC_CIDADE"></span>
								</a>
							</li>

						</ul>

						<!-- <div class='div_arquivos' ng-show="vm.DocumentosFiscaisFretes.HABILITA_VOLTAR_IMPORTACAO == false && vm.DocumentosFiscaisFretes.HABILITA_VISUALIZACAO_ARQUIVO == false"></div> -->
						<div ng-show="vm.DocumentosFiscaisFretes.HABILITA_VOLTAR_IMPORTACAO == true || vm.DocumentosFiscaisFretes.HABILITA_VISUALIZACAO_ARQUIVO == true" style="width: 100%; margin-top: 5px;">

							<div class="input-group left-icon" style="width: 100%;">
								<div ttitle="Ver Arquivo" class="input-group-addon" style="padding: 5px !important; cursor: pointer;" ng-click="vm.DocumentosFiscaisFretes.getFileImport();">
									<span class="fa fa-file-code-o" style="font-size: 20px;"></span>
								</div>

								<input
									type="text"
									style="width: 100%;"
									class="form-control"
									ng-model="vm.DocumentosFiscaisFretes.SELECTED.FILENAME_IMPORT"
									disabled>
							</div>
							
						</div>
					</div>
				</div>
			</div>

			<!-- <div class="module form-module">
				
				<div class="toggle" ttitle="Ocultar / Mostrar <br> Alt + L" id="toggleDetailsNf" ng-click="vm.DocumentosFiscaisFretes.toggleInformacoes();" ng-class="{'toggleLeft': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES, '': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES}">
					<i class="fa" ng-class="{'fa-chevron-circle-right': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES, 'fa-chevron-circle-left': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES}"></i>
				</div>
		
				<div class="form" ng-show="vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES">
					<div id="labelData" ttitle="Data de Entrada" ng-bind="vm.DocumentosFiscaisFretes.SELECTED.DATA_ENTRADA_VISUALIZACAO">
					</div>

					<div class="form-group">
						<label>Chave de Acesso:</label>
						<input 
							type="text"
							style="height: 35px; width: 378px;" 
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretes.SELECTED.CHAVE_ACESSO" 
							maxlength="44"
							disabled>	
					</div>

					<div class="form-group">
						<label>Documento Fiscal:</label>
						<div class="input-group left-icon">
							<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
							<input 
								type="text"
								style="height: 35px; width: 223px; font-size: 18px;" 
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretes.SELECTED.DOCUMENTO_FISCAL" 
								maxlength="9"
								only-digits
								disabled
								ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">	
						</div>
					</div>

					<div class="form-group" style="margin: 0 !important;"> 
						<label>Série:</label>
						<div class="input-group left-icon">
							<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-tag"></span></div>
							<input 
								type="text"
								style="height: 35px; width: 75px; font-size: 18px;" 
								class="form-control text-right" 
								ng-model="vm.DocumentosFiscaisFretes.SELECTED.DESC_SERIE" 
								maxlength="3"
								disabled
								ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">
						</div>
					</div>
					<br>
					<div class="form-group" ng-if="vm.DocumentosFiscaisFretes.SELECTED.DESC_EMPRESA != ''">
						<label>Transportadora:</label>
							<input 
								type="text"
								style="height: 35px; width: 378px;" 
								class="form-control"
								ng-model="vm.DocumentosFiscaisFretes.SELECTED.DESC_EMPRESA" 
								disabled
								ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">	
					</div>

					<div class='div_arquivos'></div>
				</div>
				
			</div> -->
			
			
		</div>
	</fieldset>
	
	<fieldset>
		<legend>Dados do Serviço e Impostos</legend>
		<div class="row">
			<div style="display: -webkit-inline-box;" class="consulta-operacao-item"></div>
			<div style="display: -webkit-inline-box;" class="consulta-produto-item"></div>
<!-- 
			<button type="button" class="btn btn-warning" data-hotkey="alt+e" style="margin-left: -14px; margin-top: 19px; height: 36px;">
				<span class="glyphicon glyphicon-edit" style="margin-top: -10px;"></span>
			</button> -->
			
			<div id="divPrincipalInformacoesControleOrcamentario" ng-class="{'backTransp': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES_CONTROLE_ORCAM, '': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES_CONTROLE_ORCAM}">
				<div class="toggle" ttitle="Ocultar / Mostrar <br> Alt + K" ng-if="vm.DocumentosFiscaisFretesItens.HABILITA_CONTROLE_ORCAMENTARIO == true" id="toggleDetailsControleOrcamentario" ng-click="vm.DocumentosFiscaisFretes.toggleInformacoesControleOrcamentario();" ng-class="{'toggleRight2': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES_CONTROLE_ORCAM, '': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES_CONTROLE_ORCAM}">
					<i class="fa" ng-class="{'fa-chevron-circle-right': vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES_CONTROLE_ORCAM, 'fa-chevron-circle-left': !vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES_CONTROLE_ORCAM}"></i>
					<!-- <div class="tooltip">Click Me</div> -->
				</div>
				<div class="box box-informacoes-prod" ng-if="vm.DocumentosFiscaisFretesItens.HABILITA_CONTROLE_ORCAMENTARIO == true && vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES_CONTROLE_ORCAM">
					<div class="box__header">
						<h5>Controle Orçamentário
							<!-- <span class="fa fa-chevron-right" ng-click="vm.DocumentosFiscaisFretes." style="cursor: pointer; float: left; margin-right: 15px;"></span> -->
						</h5>
					</div>
					<div class="box__content">
						<ul class="notification-list">
							<li class="notification-list__item" ng-repeat="item in vm.DocumentosFiscaisFretesItens.ARRAY_CONTROLE_ORCAMENTARIO track by $index" ng-class="{'notification-list__item--new': $last}">
								<a href="javascript:void(0);">
									<small ng-if="item.ERROR == '0'"><span class="fa fa-check" style="color: rgb(7, 214, 7);"></span> &nbsp; Passo @{{$index + 1}}</small>
									<small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small>
									<span ng-bind="item.STATUS"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

			<div style="display: -webkit-inline-box;" ng-show="vm.ControleIntegracaoContab == 1 || vm.ControleOrcamentario == 1" class="consulta-conta-contabil-item"></div>
			<div style="display: -webkit-inline-box;" class="consulta-ccusto-item"></div>

			<hr>

			<div class="form-group">
				<label>Valor Total:</label>
				<div class="input-group right-icon">
					<div class="input-group-addon" style="padding: 9px !important; font-weight: bold;"><span>R$</span></div>
					<input 
						ng-number-format="2"
						type="text"
						style="width: 242px; font-weight: bold;"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_TOTAL"
						ng-blur="vm.DocumentosFiscaisFretes.ALTERANDO ? vm.DocumentosFiscaisFretesItens.calcularTodasAsTributacoes() : ''"
						min="0">
				
				</div>
			</div>

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

					<input
						ng-number-format="2"
						type="text"
						style="width: 114px;"
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_PEDAGIO"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
						ng-blur="vm.DocumentosFiscaisFretes.ALTERANDO ? vm.DocumentosFiscaisFretesItens.calcularTodasAsTributacoes() : ''"
						min="0">

				</div>
			</div>

			<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
						ng-number-format="2"
						type="text"
						style="width: 115px;"
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_ACRESCIMO"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
						ng-blur="vm.DocumentosFiscaisFretes.ALTERANDO ? vm.DocumentosFiscaisFretesItens.calcularTodasAsTributacoes() : ''"
						min="0">
					
				</div>
			</div>

			<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
						ng-number-format="2"
						type="text"
						style="width: 112px;"
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_SEGURO"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
						ng-blur="vm.DocumentosFiscaisFretes.ALTERANDO ? vm.DocumentosFiscaisFretesItens.calcularTodasAsTributacoes() : ''"
						min="0">
					
				</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
						ng-number-format="2"
						type="text"
						style="width: 115px;"
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_DESCONTO"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
						ng-blur="vm.DocumentosFiscaisFretes.ALTERANDO ? vm.DocumentosFiscaisFretesItens.calcularTodasAsTributacoes() : ''"
						min="0">

				</div>
			</div>

			<div class="form-group">
				<label>Valor Contábil:</label>
				<div class="input-group right-icon">
					<div class="input-group-addon" style="padding: 9px !important; "><span>R$</span></div>
					<input 
						ng-number-format="2"
						type="text"
						style="width: 154px; font-weight: bold;"
						ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_VALOR_CONTABIL_PRODUTO"
						ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_CONTABIL"
						min="0">
				</div>
			</div>
			
			<br>

			<div class="divCstIcms">
				<div style="display: -webkit-inline-box;" class="consulta-cst-icms-item"></div>

				<div class="form-group">
					<label>% Base de Cálculo:</label>
					<div class="input-group left-icon">

						<input
							ng-number-format="2"
							type="text"
							style="width: 121px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.PERCENTUAL_BASECALCULO_ICMS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-blur="vm.DocumentosFiscaisFretesItens.changeBaseCalculoIcms()"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PERCENTUAL_BASECALCULO_ICMS"
							min="0"
							max="100">
						
						<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-percent"></span></div>
					</div>
				</div>

				<div class="form-group">
					<label>Base de Cálculo:</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"
							style="width: 115px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.BASECALCULO_ICMS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-blur="vm.DocumentosFiscaisFretesItens.changeBaseCalculoIcms()"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_BASECALCULO_ICMS"
							min="0">
						
					</div>
				</div>

				<!-- <div class="form-group" ng-if="!vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PERCENTUAL_ALIQUOTA_ICMS  || vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PRODUTO"> -->
				<div class="form-group">
					<label>Alíquota ICMS:</label>
					<div class="input-group left-icon">

						<input
							ng-number-format="2"
							type="text"
							style="width: 120px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.PERCENTUAL_ALIQUOTA_ICMS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-blur="vm.DocumentosFiscaisFretesItens.changeBaseCalculoIcms()"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PERCENTUAL_ALIQUOTA_ICMS"
							min="0"
							max="100">

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

				<div class="form-group">
					<label>Valor ICMS:</label>
					<div class="input-group right-icon">
						<div class="input-group-addon" style="padding: 9px !important;">R$</div>
						
						<input
							ng-number-format="2"
							type="text"
							style="width: 115px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_ICMS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_VALOR_ICMS"
							min="0">

						<div class="input-group-addon ajustesParaMais" 
							ng-class="{'noCalc': !vm.DocumentosFiscaisFretes.ALTERANDO}"
							ng-click="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PERCENTUAL_ALIQUOTA_ICMS == false && vm.DocumentosFiscaisFretes.ALTERANDO ? vm.DocumentosFiscaisFretesItens.calcNewIcms(1) : ''">
							<span>
								<i class="fa fa-plus"></i>
							</span>
						</div>

						<span 
							ng-class="{'noCalc': !vm.DocumentosFiscaisFretes.ALTERANDO}"
							ng-click="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PERCENTUAL_ALIQUOTA_ICMS == false && vm.DocumentosFiscaisFretes.ALTERANDO ? vm.DocumentosFiscaisFretesItens.calcNewIcms(2) : ''"
							class="input-group-addon ajustesParaMenos">
							<i class="fa fa-minus"></i>
						</span>

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

			<div class="divCstPis">
				<div style="display: -webkit-inline-box;" class="consulta-cst-pis-item"></div>

				<div class="form-group">
					<label>Base de Cálculo:</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"
							style="width: 115px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.BASECALCULO_PIS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-blur="vm.DocumentosFiscaisFretesItens.changeBaseCalculoPis(1)"
							min="0">

					</div>
				</div>

				<div class="form-group">
					<label>% PIS:</label>
					<div class="input-group left-icon">

						<input
							ng-number-format="2"
							type="text"
							style="width: 121px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.PERCENTUAL_PIS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-blur="vm.DocumentosFiscaisFretesItens.changeBaseCalculoPis(1)"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PERCENTUAL_PIS"
							min="0"
							max="100">
					
						<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-percent"></span></div>
					</div>
				</div>

				<div class="form-group">
					<label>Valor PIS:</label>
					<div class="input-group right-icon">
						<div class="input-group-addon" style="padding: 9px !important;">R$</div>
						
						<input
							ng-number-format="2"
							type="text"
							style="width: 115px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_PIS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_VALOR_PIS"
							min="0">

					</div>
				</div>

				<div class="form-group">
					<label>% COFINS:</label>
					<div class="input-group left-icon">

						<input
							ng-number-format="2"
							type="text"
							style="width: 120px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.PERCENTUAL_COFINS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-blur="vm.DocumentosFiscaisFretesItens.changeBaseCalculoCofins()"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_PERCENTUAL_COFINS"
							min="0"
							max="100">

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

				<div class="form-group">
					<label>Valor COFINS:</label>
					<div class="input-group right-icon">
						<div class="input-group-addon" style="padding: 9px !important;">R$</div>
					
						<input
							ng-number-format="2"
							type="text"
							style="width: 115px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesItens.SELECTED.VALOR_COFINS"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							ng-disabled="vm.DocumentosFiscaisFretesItens.SELECTED.HABILITA_VALOR_COFINS"
							min="0">

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

	<fieldset style="margin-top: 10px;">
		<legend>Detalhes do Documento Fiscal</legend>
	
		<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" ng-click="!vm.DocumentosFiscaisFretes.INCLUINDO && vm.DocumentosFiscaisFretesItens.CONSULTAR == false ? vm.DocumentosFiscaisFretesItens.consultar() : ''" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
					Produto/Serviço
					
				</a>
			</li> -->

			<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="false">
					Parcelamentos
				</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">
					Transporte
				</a>
			</li>

			

			<li role="presentation" class="tab-detalhamento">
				<div class="my-btn" ttitle="Pendente para Justificativa" ng-if="vm.DocumentosFiscaisFretes.HABILITA_ALERTA_DOC_REF == true">
					<div class="my-btn-border"></div>
				</div>
				<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" ng-click="!vm.DocumentosFiscaisFretes.INCLUINDO && vm.DocumentosFiscaisFretesDocRefAjus.CONSULTAR == false ? vm.DocumentosFiscaisFretesDocRefAjus.consultar() : ''" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
					Documentos Referenciados
				</a>
			</li>

			<li role="presentation" class="tab-detalhamento">
				<a href="#tab4-container" id="tab4-tab" data-hotkey="alt+4" ng-click="!vm.DocumentosFiscaisFretes.INCLUINDO && vm.DocumentosFiscaisFretesObservacoesCTe.CONSULTAR == false ? vm.DocumentosFiscaisFretesObservacoesCTe.consultar() : ''" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false">
					Observações
				</a>
			</li>

			<li role="presentation" class="tab-detalhamento" ng-if="!vm.DocumentosFiscaisFretes.ALTERANDO">
			
				<a href="#tab5-container" ng-click="!vm.DocumentosFiscaisFretes.INCLUINDO && vm.DocumentosFiscaisFretesContabilizacao.CONSULTAR == false ? vm.DocumentosFiscaisFretesContabilizacao.consultar() : ''" id="tab5-tab" data-hotkey="alt+5" role="tab" data-toggle="tab" aria-controls="tab5-container" aria-expanded="false">
					Contabilização
				</a>
			</li>
		</ul>

		<div id="tab-content" class="tab-content"  style="height: 440px;">
			
			<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;">

					<div class="form-group">
						<label>Data de Vencimento:</label>
						<input 
							type="date"
							id="dataVencimento"
							class="form-control input-medio" 
							required
							ng-atalho
							ng-model="vm.DocumentosFiscaisFretesParcelamento.SELECTED.DATA_VENCIMENTO"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">
					</div>
					
					<div class="form-group">
						<label>Valor:</label>
						<div class="input-group right-icon">
							<div class="input-group-addon" style="padding: 9px !important; font-weight: bold !important;"><span class="">R$</span></div>

							<input
								ng-number-format="2"
								id="valorParcela"
								type="text"
								style="width: 234px !important; font-weight: bold !important;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesParcelamento.SELECTED.VALOR_PARCELA"
								ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">
						</div>
					</div>

					<div style="display: -webkit-inline-box;" class="consulta-forma-pagamento"></div>
					<div style="display: -webkit-inline-box;" class="consulta-operacao-cpa"></div>
					<br>
					<div style="display: -webkit-inline-box;" class="consulta-classificacao-financeira"></div>
					<div style="display: -webkit-inline-box;" class="consulta-ccusto"></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;">
					<div style="display: -webkit-inline-box;" class="consulta-indicador-natureza-frete"></div>
				
					<div class="form-group">
						<label>Frete:</label>
						<select  
							required
							id="tipoFreteTransporte"
							ng-model="vm.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_FRETE"
							ng-disabled="!vm.DocumentosFiscaisFretes.ALTERANDO" style="width: 273px !important;">	
							<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 style="display: -webkit-inline-box;" class="consulta-mun-origem"></div>
					<div style="display: -webkit-inline-box;" class="consulta-mun-destino"></div>

					<!-- <div class="form-group">
						<label ttitle="Código IBGE do Município de Origem">Município Origem:</label>
						<input 
							type="text"
							class="form-control"
							style="width: 167px;"
							ng-model="vm.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_CODIGO_MUN_INI"
							readonly="readonly">
					</div>

					<div class="form-group">
						<label ttitle="Código IBGE do Município de Destino">Município Destino:</label>
						<input 
							type="text"
							class="form-control"
							style="width: 167px;"
							ng-model="vm.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_CODIGO_MUN_FIM"
							readonly="readonly">
					</div> -->

					<br>

					<div class="form-group">
						<label>Modalidade:</label>
						<select  
							required
							id="modalidadeFreteTransporte"
							ng-model="vm.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_MODALIDADE"
							ng-disabled="!vm.DocumentosFiscaisFretes.ALTERANDO"
							style="width: 282px;">	
							<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>
					
					<div class="form-group">
						<label>Espécie:</label>
						<input 
							type="text"
							class="form-control"
							style="width: 212px !important;"
							ng-model="vm.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_ESPECIE"
							maxlength="10"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO">
					</div>

					<div class="form-group">
						<label>Volumes:</label>
						<input
							id="inputVolumesTransportadora"
							type="text"
							style="height: 35px; width: 167px;"
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_VOLUME"
							ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
							min="0"
							maxlength="10"
							ng-number-format="0">
					</div>

					<div class="form-group">
						<label title="Peso Bruto">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.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_PESO_BRUTO"
								ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
								min="0"
								maxlength="16">
								<div class="input-group-addon" style="padding: 9px !important;">KG</div>
						</div>
					</div>

					<div class="form-group">
						<label title="Peso Líquido">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.DocumentosFiscaisFretes.SELECTED.TRANSPORTE_PESO_LIQUIDO"
								ng-readonly="!vm.DocumentosFiscaisFretes.ALTERANDO"
								min="0"
								maxlength="16">
								<div class="input-group-addon" style="padding: 9px !important;">KG</div> 
						</div>
					</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;">
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="alt+q"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
								ng-click="vm.DocumentosFiscaisFretesDocRefAjus.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>       
					</ul>
					<div class="tabela_documentos_ajustes" id="tabela_documentos_ajustes"></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="tabela_observacoes_cte" id="tabela_observacoes_cte"></div>
				</div>
			</div>


			<div role="tabpanel" class="tab-pane" ng-show="!vm.DocumentosFiscaisFretes.INCLUINDO" id="tab5-container" name="" aria-labelledby="tab5-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-primary btn-incluir" 
									data-hotkey="f6"
									ng-click="vm.DocumentosFiscaisFretesContabilizacao.addConfirmRecalcularContabilizacao();"
									ng-disabled="!{{ userMenu($menu)->INCLUIR }}">
									<span class="glyphicon glyphicon-plus"></span> Recalcular Contabilização
								</button>
							</li>                                         
						</ul>
						<div class="tabela_contabilizacao" id="tabela_contabilizacao"></div>
					</div>
				</div>
			</div>
		</div>

		
	</fieldset>

</div>
</form>

@overwrite