<?
require "proteger.php";

$titulo_site = "Meus dados";

//	
$url = "{$sg_url_base}/cliente/{$var_usuario_id}";

$curl = fetchCURL($url, array(), "GET", $sg_header);
$result = json_decode($curl[0], true);
$array = utf8_decode_array($result['data'][0]);
//
?>

<section class="block mb-4">
	<nav class="mb-4" aria-label="breadcrumb">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="./">Início</a>
			<li class="breadcrumb-item"><a href="central/">Área do cliente</a>
			<li class="breadcrumb-item active" aria-current="page">Meus dados</li>
		</ol>
	</nav>
	
	<h2 class="titulo text-center mb-4">Meus dados</h2>
	
	<div class="row justify-content-center">
		<div class="col-md-7">
			<form action="central_func.php" method="post" class="post">
				<h6 class="mb-3 text-muted block">Dados pessoais</h6>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Nome completo</p>
					</div>
					<div class="col-md-9">
						<input type="text" name="nome" class="form-control" required value="<?= $array['nome'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">CPF</p>
					</div>
					<div class="col-md-3 mb-1">
						<input type="tel" name="doc1" class="form-control cpf" required value="<?= $array['id'] ?>" readonly>
					</div>
					<div class="col-md-6">
						<p class="mb-0 text-muted">Usado também para login</p>
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">RG</p>
					</div>
					<div class="col-md-3 mb-1">
						<input type="tel" name="doc2" class="form-control" required value="<?= $array['rg'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Nascimento</p>
					</div>
					<div class="col-md-3 mb-1">
						<input type="tel" name="nascimento" class="form-control data" required value="<?= data($array['datadenascimento']) ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Sexo</p>
					</div>
					<div class="col-md-4 mb-1">
						<select name="sexo" class="form-control">
							<option value=""></option>
							<option value="F"<?= selected($array['sexo'], "F") ?>>Feminino</option>
							<option value="M"<?= selected($array['sexo'], "M") ?>>Masculino</option>
						</select>
					</div>
				</div>

<h6 class="block mb-3 text-muted">Dados de contato</h6>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">E-mail</p>
					</div>
					<div class="col-md-7 mb-1">
						<input type="email" name="email" class="form-control" required value="<?= $array['email'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label mb-0">Telefone</p>
					</div>
					<div class="col-md-4 mb-1">
						<input type="tel" name="telefone" class="form-control telefone" value="<?= $array['telefoneresidencial'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Celular</p>
					</div>
					<div class="col-md-4 mb-1">
						<input type="tel" name="celular" class="form-control telefone" required value="<?= $array['celular'] ?>">
					</div>
				</div>

<h6 class="block mb-3 text-muted">Localização</h6>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">CEP</p>
					</div>
					<div class="col-md-3 mb-1">
						<input type="tel" name="cep" class="form-control cep cepAuto" required value="<?= $array['cep'] ?>">
					</div>
					<div class="col-md-6">
						<p class="mb-0"><a href="http://www.buscacep.correios.com.br/sistemas/buscacep/buscaLogBairro.cfm" target="_blank" tabindex="-1">Não sei meu CEP</a></p>
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Endereço</p>
					</div>
					<div class="col-md-9 mb-1">
						<input type="text" name="endereco" class="form-control" required value="<?= $array['logradouro'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Número</p>
					</div>
					<div class="col-md-2 mb-1">
						<input type="text" name="endnum" class="form-control" required value="<?= $array['numero'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label mb-0">Complemento</p>
					</div>
					<div class="col-md-6 mb-1">
						<input type="text" name="complemento" class="form-control" value="<?= $array['complemento'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Bairro</p>
					</div>
					<div class="col-md-6 mb-1">
						<input type="text" name="bairro" class="form-control" required value="<?= $array['bairro'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Cidade</p>
					</div>
					<div class="col-md-6 mb-1">
						<input type="text" name="cidade" class="form-control" required value="<?= $array['cidade'] ?>">
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label i mb-0">Estado</p>
					</div>
					<div class="col-md-4 mb-1">
						<select name="uf" class="form-control" required>
							<option value=""></option>
							<?= estado($array['uf']) ?>
						</select>
					</div>
				</div>

<h6 class="block mb-3 text-muted">Segurança</h6>
				<div class="row align-items-center">
					<div class="col-md-3 text-md-right mb-1">
						<p class="label mb-0">Senha</p>
					</div>
					<div class="col-md-3 mb-1">
						<a href="#" class="btn btn-block btn-danger mymodal" data-include="?meio=central_dados_senha" data-width="350" data-title="Alterar senha"><i class="fa fa-lock"></i> Alterar</a>
					</div>
				</div>
				
				<div class="row divider">
					<div class="col-md-3 d-none d-md-inline"></div>
					<div class="col-md-9">
						<input type="hidden" name="funcao" value="alterar_dados">
						<input type="hidden" name="cepDigitado" value="<?= $array['cep'] ?>">
						<input type="hidden" name="cidade_ibge" value="<?= $array['ibge'] ?>">
						<button type="submit" class="btn btn-success btn-lg"><i class="fa fa-hdd-o"></i> Concluir alterações</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</section>

var cepAtual = $('input[name=cepDigitado]').val();

if(cep != cepAtual && cep != '' && cep != '_____-___'){
			$('input[name=endereco], input[name=bairro], input[name=cidade]').attr('placeholder', 'Carregando...');
			$.post('wconfig/buscaEndereco.php', {cep}, function(data){
				if(data){
					$('input[name=endereco]').val(data.logradouro);
					$('input[name=bairro]').val(data.bairro);
					$('input[name=cidade]').val(data.cidade);
					$('input[name=cidade_ibge]').val(data.cidade_info.codigo_ibge);
					$('select[name=uf]').val(data.estado);
					$('input[name=endnum]').focus().select();
				}
				$('input[name=endereco], input[name=bairro], input[name=cidade]').removeAttr('placeholder');
			}, 'json');
		}
		$('input[name=cepDigitado]').val(cep);
	});
	//
});
</script>