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

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

@section('modal-header-left')

<h4 class="modal-title">
	<!-- @{{vm.DocumentosFiscaisFretes.SELECTED.DESCRICAO}} -->
	<span>21160 - Alterações Fiscais</span>
</h4>

@overwrite

@section('modal-header-right')

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

@overwrite

@section('modal-body')
<div>
<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->

	<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-informacoes-doc" ng-show="vm.DocumentosFiscaisFretes.CHEVRON_TOGGLE_INFORMACOES">
			<div class="box__header">
				<h5>Resumo Documento Fiscal
				</h5>
			</div>
			<div class="box__content">
				<ul class="notification-list">

					<li class="notification-list__item" tabindex="-1">
						<a href="javascript:void(0);" tabindex="-1">
							<small>ID</small>
							<span>@{{vm.DocumentosFiscaisFretes.SELECTED.DESC_ID}}</span>
						</a>
					</li>

					<li class="notification-list__item" tabindex="-1" ng-if="vm.DocumentosFiscaisFretes.SELECTED.CHAVE_ACESSO != '' && vm.DocumentosFiscaisFretes.SELECTED.CHAVE_ACESSO != null">
						<a href="javascript:void(0);" tabindex="-1">
							<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>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">
						<a href="javascript:void(0);" tabindex="-1">
							<small>Data de Entrada</small>
							<span ng-bind="vm.DocumentosFiscaisFretes.SELECTED.DATA_ENTRADA_FORMATADA"></span>
						</a>
					</li>

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

	<div class="panel panel-primary"> 
		<div class="panel-heading" id="headerPainelDocFiscal" style="cursor: pointer !important;" data-toggle="collapse" data-target="#painelDocFiscal" aria-expanded="true" aria-controls="painelDocFiscal" ng-click="vm.DocumentosFiscaisFretesAlteracoesFiscais.changeIconDocFiscal();"> 
			<h3 class="panel-title">
				Dados do Documento Fiscal
				<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.DocumentosFiscaisFretesAlteracoesFiscais.DROPDOWN_DADOS_DOC, 'fa-chevron-circle-up': vm.DocumentosFiscaisFretesAlteracoesFiscais.DROPDOWN_DADOS_DOC}" aria-hidden="true"></i>
			</h3> 
				
		</div> 
		<div class="panel-body collapse in" id="painelDocFiscal" aria-expanded="true">
			<div class="row">
				<div class="form-group">
					<label>Tipo do Documento:</label>
					<select 
						class="form-control" 
						style="width: 230px !important;"
						ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED_DOC_FISCAL.TIPO_DOCUMENTO">	
						<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>Chave de Acesso:</label>
					<div class="input-group left-icon">
						<div ng-if="vm.DocumentosFiscaisFretes.INCLUINDO" ttitle="Colar Chave de Acesso" class="input-group-addon" style="padding: 9px !important; cursor: pointer;"><span class="fa fa-clone"></span></div> 
						<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
						<input 
							type="text"
							style="height: 35px; width: 380px;" 
							class="form-control text-right"
							ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED_DOC_FISCAL.CHAVE_ACESSO" 
							maxlength="44"
							ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">	
					</div>
				</div>

				<div style="display: -webkit-inline-box;" class="consulta-mun-origem-alt-fiscal"></div>

				<div style="display: -webkit-inline-box;" class="consulta-mun-destino-alt-fiscal"></div>

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

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

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

				<div class="form-group">
					<label>Data de Emissão:</label>
					<input 
						type="date"
						id="dataEmissao"
						class="form-control" 
						style="width: 206px;"
						required
						ng-atalho
						ng-model="vm.DocumentosFiscaisFretes.SELECTED.DATA_EMISSAO"
						disabled>
				</div>

				
				<div class="form-group">
					<label class="camposFiscais">Data Fiscal:</label>
					<input 
						type="date"
						id="dataFiscal"
						class="form-control"
						style="width: 185px;"
						ng-atalho
						ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED_DOC_FISCAL.DATA_FISCAL">
				</div> 

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

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

		</div>

	</div>



	<div class="panel panel-primary"> 
		<div class="panel-heading" id="headerPainelItemDocFiscal" style="cursor: pointer !important;" data-toggle="collapse" data-target="#painelItemDocFiscal" aria-expanded="true" aria-controls="painelItemDocFiscal" ng-click="vm.DocumentosFiscaisFretesAlteracoesFiscais.changeIconItemDocFiscal();"> 
			<h3 class="panel-title">
				Item do Documento Fiscal
				<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.DocumentosFiscaisFretesAlteracoesFiscais.DROPDOWN_ITEM_DOC, 'fa-chevron-circle-up': vm.DocumentosFiscaisFretesAlteracoesFiscais.DROPDOWN_ITEM_DOC}" aria-hidden="true"></i></h3> 
			</h3> 
				
		</div> 
		<div class="panel-body collapse in" id="painelItemDocFiscal" aria-expanded="true">
			<div class="row">
				<div class="card" id="cardCfop">
					<h4>Dados do Produto</h4>
					<div class="row">
						<div class="col-md-4" id="">
							
						</div>

						<div class="col-md-8" id="divOriginal">
							<span></span>
						</div>
					</div>

					<div class="row">

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 34px;">Descrição:</span>
						</div>
						
						<div class="col-md-8">
							<input 
								type="text"
								style="width: 290px;"
								class="form-control"
								ng-value="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.DESC_PRODUTO"
								disabled>
						</div>

					</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 34px;">Código FCI:</span>
						</div>
						
						<div class="col-md-8">
							<input 
								type="text"
								class="form-control text-right" 
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FCI_NUMERO"
								style="width: 290px;"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

					</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 34px;">NCM:</span>
						</div>
						
						<div class="col-md-4">
							<input 
								type="text" 
								style="width: 128px;"
								class="form-control"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.NCM_CODIGO"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

						<div class="col-md-4">
							
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 34px;">Valor Unitário:</span>
						</div>
						
						<div class="col-md-4">
							<input
								ng-number-format="5"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_UNITARIO"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

						<div class="col-md-4">
							
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 34px;">Valor Total:</span>
						</div>

						<div class="col-md-4">
							<input 
								ng-number-format="2"
								type="text"
								style="width: 128px; font-weight: bold;"
								disabled
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_TOTAL"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

						<div class="col-md-4">
							
						</div>

					</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 34px;">Valor Contábil:</span>
						</div>

						<div class="col-md-4">
							<input 
								ng-number-format="2"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_CONTABIL">
						</div>

						<div class="col-md-4">
							
						</div>
						
						

					</div>

				</div>

				<div class="card" id="cardCfop">
					<h4>Outros Valores</h4>
					<div class="row">
						<div class="col-md-4" id="">
							
						</div>

						<div class="col-md-8" id="divOriginal">
							<span></span>
						</div>
					</div>

					<div class="row">

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Base de Cál. FCI:</span>
						</div>

						<div class="col-md-4">
							
						</div>
						
						<div class="col-md-4">
							<input
								ng-number-format="2"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.BASECALCULO_FCI">
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Acréscimo:</span>
						</div>

						<div class="col-md-4">
							
						</div>
						
						<div class="col-md-4">
							<input
								ng-number-format="2"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_ACRESCIMO"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

					</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Pedágio/Ilum. Púb.:</span>
						</div>

						<div class="col-md-4">
							
						</div>
						
						<div class="col-md-4">
							<input
								ng-number-format="2"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_PEDAGIO"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Frete:</span>
						</div>

						<div class="col-md-4">
							
						</div>
						
						<div class="col-md-4">
							<input
								ng-number-format="2"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_FRETE"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Seguro:</span>
						</div>

						<div class="col-md-4">
							
						</div>
						
						<div class="col-md-4">
							<input
								ng-number-format="2"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_SEGURO"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

					</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Desconto:</span>
						</div>

						<div class="col-md-4">
							
						</div>
						
						<div class="col-md-4">
							<input
								ng-number-format="2"
								type="text"
								style="width: 128px;"
								class="form-control text-right"
								ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_DESCONTO"
								ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
						</div>

					</div>
					
				</div>

				<div class="card" id="cardCfop">
					<h4>Vínculo Contábil</h4>
					<div class="row">
						<div class="col-md-4" id="">
							
						</div>

						<div class="col-md-4" id="divOriginal">
							<span>Original</span>
						</div>

						<div class="col-md-4" id="divFiscal">
							<span>Fiscal</span>
						</div>
					</div>

					<div class="row">

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">CFOP <a tabindex="-1" href="{{url('')}}/_21100" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="21100 - Cadastro de CFOP"></span></a></span>
						</div>
						
						<div class="col-md-4">
							<div style="display: -webkit-inline-box;" class="consulta-cfop-item-original-fiscal"></div>
						</div>

						<div class="col-md-4">
							<div style="display: -webkit-inline-box;" class="consulta-cfop-item-alt-fiscal"></div>
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Operação <a tabindex="-1" href="{{url('')}}/_21110" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="21110 - Cadastro de Operações Internas para Documentos Fiscais "></span></a></span>
						</div>
						
						<div class="col-md-8">
							<div style="display: -webkit-inline-box;" class="consulta-operacao-item-alt-fiscal"></div>
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">Conta Contábil <a tabindex="-1" href="{{url('')}}/_17151" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="17151 - Cadastro de Contas Contábeis"></span></a></span>
						</div>
						
						<div class="col-md-8">
							<div style="display: -webkit-inline-box;" class="consulta-conta-contabil-alt-fiscal"></div>
						</div>

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

						<div class="col-md-4" id="divLegenda">
							<span style="line-height: 40px;">C. Custo <a tabindex="-1" href="{{url('')}}/_20240" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="20240 - Cadastro de Centros de Custo"></span></a></span>
						</div>
						
						<div class="col-md-8">
							<div style="display: -webkit-inline-box;" class="consulta-ccusto-alt-fiscal"></div>
						</div>

					</div>
				</div>

			</div>

				<legend style="margin-top: 20px;">Tributações da Operação @{{vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.OPERACAO_DESCRICAO}}</legend>

				<div class="row">

					<div class="card" id="cardIcms">
						<h4>ICMS</h4>

						<div class="row">
							<div class="col-md-4" id="">
								
							</div>

							<div class="col-md-4" id="divOriginal">
								<span>Original</span>
							</div>

							<div class="col-md-4" id="divFiscal">
								<span>Fiscal</span>
							</div>
						</div>

						<div class="row">

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 40px;">CST</span>
							</div>
							
							<div class="col-md-4">
								<div style="display: -webkit-inline-box;" class="consulta-cst-icms-original-fiscal"></div>
							</div>

							<div class="col-md-4">
								<div style="display: -webkit-inline-box;" class="consulta-cst-icms-alt-fiscal"></div>
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">% Base de Cálculo:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.PERCENTUAL_BASECALCULO_ICMS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS"
									max="100">
							</div>

							<div class="col-md-4">
								<input
										ng-number-format="2"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_BASECALCULO_ICMS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Base de Cálculo:</span>
							</div>
							
							<div class="col-md-8">
								<input
									ng-number-format="2"
									type="text"
									style="width: 277px;"
									class="form-control text-right camposFiscais"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.BASECALCULO_ICMS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Modalidade:</span>
							</div>
							
							<div class="col-md-8">
								<select 
									class="form-control" 
									style="width: 278px;"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.MODALIDADE_ICMS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">	
									<option value="">Selecione</option>
									<option value="0">0 - Margem Valor Agregado (%)</option>
									<option value="1">1 - Pauta (Valor)</option>
									<option value="2">2 - Preço Tabelado ou Máximo</option>
									<option value="3">3 - Valor da Operação</option>
								</select>
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">% Alíquota:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.PERCENTUAL_ALIQUOTA_ICMS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
							</div>

							<div class="col-md-4">
								<input
										ng-number-format="2"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_PERCENTUAL_ICMS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Valor ICMS:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_ICMS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
							</div>

							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 117px;"
									class="form-control text-right camposFiscais"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_VALOR_ICMS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Outras ICMS:</span>
							</div>
							
							<div class="col-md-4">
							
							</div>

							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 117px;"
									class="form-control text-right camposFiscais"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_OUTRAS_ICMS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Isentas ICMS:</span>
							</div>
							
							<div class="col-md-4">
							
							</div>

							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 117px;"
									class="form-control text-right camposFiscais"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_ISENTAS_ICMS">
							</div>

						</div>
						
						<!-- <div class="action">
							<button class="link-btn">cancel</button>
							<button class="btn">invite</button>
						</div> -->
					</div>

					<div class="card" id="cardPis">
						<h4>PIS/COFINS</h4>

						<div class="row">
							<div class="col-md-4" id="">
								
							</div>

							<div class="col-md-4" id="divOriginal">
								<span>Original</span>
							</div>

							<div class="col-md-4" id="divFiscal">
								<span>Fiscal</span>
							</div>
						</div>

						<div class="row">

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 40px;">CST</span>
							</div>
							
							<div class="col-md-4">
								<div style="display: -webkit-inline-box;" class="consulta-cst-pis-original-fiscal"></div>
							</div>

							<div class="col-md-4">
								<div style="display: -webkit-inline-box;" class="consulta-cst-pis-alt-fiscal"></div>
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Base de Cálculo:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.BASECALCULO_PIS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
							</div>

							<div class="col-md-4">
								<input
										ng-number-format="2"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_BASECALCULO_PIS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">% PIS:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.PERCENTUAL_PIS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
							</div>

							<div class="col-md-4">
								<input
										ng-number-format="2"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_PERCENTUAL_PIS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Valor PIS:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_PIS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
							</div>

							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 117px;"
									class="form-control text-right camposFiscais"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_VALOR_PIS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">% COFINS:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.PERCENTUAL_COFINS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
							</div>

							<div class="col-md-4">
								<input
										ng-number-format="2"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_PERCENTUAL_COFINS">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">Valor COFINS:</span>
							</div>
							
							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 118px;"
									class="form-control text-right"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.VALOR_COFINS"
									ng-disabled="!vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.LIBERAR_CAMPOS">
							</div>

							<div class="col-md-4">
								<input
									ng-number-format="2"
									type="text"
									style="width: 117px;"
									class="form-control text-right camposFiscais"
									ng-model="vm.DocumentosFiscaisFretesAlteracoesFiscais.SELECTED.FISCAL_VALOR_COFINS">
							</div>

						</div>
						
						<!-- <div class="action">
							<button class="link-btn">cancel</button>
							<button class="btn">invite</button>
						</div> -->
					</div>

					<hr>

				</div>

		</div>
	</div>

</div>
</form>

@overwrite