<div class=' row-fluid '>
	<div id="divFormularioCliente" class='widget-body collapse in'>
		<div id="tabCadastroCliente" class="tabsbar">
			<ul>
				<li class="active">
					<a href="#tab1-3" data-toggle="tab">
						<fmt:message key="cliente.cliente" />
					</a>
				</li>
				<li>
					<a href="#tab2-3" data-toggle="tab">
						<fmt:message key="citcorpore.comum.listagem" />
					</a>
				</li>
			</ul>
		</div>
		
		<div class="tab-content">
			<!-- PRIMEIRA ABA - CLIENTE -->
			<div class="tab-pane active" id="tab1-3">                    
				<form name='formCadastroCliente' action='${ctx}/pages/cliente/cliente'>
					<input type='hidden' name='idCliente' id="idCliente"/>
						<div class='row-fluid'>
							<div class='span6'>
								<label class="strong campoObrigatorio"><fmt:message key="cliente.nomeRazaoSocial" /></label>
								<input class="span12 Valid[Required] Description[cliente.nomeRazaoSocial]" 
										id="nomeRazaoSocial" 
										name="nomeRazaoSocial" 
										type='text'  
										maxlength="70" />
							</div>
						</div>
						
						<div class='row-fluid'>
							<div class='span6'>
								<label class="strong"><fmt:message key="cliente.nomeFantasia" /></label>
								<input class="span12" 
										id="nomeFantasia" 
										name="nomeFantasia" 
										type='text'  
										maxlength="70" />
							</div>
						</div>
						
						<div class='row-fluid'>
							<div class='span2'>
								<label class="strong"><fmt:message key="cliente.cpfCnpj" /></label>
								<input class="span12" 
										id="cpfCnpj" 
										name="cpfCnpj" 
										type='text' 
										onblur="clearTimeout(); verificaCpfCnpj(this);" 
										onkeypress="mascararCPFCNPJ(this, formatarCpfCnpj);"
										maxlength="18" />
							</div>
						
							<div class='span2'>
								<label class="strong campoObrigatorio"><fmt:message key="cliente.situacao" /></label>
								<div class="uniformjs">
									<label class="radio">
										<div class="radio Valid[Required] Description[cliente.situacao]" id="uniform-undefined">
											<input type="radio" class="radio" name="situacao" checked="checked" id="situacaoS" value="A"></span>
										</div><fmt:message key="citcorpore.comum.ativo" />
									</label>
									<label class="radio">
										<div class="radio" id="uniform-undefined">
											<input type="radio" class="radio" name="situacao" id="situacaoN" value="I"></span>
										</div><fmt:message key="citcorpore.comum.inativo" />
									</label>
								</div>
							</div>
							
							<div class='span2'>
								<label class="strong campoObrigatorio"><fmt:message key="cliente.tipoCliente" /></label>
								<div class="uniformjs">
									<label class="radio">
										<div class="radio Valid[Required] Description[cliente.tipoCliente]" id="uniform-undefined" >
											<input type="radio" class="radio" name="tipoCliente" checked="checked" id="tipoClienteI" value="I"></span>
										</div><fmt:message key="cliente.tipoCliente.interno" />
									</label>
									<label class="radio">
										<div class="radio  Valid[Required] Description[cliente.tipoCliente]" id="uniform-undefined">
											<input type="radio" class="radio" name="tipoCliente" id="tipoClienteE" value="E"></span>
										</div><fmt:message key="cliente.tipoCliente.externo" />
									</label>
								</div>
							</div>
						</div>
						
						<div class="separator"></div>
						<div class='row-fluid' style="margin: 10px 0px 5px 5px;">
							<div class='span12'>
								<button type='button' name='btnGravar' class="lFloat btn btn-icon btn-primary" onclick='salvarCliente();'><i></i><fmt:message key="citcorpore.comum.gravar" /></button>
								<button type="button" name='btnLimpar' class="lFloat btn btn-icon btn-primary" onclick='limparCliente();'><i></i><fmt:message key="citcorpore.comum.limpar" /></button>
								<button type='button' name='btnUpDate' class="lFloat btn btn-icon btn-primary" onclick='excluirCliente();'><i></i><fmt:message	key="citcorpore.comum.excluir" /></button>
							</div>
						</div>
				</form>
			</div>
			
			<!-- SEGUNDA ABA - LISTAGEM DE CLIENTES -->
			<div class="tab-pane" id="tab2-3">
				<div class="section">
					<form name='formPesquisaClienteListagem'>
						<cit:findField formName='formPesquisaClienteListagem' lockupName='LOOKUP_CLIENTE' id='LOOKUP_CLIENTE' heigth='400' javascriptCode='true' htmlCode='true' />
					</form>
				</div>
			</div>
		</div>
	</div>
</div>