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

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

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')
	<input type="hidden" id="CLS_REPRESENTANTE_ID" name="CLS_REPRESENTANTE_ID" value="{{ getInfUsuario()->REPRESENTANTE_ID }}">
	<input type="hidden" id="CLS_SUPERVISOR"       name="CLS_SUPERVISOR"       value="{{ getInfUsuario()->SUPERVISOR }}">

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.CADDEFORNECEDORES.previousRecord()" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.CADDEFORNECEDORES.nextRecord()" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button>

	<button ng-if="vm.CADDEFORNECEDORES.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.CADDEFORNECEDORES.ALTERANDO" ng-click="vm.CADDEFORNECEDORES.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" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO" ng-click="vm.CADDEFORNECEDORES.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"  ng-if="!vm.CADDEFORNECEDORES.ALTERANDO" ng-click="vm.CADDEFORNECEDORES.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.CADDEFORNECEDORES.ALTERANDO" data-consulta-historico data-tabela="TBEMPRESA" data-tabela-id="@{{ vm.CADDEFORNECEDORES.SELECTED.ID }}" 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.CADDEFORNECEDORES.ALTERANDO" data-consulta-arquivos data-tabela="TBEMPRESA" data-tabela-id="@{{ vm.CADDEFORNECEDORES.SELECTED.ID }}" 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.CADDEFORNECEDORES.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.CADDEFORNECEDORES.fecharModal()" data-hotkey="esc">
     	<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

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

	<div class="row">	
		<fieldset style="margin-bottom: 0px;">
		<legend style="margin-bottom: -5px;"> Informações Gerais </legend>
		<div class="form-group" style="display:inline-flex;">
			<div class="form-group" style="display: grid;">
				<div class="form-group" style="display: flex;">
					<div class="form-group">
						<label>ID:</label>
						<input type="text" class="form-control input-menor"
							ng-model="vm.CADDEFORNECEDORES.SELECTED.DESC_ID"
							readonly="readonly">
					</div>

					<div class="form-group">
						<label>Nome:</label>
						<input 
							type="text" 
							class="form-control input-maior" 
							required 
							maxlength="50"
							ng-model="vm.CADDEFORNECEDORES.SELECTED.RAZAOSOCIAL"
							ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
					</div>
					
				</div>

				<div class="form-group">
					<label>Nome Fantasia:</label>
					<input 
						type="text" 
						class="form-control input-maior" 
						required 
						maxlength="20" 
						style="width: 500px !important;"
						ng-model="vm.CADDEFORNECEDORES.SELECTED.NOMEFANTASIA"
						ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
				</div>
				
			</div>

			<div class="form-group" style="display:grid; width: fit-content; margin-bottom: 8px;">
				<div class="form-group" style="display: inline-flex;">
					<input id="ctrl_cliente" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
						ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_CLIENTE" ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
					<label for="ctrl_cliente" style="padding-top: 3px; left: 2px; padding-right: 6px; font-weight: bold">Cliente</label>
				</div>

				<div class="form-group" style="display: inline-flex;">
					<input id="ctrl_forn" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
						ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_FORNECEDOR" ng-disabled="true">
					<label for="ctrl_forn" style="padding-top: 3px; left: 2px ;padding-right: 4px; font-weight: bold">Fornecedor</label>
				</div>

				<div class="form-group" style="display: inline-flex;">
					<input id="ctrl_rep" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
						ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_REPRESENTANTE" ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
					<label for="ctrl_rep" style="padding-top: 3px; left: 2px; padding-right: 4px; font-weight: bold">Representante</label>
				</div>

				<div class="form-group" style="display: inline-flex;">
					<input id="ctrl_tra" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
						ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_TRANSPORTADORA" ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
					<label for="ctrl_tra" style="padding-top: 3px; left: 2px; padding-right: 3px; font-weight: bold">Transportadora</label>
				</div>
			</div>

			<!-- <div class="form-group" style="display:inline-flex;">
				<div class="form-group" style="display:grid; width: fit-content;">
					<div class="form-group" style="display: inline-flex; padding-left: 29px;">
						<input id="ctrl_cliente" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
							ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_CLIENTE" ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
						<label for="ctrl_cliente" style="padding-top: 3px; left: 3px; padding-right: 6px; font-weight: bold">Cliente</label>
					</div>

					<div class="form-group" style="display: inline-flex;">
						<input id="ctrl_forn" style="left: 28px" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
							ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_FORNECEDOR" ng-disabled="true">
						<label for="ctrl_forn" style="padding-top: 3px; left: 32px ;padding-right: 4px; font-weight: bold">Fornecedor</label>
					</div>
				</div>

				<div class="form-group" style="display:grid;">						
					<div class="form-group" style="display: inline-flex; padding-left: 5px;">
						<input id="ctrl_rep" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
							ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_REPRESENTANTE" ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO"
							style="left: 7px">
						<label for="ctrl_rep" style="padding-top: 3px; left: 11px; padding-right: 4px; font-weight: bold">Representante</label>
					</div>

					<div class="form-group"
						 style="display: inline-flex;">
						<input id="ctrl_tra" type="checkbox" class="form-control" ng-true-value="'1'" ng-false-value="'0'"
							ng-model="vm.CADDEFORNECEDORES.SELECTED.HABILITA_TRANSPORTADORA"
							ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO" style="left: 12px">
						<label for="ctrl_tra" style="padding-top: 3px; left: 14px; padding-right: 3px; font-weight: bold">Transportadora</label>
					</div>
				</div>
			</div> -->

			<div class="form-group" style="padding-top: 5px;">
				<label>Status:</label>
				<label class="switch">
					<input type="checkbox" ng-checked="vm.CADDEFORNECEDORES.SELECTED.STATUS == '1'"
						ng-true-value="'1'"	ng-false-value="'0'" ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO"
						ng-click="vm.CADDEFORNECEDORES.SELECTED.STATUS = (vm.CADDEFORNECEDORES.SELECTED.STATUS == '1') ? '0' : '1'">
					<div class="slider"></div>
				</label>
			</div>

		</div>

		</fieldset>
		
		<!-- <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
		<!-- <div class='div_arquivos'></div> -->
		
	</div>

	<ul id="tab" class="nav nav-tabs" role="tablist">

		<li role="presentation" class="active tab-detalhamento">
			<a style="font-weight: 600;" href="#tab1-container" id="tab1-tab" role="tab" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab1-container');" data-hotkey="alt+1" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				Dados Gerais
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a style="font-weight: 600;" href="#tab2-container" id="tab2-tab" role="tab" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab2-container');" data-hotkey="alt+2" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
				Outros Vínculos e Endereços
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a style="font-weight: 600;" href="#tab3-container" id="tab3-tab" role="tab" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab3-container');" data-hotkey="alt+3" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				Observações
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
			</a>
		</li>

		<li role="presentation"  class="tab-detalhamento" ng-click="vm.CADDEFORNECEDORES.consultar_refcom();vm.CADDEFORNECEDORES.changeAba();" ng-if="!vm.CADDEFORNECEDORES.INCLUINDO && !vm.CADDEFORNECEDORES.ALTERANDO">
			<a style="font-weight: 600;" href="#tab4-container" id="tab4-tab" role="tab" data-hotkey="alt+4" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false">
				Ref. Comerciais e Bancárias
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-click="vm.CADDEFORNECEDORES.consultar_cccf();vm.CADDEFORNECEDORES.changeAba();" ng-if="!vm.CADDEFORNECEDORES.INCLUINDO && !vm.CADDEFORNECEDORES.ALTERANDO">
			<a style="font-weight: 600;" href="#tab5-container" id="tab5-tab" role="tab" data-hotkey="alt+5" data-toggle="tab" aria-controls="tab5-container" aria-expanded="false">
				Centros de Custo e Classif.Financeiras
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
			</a>
		</li>
		
		<li role="presentation" class="tab-detalhamento" ng-click="vm.CADDEFORNECEDORES.consultar_edi();" ng-if="!vm.CADDEFORNECEDORES.INCLUINDO && !vm.CADDEFORNECEDORES.ALTERANDO">
			<a style="font-weight: 600;" href="#tab6-container" id="tab6-tab" role="tab" data-hotkey="alt+6" data-toggle="tab" aria-controls="tab6-container" aria-expanded="false">
				Produtos EDI
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
			</a>
		</li>

	</ul>

	<div id="tab-content" class="tab-content" style="height: calc(100% - 220px);">
		
		<div role="tabpanel" class="tab-pane active in" id="tab1-container" aria-labelledby="tab1-tab" style="height: calc(100% - 10px); overflow: auto;">
			
			<div class="row" style="height:90%;">
					 
				 <ul id="tab2" class="nav nav-tabs" role="tablist">

					<li style="width: fit-content;
								font-weight: 600;" role="presentation" class="active tab-detalhamento">

						<a href="#tab8-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab8-container');" id="tab8-tab" role="tab" data-hotkey="alt+u" data-toggle="tab" aria-controls="tab8-container" aria-expanded="true">
							Documentos e Inscrições
							<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
						</a>

					</li>
			
					<li style="width: fit-content;
								font-weight: 600;" role="presentation" class="tab-detalhamento">

						<a href="#tab9-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab9-container');" id="tab9-tab" role="tab" data-hotkey="alt+i" data-toggle="tab" aria-controls="tab9-container" aria-expanded="false">
							Endereço
							<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
						</a>

					</li>
			
					<li style="width: fit-content;
								font-weight: 600;" role="presentation" class="tab-detalhamento">

						<a href="#tab10-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab10-container');" id="tab10-tab" role="tab" data-hotkey="alt+o" data-toggle="tab" aria-controls="tab10-container" aria-expanded="false">
							Email's/Site
							<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
						</a>

					</li>
			
					<li	style="width: fit-content;
								font-weight: 600;" role="presentation"  class="tab-detalhamento">

						<a href="#tab11-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab11-container');" id="tab11-tab" role="tab" data-hotkey="alt+p" data-toggle="tab" aria-controls="tab11-container" aria-expanded="false">
							Informações de Contato
							<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
						</a>

					</li>

					<li	style="width: fit-content;
								font-weight: 600;" role="presentation"  class="tab-detalhamento">

						<a href="#tab16-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab16-container');" id="tab16-tab" role="tab" data-hotkey="alt+l" data-toggle="tab" aria-controls="tab16-container" aria-expanded="false">
							Contabilização
							<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
						</a>

					</li>
					
				</ul>

				<div id="tab-content2" class="tab-content" style="height: 100%;">

					<div role="tabpanel" class="tab-pane active in" id="tab8-container" aria-labelledby="tab8-tab" style="height: 94%; overflow: auto;">
						
						<div class="row">

							<div class="form-group" style="display:inline-flex;">

								<div class="form-group" style="display:grid;">
			
									<div class="form-group" ng-if="!vm.CADDEFORNECEDORES.INCLUINDO && !vm.CADDEFORNECEDORES.ALTERANDO">
										<label>CNPJ/CPF</label>
										<input 
											type="text" 
											class="form-control input-medio codigo Consulta_CNPJ" 
											required 
											maxlength="18"	
											ng-model="vm.CADDEFORNECEDORES.SELECTED.CNPJ"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO" >
										<button
											tabindex="-1"
											type="button" 
											class="btn btn-success btn-sam"
											ng-click="vm.CADDEFORNECEDORES.consultarCNPJ()"
											title="Atualizar dados pelo CNPJ"
											ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO || vm.CADDEFORNECEDORES.SELECTED.CNPJ.length < 14 || vm.CADDEFORNECEDORES.SELECTED.CNPJ.length == null"
											style="margin-left: calc(0vh - 10px); height: 34px; display: -webkit-inline-box; border-radius: 1px 5px 5px 1px; margin-top: calc(0vh - 0px);">
											<span class="glyphicon glyphicon-search"></span>
										</button>
										<!--<button
											title="Atualizar dados pelo CNPJ"
											style="margin-left: -10px;
												height: 34px;
												display: -webkit-inline-box;
												border-radius: 1px 5px 5px 1px;"
											type="button" ng-click="vm.CADDEFORNECEDORES.consultar_CNPJ()"
											class="btn btn-success"
											ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
											<span class="glyphicon glyphicon-search"></span>
										</button>-->
									</div>

									<div class="form-group" ng-if="vm.CADDEFORNECEDORES.INCLUINDO || vm.CADDEFORNECEDORES.ALTERANDO">
										<label>CNPJ/CPF</label>
										<input 
											type="text" 
											class="form-control input-medio codigo Consulta_CNPJ" 
											required 
											maxlength="14"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.CNPJ_NO_MASK" 
											only-digits2
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
										<button
											tabindex="-1"
											type="button" 
											class="btn btn-success btn-sam"
											ng-click="vm.CADDEFORNECEDORES.consultarCNPJ()"
											title="Atualizar dados pelo CNPJ"
											ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO || vm.CADDEFORNECEDORES.SELECTED.CNPJ_NO_MASK.length < 14 || vm.CADDEFORNECEDORES.SELECTED.CNPJ_NO_MASK.length == null"
											style="margin-left: calc(0vh - 10px); height: 34px; display: -webkit-inline-box; border-radius: 1px 5px 5px 1px; margin-top: calc(0vh - 0px);">
											<span class="glyphicon glyphicon-search"></span>
										</button>
										<!--<button
											title="Atualizar dados pelo CNPJ"
											style="margin-left: -10px;
													height: 34px;
													display: -webkit-inline-box;
													border-radius: 1px 5px 5px 1px;"
											type="button" ng-click="vm.CADDEFORNECEDORES.consultar_CNPJ(1)" class="btn btn-success"
											ng-disabled="(''+vm.CADDEFORNECEDORES.SELECTED.CNPJ_NO_MASK).length < 12">
											<span class="glyphicon glyphicon-search"></span>
										</button>-->
									</div>
			
									<div class="form-group">
										<label>RG:</label>
										<input 
											type="text"
											class="form-control input-medio"
											maxlength="20"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.RG"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO"
											style="width: 229px;">
									</div>

									<div class="form-group">
										<label ttitle="Passaporte ou outro documento Legal">Documento Estrangeiro:</label>
										<input 
											type="text"
											class="form-control input-medio"
											maxlength="20"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.ID_ESTRANGEIRO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>
			
								</div>

								<div class="form-group" style="display:grid; padding-left: 15px;">									
									<div class="form-group">
										<label ttitle="Informe a IE para os Contribuintes de ICMS;
														ISENTO para os Contribuintes Isentos;
														Deixar vazio para os Não Contribuientes de ICMS">Inscrição Estadual:</label>
										<input type="text" class="form-control input-medio"
											maxlength="20" ng-model="vm.CADDEFORNECEDORES.SELECTED.IE"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>
			
									<div class="form-group"
										 style="margin-top: calc(-29%);">
										<label>Inscrição Municipal:</label>
										<input 
											type="text"
											class="form-control input-medio"
											maxlength="20"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.IM"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

								</div>

								<div class="form-group"
									 style="display:grid;
											padding-left: 15px;
											margin-top: calc(0%);">

									<div class="form-group"
										 style="display: inline-flex;">
										
										<div class="form-group">
											<label>Órgão Emissor:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												maxlength="10"
												ng-model="vm.CADDEFORNECEDORES.SELECTED.RG_ORGAO"
												ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
										</div>
		
										<div class="form-group">
											<label>Data Emissão:</label>
											<input 
												type="date"
												class="form-control dtr_emi data_rg_emi" ng-atalho
												ng-model="vm.CADDEFORNECEDORES.SELECTED.DATA_RG_EMISSAO"
												ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
										</div>

									</div>	
									
									<div class="form-group"
										 style="display: inline-flex;
												margin-top: calc(-17%);">

										<div class="form-group">
											<label>Inscr.Suframa/Nr.Contrato:</label>
											<input 
												type="text"
												class="form-control input-medio" 
												maxlength="9"
												ng-model="vm.CADDEFORNECEDORES.SELECTED.SUFRAMA"
												ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
										</div>

										<div class="form-group">
											<label>Venc. Suframa:</label>
											<input 
												type="date"
												class="form-control venc_sufr data_supv"
												ng-atalho
												ng-model="vm.CADDEFORNECEDORES.SELECTED.DATA_SUP_V"
												ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
										</div>

									</div>

								</div>

								<div class="form-group" style="margin-top: 10px !important;">
									<label>Regime Tributário:</label>
									<select 
										class="form-control"
										ng-model="vm.CADDEFORNECEDORES.SELECTED.REGIME_TRIBUTARIO"
										ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
										<option value="1">Simples Nacional</option>
										<option value="3">Regime Normal</option>
									</select>								
								</div>

								
								<div class="form-group" style="margin-top: 10px !important;">
									<label ttitle="Percentual aplicado aos outros custos no lançamento do documento de entrada">% Outros Custos:</label>
									<input 
										type="text"
										class="form-control"
										ng-number-format="2"
										style="width: 135px !important; text-align: right;"
										ng-model="vm.CADDEFORNECEDORES.SELECTED.PERCENTUAL_OUTROS_CUSTOS"
										ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO">
								</div>

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

					<div role="tabpanel" class="tab-pane" id="tab9-container" aria-labelledby="tab9-tab" style="height: 94%; overflow: auto;">
						
						<div class="row">

							<div class="form-group">

								<div class="form-group"
									 style="display: inline-flex;">
								   
								   	<div class="form-group">
									   <label>Endereço:</label>
									   <input type="text" maxlength="200"
									   	   class="form-control input-maior" 
										   ng-model="vm.CADDEFORNECEDORES.SELECTED.ENDERECO"
										   ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
								   	</div>

								   	<div class="form-group">
										<label>Número:</label>
										<input 
											type="text"
											class="form-control"
											maxlength="5"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.NUMERO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>
   
								   	<div class="form-group">
									   <label>Complemento:</label>
									   <input 
										   type="text" maxlength="20"
										   class="form-control"
										   ng-model="vm.CADDEFORNECEDORES.SELECTED.COMPLEMENTO"
										   ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
								   	</div>

									   
								   <div class="form-group">
										<label>Bairro:</label>
										<input 
											type="text" maxlength="20"
											class="form-control"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.BAIRRO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

									<div class="form-group">
										<label>CEP:</label>
										<div class="input-group">
											<input 
												type="text" 
												class="form-control input-medio codigo CEP Consulta_CEP" 
												maxlength="9"
												style="border-radius: 5px 1px 1px 5px;"
												ng-model="vm.CADDEFORNECEDORES.SELECTED.CEP_MASKED"
												ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
											<span class="input-group-btn">
												<button
													tabindex="-1"
													type="button" 
													class="btn btn-success btn-sam"
													ng-click="vm.CADDEFORNECEDORES.getEnderecoByCep()"
													title="Consultar dados de endereço pelo CEP"
													ng-disabled="!vm.CADDEFORNECEDORES.ALTERANDO"
													style="margin-left: calc(0vh - 7px); height: 34px; display: -webkit-inline-box; border-radius: 1px 5px 5px 1px; margin-top: calc(0vh - 0px);">
													<span class="glyphicon glyphicon-search"></span>
												</button>
											</span>
										</div>
									</div>
								   	
							   </div>	

								<div class="form-group" style="display: inline-flex;">
									<div style="display: -webkit-inline-box;" class="consulta-uf"></div>
							   		<div style="display: -webkit-inline-box;" class="consulta-cid"></div>
								</div>

							    <div class="form-group" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO">
									<label>Geolocalização:</label>
									<a href="https://www.google.com/maps/?q=@{{ vm.CADDEFORNECEDORES.SELECTED.LATITUDE }},@{{ vm.CADDEFORNECEDORES.SELECTED.LONGITUDE }}" target="_blank">Google Maps [@{{ vm.CADDEFORNECEDORES.SELECTED.LATITUDE }},@{{ vm.CADDEFORNECEDORES.SELECTED.LONGITUDE }}]</a>
							    </div>

							    <div class="form-group">
									<label style="opacity: 0;">:</label>
									<button type="button" class="btn btn-primary" ng-click="vm.getGeolocation()" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO">
									Atualizar Geolocalização
									</button>
                                </div>

							</div>

						</div>
					
					</div>

					<div role="tabpanel" class="tab-pane" id="tab10-container" aria-labelledby="tab10-tab" style="height: 94%; overflow: auto;">
					
						<div class="row">

							<div class="form-group"
								 style="display: inline-block;">

								<div class="form-group"
									 style="display: inline-block;">
									<div class="form-group">
										<label>Site: <a ng-if="!vm.CADDEFORNECEDORES.ALTERANDO" ng-click="vm.CADDEFORNECEDORES.abrir_link(vm.CADDEFORNECEDORES.SELECTED.SITE)" target="_blank" rel="noopener noreferrer">
											<span class="fa fa-globe" style="cursor: pointer;" title="Acessar site"></span>
											</a></label>
										<div class="row" style="display: inline-flex;">
											<input 
												type="text" maxlength="50"
												class="form-control input-maior normal-case"
												ng-model="vm.CADDEFORNECEDORES.SELECTED.SITE"
												ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
										</div>
									</div>									
								</div>
								
									<div class="form-group">
										<label>Email Para Envio de Danfe:</label>
										<input 
											style="text-transform: lowercase"
											type="text" maxlength="200"
											class="form-control input-maior normal-case"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.EMAIL_XML"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

							</div>

							<div class="form-group"
								 style="display: grid;
										width: calc(100%);">

								<div class="form-group">
									<label>Email Geral:</label>
									<input 
										style="text-transform: lowercase"
										type="text"
										class="form-control input-maior normal-case"
										maxlength="200"
										ng-model="vm.CADDEFORNECEDORES.SELECTED.EMAIL"
										ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
								</div>
								
								<div class="form-group">
									<label>Email de Notif. de Cobrança:</label>
									<textarea
										id="email" 
										type="text"
										style="resize: none;
												width: calc(72%);
												height: 57px;
												text-transform: lowercase;"
										class="form-control normal-case"
										maxlength="200"
										ng-model="vm.CADDEFORNECEDORES.SELECTED.EMAIL_CPA"
										ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</textarea>
								</div>

							</div>

						</div>

					</div>

					<div role="tabpanel" class="tab-pane" id="tab11-container" aria-labelledby="tab11-tab" style="height: 94%; overflow: auto;">
				
						<div class="row">

							<div class="form-group">

								<div class="form-group"
									 style="display: inline-flex;
										    width: calc(100%);">
   
								   <div class="form-group">
									   <label>Fone¹:</label>
									   <input 
										   type="text"
										   class="form-control input-medio codigo fone"
										   maxlength="15"
										   ng-model="vm.CADDEFORNECEDORES.SELECTED.FONE_MASKED"
										   ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
								   </div>
								   
								   <div class="form-group">
									   <label>Contato:</label>
									   <input 
											type="text"
											class="form-control input-medio"
											maxlength="20"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.CONTATO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
								   </div>
   
							   </div>

							   <div class="form-group"
									style="display: flex;
										   width: calc(100%);">

									<div class="form-group">
										<label>Fone²/Fax:</label>
										<input
											type="text"
											class="form-control input-medio codigo fone"
											maxlength="15"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.FAX_MASKED"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

									<div class="form-group">
										<label>Celular:</label>
										<input 
											type="text"
											class="form-control input-medio codigo cel"
											maxlength="15"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.CELULAR_MASKED"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

								</div>

								<div class="form-group">
									<label>Aniversário:</label>
									<input 
										type="text"
										maxlength="5"
										class="form-control input-menor data_m"
										ng-model="vm.CADDEFORNECEDORES.SELECTED.DATA_ANIVERSARIO"
										ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
								</div>

							</div>

						</div>
					
					</div>

					<div role="tabpanel" class="tab-pane" id="tab16-container" aria-labelledby="tab11-tab" style="height: 94%; overflow: auto;">
						<div class="row">
							<div class="form-group"
								 style="display: grid;">

								<div class="form-group">
									<div style="display: -webkit-inline-box;" class="consulta-conta-contabil1"></div>
								</div>

								<div class="form-group">
									<div style="display: -webkit-inline-box;" class="consulta-conta-contabil2"></div>
								</div>							
							</div>
							
							<div class="form-group">
								<button type="button" class="btn btn-success"
									ng-if="!vm.CADDEFORNECEDORES.ALTERANDO"									
									ng-disabled="({{ controleUser(112) }} == 0)"
									ng-click="vm.CADDEFORNECEDORES.verificar_contas()">
									Gerar Conta Contábil
								</button>
							</div>

						</div>

					</div>
				
				</div>

			</div>
			
		</div>

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="quiosque1" aria-labelledby="tab2-tab" style="height: calc(100% - 10px); overflow: auto;">
			
			<div class="row" style="height:90%;">

					<ul id="tab3" class="nav nav-tabs" role="tablist">

						<li style="width: fit-content;
									font-weight: 600;" role="presentation" class="active tab-detalhamento">
	
							<a href="#tab12-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab12-container');" id="tab12-tab" role="tab" data-hotkey="alt+u" data-toggle="tab" aria-controls="tab12-container" aria-expanded="true">
								Endereço de Cobrança
								<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
							</a>
	
						</li>
				
						<li style="width: fit-content;
									font-weight: 600;" role="presentation" class="tab-detalhamento">
	
							<a href="#tab13-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab13-container');" id="tab13-tab" role="tab" data-hotkey="alt+i" data-toggle="tab" aria-controls="tab13-container" aria-expanded="false">
								Endereço de Entrega	
								<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
							</a>
	
						</li>
				
						<li style="width: fit-content;
									font-weight: 600;" role="presentation" class="tab-detalhamento">
	
							<a href="#tab14-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab14-container');" id="tab14-tab" role="tab" data-hotkey="alt+o" data-toggle="tab" aria-controls="tab14-container" aria-expanded="false">
								Informações de Transporte
								<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
							</a>
	
						</li>
				
						<li	style="width: fit-content;
									font-weight: 600;" role="presentation" class="tab-detalhamento">
	
							<a href="#tab15-container" ng-click="vm.CADDEFORNECEDORES.aba_focus('tab15-container');" id="tab15-tab" role="tab" data-hotkey="alt+p" data-toggle="tab" aria-controls="tab15-container" aria-expanded="false">
								Condição e Forma de Pagamento
								<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>
							</a>
	
						</li>
						
					</ul>
		
					<div id="tab-content3" class="tab-content" style="height: 95%;">
	
						<div role="tabpanel" class="tab-pane active in" id="tab12-container" aria-labelledby="tab12-tab" style="height: 94%; overflow: auto;">
							
							<div class="row"
								 style="height:100%;">
	
								<div class="form-group"
									 style="display: inline-flex;">
	
									<div class="form-group">
										<label>Endereço</label>
										<input 
											type="text"
											class="form-control input-maior"
											maxlength="50"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.COB_ENDERECO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

									<div class="form-group">
										<label>Número:</label>
										<input 
											type="text"
											class="form-control input-medio"
											maxlength="5"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.COB_NUMERO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

									<div class="form-group">
										<label>Complemento:</label>
										<input 
											type="text"
											class="form-control input-medio"
											maxlength="20"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.COB_COMPLEMENTO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

									<div class="form-group">
										<label>Bairro:</label>
										<input type="text" maxlength="20"
											class="form-control input-medio"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.COB_BAIRRO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>									
									
									<div class="form-group">
										<label>CEP:</label>
										<input 
											type="text"
											class="form-control input-medio CEP"
											maxlength="9"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.COB_CEP_MASKED"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

								</div>

								<div class="form-group"
									 style="display: inline-flex;">									
									
									<div style="display: -webkit-inline-box;" class="consulta-cob-uf"></div>
									<div style="display: -webkit-inline-box;" class="consulta-cob-cid"></div>
								</div>							
							</div>
						</div>
	
						<div role="tabpanel" class="tab-pane" id="tab13-container" aria-labelledby="tab13-tab" style="height: 94%; overflow: auto;">
							
							<div class="row"
								 style="height:100%;">

								<div class="form-group"
									 style="display:inline-flex;">
	
									<div class="form-group">
										<label>Endereço</label>
										<input 
											type="text"
											class="form-control input-maior"
											maxlength="50"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.ENTREGA_ENDERECO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

									<div class="form-group">
										<label>Número:</label>
										<input 
											type="text"
											class="form-control input-medio"
											maxlength="5"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.ENTREGA_NUMERO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>
			
									<div class="form-group">
										<label>Complemento:</label>
										<input 
											type="text"
											class="form-control input-medio"
											maxlength="20"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.ENTREGA_COMPLEMENTO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>
									
									<div class="form-group">
										<label>Bairro:</label>
										<input type="text" class="form-control input-medio"	maxlength="20"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.ENTREGA_BAIRRO"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>									
								</div>
	
								<div class="form-group" style="display: inline-flex;">
									<div class="form-group">
										<label>CEP:</label>
										<input type="text" class="form-control input-medio CEP" maxlength="9"
											ng-model="vm.CADDEFORNECEDORES.SELECTED.ENTREGA_CEP_MASKED"
											ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO">
									</div>

									<div style="display: -webkit-inline-box;" class="consulta-ent-uf"></div>
									<div style="display: -webkit-inline-box;" class="consulta-ent-cid"></div>
								</div>
								
							</div>								
						
						</div>
	
						<div role="tabpanel" class="tab-pane" id="tab14-container" aria-labelledby="tab14-tab" style="height: 94%; overflow: auto;">
						
							<div class="row">

								<div style="display: -webkit-inline-box;" class="consulta-transp"></div>
	
							</div>
	
						</div>
	
						<div role="tabpanel" class="tab-pane" id="tab15-container" aria-labelledby="tab15-tab" style="height: 94%; overflow: auto;">
					
							<div class="row">

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

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

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

		<div role="tabpanel" class="tab-pane" id="tab3-container" name="quiosque1" aria-labelledby="tab3-tab" style="height: calc(100% - 10px); overflow: hidden;">
			<div class="row" style="height: 90%;">
				<div class="form-group" style="width: calc(100%); height: calc(100%);">
					<textarea style="resize: none; height: calc(100%); width: calc(100%);"
						class="form-control normal-case" ng-readonly="!vm.CADDEFORNECEDORES.ALTERANDO"
						ng-model="vm.CADDEFORNECEDORES.SELECTED.OBSERVACAO" maxlength="10000">
					</textarea>
				</div>
			</div>					
		</div>
		
		<div role="tabpanel" class="tab-pane" id="tab4-container" name="quiosque1" aria-labelledby="tab4-tab" style="height: 94%; overflow: auto;">
			
			<div class="row" style="height: calc(100%);">
				<div class="form-group">
					@php $ctrl7_1 = userMenu($menu)->INCLUIR == 0 ? 0 : 1;
					<button type="button" class="btn btn-primary btn-incluir" data-hotkey="f6" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO"
						ng-disabled="{{$ctrl7_1}} == 0" ng-click="vm.CADDEFORNECEDORES.incluir_refcom()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</div>
				
				<div class="tabela_refcom" id="tabela_refcom" style="height: calc(100% - 20px);"></div>	

			</div>
					
		</div>

		<div role="tabpanel" class="tab-pane" id="tab5-container" name="quiosque1" aria-labelledby="tab5-tab" style="height: 94%;">
			
			<div class="row" style="height: calc(100%);">
				<div class="form-group">
					@php $ctrl9_1 = userMenu($menu)->INCLUIR == 0 ? 0 : 1;
					<button type="button" class="btn btn-primary btn-incluir" data-hotkey="f6" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO"
						ng-disabled="{{ $ctrl9_1 }} == 0" ng-click="vm.CADDEFORNECEDORES.incluir_cccf()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</div>
				
				<div class="tabela_cccf" id="tabela_cccf" style="height: calc(100% - 20px);"></div>
				
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab6-container" name="quiosque1" aria-labelledby="tab6-tab" style="height: calc(100% - 10px); overflow: hidden;">
			<div class="row" style="height: 90%;">			
				<div class="form-group">					
					@php $ctrl9_1 = userMenu($menu)->INCLUIR == 0 ? 0 : 1;
					<button type="button" class="btn btn-primary btn-incluir" data-hotkey="f6" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO"
						ng-disabled="{{ $ctrl9_1 }} == 0" ng-click="vm.CADDEFORNECEDORES.incluir_edi(1)">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</div>
				<div class="form-group">
					<button type="button" class="btn btn-primary btn-incluir" data-hotkey="f7" ng-if="!vm.CADDEFORNECEDORES.ALTERANDO" ng-disabled="vm.TabelaProdutoEDI.DADOS.length == 0"
						ng-click="vm.CADDEFORNECEDORES.alterar_edi(2)">
						<span class="glyphicon glyphicon-edit"></span> Alterar Múltiplos
					</button>
				</div>

				<div class="form-group" style="width: calc(100%); height: calc(100%);">
					<div class="tabela_edi" id="tabela_edi" style="height: calc(100% - 20px);"></div>
				</div>

			</div>
		</div>
			
	</div>
	<div class="row"> <label>Consulta Dados Cadastrais: <a target="_blank" rel="noopener noreferrer" href="http://www.sintegra.gov.br">http://www.sintegra.gov.br</a> ou <a target="_blank" rel="noopener noreferrer" href="http://www.receita.fazenda.gov.br/PessoaJuridica/CNPJ/cnpjreva/Cnpjreva_Solicitacao.asp">http://www.receita.fazenda.gov.br/PessoaJuridica/CNPJ/cnpjreva/Cnpjreva_Solicitacao.asp</a> </label></div>
</div>
</form>

@overwrite