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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span>{{ Lang::get('pdv/_19040.titulo2-alterar') }}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.CfeItens.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
	</button>
	
	<button ng-if="vm.CfeItens.ALTERANDO" ng-click="vm.CfeItens.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.CfeItens.TIPO_ADD == 2 && vm.Cfe.ALTERANDO == false)" ng-if="!vm.CfeItens.ALTERANDO" ng-click="vm.CfeItens.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.CfeItens.TIPO_ADD == 2 && vm.Cfe.ALTERANDO == false)" ng-if="!vm.CfeItens.ALTERANDO" ng-click="vm.CfeItens.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.CfeItens.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.CfeItens.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
    <div class="row">
		<div class="panel panel-primary"> 
			<div class="panel-heading" id="headerPainelDocFiscal" tabindex="0" data-hotkey="alt+1" style="cursor: pointer !important;" data-toggle="collapse" data-target="#painelDocFiscal" aria-expanded="true" aria-controls="painelDocFiscal" ng-click="vm.changePainel('1')"> 
				<h3 class="panel-title">
					Dados do Cupom Fiscal
					<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.DROPDOWN_DADOS_DOC, 'fa-chevron-circle-up': vm.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>ID:</label>
							<input 
								type="text"
								class="form-control input-menor"
								ng-model="vm.Cfe.SELECTED.ID"
								readonly="readonly">
						</div>
						
						<div class="form-group">
							<label>Estabelecimento:</label>
							<input 
								type="text"
								class="form-control input-maior" 
								required
								ng-model="vm.Cfe.SELECTED.DESC_ESTABELECIMENTO"
								ng-readonly="true">
						</div>
						
						<div class="form-group">
							<label>Forma de Emissão:</label>
							<select 
								class="form-control"
								ng-model="vm.Cfe.SELECTED.FORMA_EMISSAO"
								ng-disabled="true">
								<option ng-value="1">NORMAL</option>
								<option ng-value="2">CONTINGÊNCIA</option>
							</select>
						</div>		
						
						<div class="form-group">
							<label>Chave 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"
									class="form-control input-maior"
									ng-model="vm.Cfe.SELECTED.CHAVE_ACESSO"
									readonly="readonly">
							</div>
						</div>				
					</div>				

					<div class="row">
						<div class="form-group">
							<label>Número CFE:</label>
							<div class="input-group left-icon">
								<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
								<input 
									type="text"
									class="form-control input-medio"
									ng-model="vm.Cfe.SELECTED.NUMERO_CFE2"
									readonly="readonly">
							</div>
						</div>
						
						<div class="form-group">
							<label>Série:</label>
							<div class="input-group left-icon">
								<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
								<input 
									type="text"
									class="form-control input-menor"
									ng-model="vm.Cfe.SELECTED.SERIE2"
									readonly="readonly">
							</div>
						</div>
						
						<div class="form-group">
							<label>Destinatário:</label>
							<input 
								type="text"
								class="form-control input-maior" 
								required
								ng-model="vm.Cfe.SELECTED.DESC_CLIENTE"
								ng-readonly="!vm.Cfe.ALTERANDO">
						</div>
								
						<div class="form-group">
							<label>Data Emissão:</label>
							<input 
								type="text"
								class="form-control input-medio"
								ng-model="vm.Cfe.SELECTED.FDATA_EMISSAO"
								readonly="readonly">
						</div>						
						
						<div class="form-group">
							<label>Caixa:</label>
							<input 
								type="text"
								class="form-control input-medio"
								ng-model="vm.Cfe.SELECTED.DESC_CAIXA"
								readonly="readonly">
						</div>
								
						<div class="form-group">
							<label>Operador:</label>
							<input 
								type="text" style="width: 350px !important;"
								class="form-control input-medio"
								ng-model="vm.Cfe.SELECTED.DESC_OPERADOR"
								readonly="readonly">
						</div>
					</div>

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

						<div class="form-group">
							<label>Comissão:</label>
							<div class="input-group right-icon">
								<input 
									type="text"
									ng-number-format="2" min="0"
									class="form-control input-menor text-right"  
									required
									ng-model="vm.Cfe.SELECTED.REPRESENTANTE_COMISSAO"
									ng-readonly="!vm.CfeItens.ALTERANDO">
								<div class="input-group-addon" style="padding: 9px !important;"><span>%</span></div>				
							</div>
						</div>
						
						<div style="display: -webkit-inline-box;" class="consulta-vendedor"></div>
						
						<div class="form-group">
							<label>Comissão:</label>
							<div class="input-group right-icon">						
								<input 
									type="text"
									ng-number-format="2" min="0"
									class="form-control input-menor text-right"  
									required
									ng-model="vm.Cfe.SELECTED.VENDEDOR_COMISSAO"
									ng-readonly="!vm.CfeItens.ALTERANDO">
								<div class="input-group-addon" style="padding: 9px !important;"><span>%</span></div>				
							</div>
						</div>
					</div>
				
				</div>
			</div>
		</div>

		<div class="panel panel-primary"> 
			<div class="panel-heading" id="headerPainelItemDocFiscal" tabindex="0" data-hotkey="alt+2" style="cursor: pointer !important;" data-toggle="collapse" data-target="#painelItemDocFiscal" aria-expanded="true" aria-controls="painelItemDocFiscal" ng-click="vm.changePainel('2')"> 
				<h3 class="panel-title">
					Item do Cupom Fiscal
					<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.DROPDOWN_ITEM_DOC, 'fa-chevron-circle-up': vm.DROPDOWN_ITEM_DOC}" aria-hidden="true"></i>
				</h3> 					
			</div> 
			<div class="panel-body collapse in" id="painelItemDocFiscal" aria-expanded="true">
				<div class="row">
					<div class="card" id="cardCfop">
						<h4 id="cardProd">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" ng-show="vm.CfeItens.SELECTED.ESTOQUE == 1">
								<input 
									type="text"
									style="width: 320px;"
									class="form-control"
									ng-value="vm.CfeItens.SELECTED.DESC_PRODUTO"
									ng-disabled="true">
							</div>
							
							<div class="col-md-8" ng-show="vm.CfeItens.SELECTED.ESTOQUE == 0">
								<div style="display: -webkit-inline-box;" class="consulta-produto"></div>
							</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 34px;">EAN:</span>
							</div>
							
							<div class="col-md-8">
								<input 
									type="text"
									class="form-control text-right" 
									ng-model="vm.CfeItens.SELECTED.EAN"
									style="width: 320px;"
									ng-disabled="vm.CfeItens.SELECTED.ESTOQUE == 1">
							</div>

						</div>

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

							<div class="col-md-4" id="divLegenda">
								<span style="line-height: 40px;">Tamanho <a tabindex="-1" href="{{url('')}}/_22360" target="_blank"
									rel="noopener noreferrer"><span class="fa fa-external-link" title="22360 - Cadastro de Grades"></span></a></span>								
							</div>
							
							<div class="col-md-8">
								<div style="display: -webkit-inline-box;" class="consulta-Tamanho"></div>
							</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.CfeItens.SELECTED.NCM_CODIGO"
									ng-disabled="!vm.CfeItens.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">
								<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: 128px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_UNITARIO"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>
							</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">
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
									<input 
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 128px; font-weight: bold;"
										disabled
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_TOTAL"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>
							</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">
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
									<input 
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 128px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_CONTABIL">
								</div>
							</div>

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

						</div>
					</div>

					<div class="card" id="cardCfop">
						<h4 id="cardProd">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" min="0" max="99999999.99"
									type="text"
									style="width: 128px;"
									class="form-control text-right"
									ng-model="vm.CfeItens.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 class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
									<input
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 128px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_ACRESCIMO"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>	
							</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 class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
									<input
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 128px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_DESCONTO"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>
							</div>

						</div>
						
					</div>

					<div class="card" id="cardCfop">
						<h4 id="cardProd">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>
						@php /*
						<div class="row" style="margin-top: 7px;">

							<div class="col-md-4" id="divLegenda">
								<span class="titulo" 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 class="titulo" 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>
						@php */

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

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

						</div>
					</div>

				</div>

					<legend style="margin-top: 20px;">Tributações da Operação @{{vm.CfeItens.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" min="0"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.PERCENTUAL_BASECALCULO_ICMS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS"
										max="100">
								</div>
								
								<div class="col-md-4">
									<input
										ng-number-format="2" min="0"
										type="text"
										style="width: 118px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.CfeItens.SELECTED.FISCAL_PERC_BASECALCULO_ICMS"
										max="100">
								</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" min="0" max="99999999.99"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS"
										ng-model="vm.CfeItens.SELECTED.BASECALCULO_ICMS">
								</div>

								<div class="col-md-4">
									<input
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.CfeItens.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;">% Alíquota:</span>
								</div>
								
								<div class="col-md-4">
									<input
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.ALIQUOTA_ICMS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

								<div class="col-md-4">
									<input
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.CfeItens.SELECTED.FISCAL_ALIQUOTA_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" min="0" max="99999999.99"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_ICMS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

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

							</div>
						</div>

						<div class="card" id="cardPis">
							<h4>PIS</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" min="0" max="99999999.99"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.BASECALCULO_PIS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

								<div class="col-md-4">
									<input
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.CfeItens.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;">% Alíquota:</span>
								</div>
								
								<div class="col-md-4">
									<input
										ng-number-format="2" min="0" max="100"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.ALIQUOTA_PIS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

								<div class="col-md-4">
									<input
										ng-number-format="2" min="0" max="100"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.CfeItens.SELECTED.FISCAL_ALIQUOTA_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" min="0" max="99999999.99"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_PIS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

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

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

						<div class="card" id="cardCofins">
							<h4>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-cofins-original-fiscal"></div>
								</div>

								<div class="col-md-4">
									<div style="display: -webkit-inline-box;" class="consulta-cst-cofins-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" min="0" max="99999999.99"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.BASECALCULO_COFINS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

								<div class="col-md-4">
									<input
										ng-number-format="2" min="0" max="99999999.99"
										type="text"
										style="width: 117px;"
										class="form-control text-right camposFiscais"
										ng-model="vm.CfeItens.SELECTED.FISCAL_BASECALCULO_COFINS">
								</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" min="0" max="100"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.ALIQUOTA_COFINS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

								<div class="col-md-4">
									<input
											ng-number-format="2" min="0" max="100"
											type="text"
											style="width: 117px;"
											class="form-control text-right camposFiscais"
											ng-model="vm.CfeItens.SELECTED.FISCAL_ALIQUOTA_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" min="0" max="99999999.99"
										type="text"
										style="width: 118px;"
										class="form-control text-right"
										ng-model="vm.CfeItens.SELECTED.VALOR_COFINS"
										ng-disabled="!vm.CfeItens.SELECTED.LIBERAR_CAMPOS">
								</div>

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

							</div>
							
						</div>

						<hr>

					</div>

			</div>
		</div>

		<div class="panel panel-primary"> 
			<div class="panel-heading" id="headerPainelTotDocFiscal" tabindex="0" data-hotkey="alt+3" style="cursor: pointer !important;" data-toggle="collapse" data-target="#painelTotDocFiscal" aria-expanded="true" aria-controls="painelTotDocFiscal" ng-click="vm.changePainel('3')"> 
				<h3 class="panel-title">
					Totais do Documento Fiscal
					<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.DROPDOWN_TOT_DADOS_DOC, 'fa-chevron-circle-up': vm.DROPDOWN_TOT_DADOS_DOC}" aria-hidden="true"></i>
				</h3> 
					
			</div> 
			<div class="panel-body collapse in" id="painelTotDocFiscal" aria-expanded="true">

				<div class="row">
					<fieldset style="margin-top: 20px;">
						<legend>Valores Totais</legend>
						<div class="row">
							<div class="form-group">
								<label>Valor Total dos Produtos:</label>
								<div class="input-group right-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
									<input
										type="text"
										ng-number-format="2" min="0" max="99999999.99"
										
										class="form-control input-medio text-right"
										ng-model="vm.Cfe.SELECTED.VALOR_PRODUTOS_TOTAL"
										ng-disabled="!vm.Cfe.SELECTED.LIBERAR_TOTAIS">
								</div>
							</div>

							<div class="form-group">
								<label>Valor Total do Cupom Fiscal:</label>
								<div class="input-group right-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
									<input
										type="text"
										ng-number-format="2" min="0" max="99999999.99"
										
										class="form-control input-medio text-right"
										ng-model="vm.Cfe.SELECTED.VALOR_DOCUMENTO_FISCAL_TOTAL"
										ng-disabled="!vm.Cfe.SELECTED.LIBERAR_TOTAIS">
								</div>
							</div>

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

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

							<div class="form-group">
								<label>Valor ICMS:</label>
								<div class="input-group right-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
									<input
										type="text"
										ng-number-format="2" min="0" max="99999999.99"
										
										class="form-control input-medio text-right"
										ng-model="vm.Cfe.SELECTED.VALOR_ICMS_TOTAL"
										ng-disabled="!vm.Cfe.SELECTED.LIBERAR_TOTAIS">
								</div>
							</div>

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

							<div class="form-group">
								<label>Valor PIS:</label>
								<div class="input-group right-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
									<input
										type="text"
										ng-number-format="2" min="0" max="99999999.99"
										
										class="form-control input-medio text-right"
										ng-model="vm.Cfe.SELECTED.VALOR_PIS_TOTAL"
										ng-disabled="!vm.Cfe.SELECTED.LIBERAR_TOTAIS">
								</div>
							</div>

							<br>

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

							<div class="form-group">
								<label>Valor COFINS:</label>
								<div class="input-group right-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
									<input
										type="text"
										ng-number-format="2" min="0" max="99999999.99"
										
										class="form-control input-medio text-right"
										ng-model="vm.Cfe.SELECTED.VALOR_COFINS_TOTAL"
										ng-disabled="!vm.Cfe.SELECTED.LIBERAR_TOTAIS">
								</div>
							</div>

							<br>

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

							<div class="form-group">
								<label>Valor IPI:</label>
								<div class="input-group right-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
									<input
										type="text"
										ng-number-format="2" min="0" max="99999999.99"
										
										class="form-control input-medio text-right"
										ng-model="vm.Cfe.SELECTED.VALOR_IPI_TOTAL"
										ng-disabled="!vm.Cfe.SELECTED.LIBERAR_TOTAIS">
								</div>
							</div>
							
						</div>
					</fieldset>

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

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

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

									<input
										type="text"
										ng-number-format="2" min="0" max="99999999.99"
										
										class="form-control input-medio text-right"
										ng-model="vm.Cfe.SELECTED.VALOR_DESCONTO_TOTAL"
										ng-disabled="!vm.Cfe.SELECTED.LIBERAR_TOTAIS">

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

			</div>

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

@overwrite