<?php 
    // Mantendo suas inclusões de segurança e banco
    include("../protecao_admin.php");
    include("../../conectar_db.php");

    // Consultas otimizadas
    $con_bairro = mysqli_query($conn, "SELECT * FROM imoveis_bairros ORDER BY bairro ASC");
    $con_cidade = mysqli_query($conn, "SELECT * FROM imoveis_cidades ORDER BY cidade ASC");
    $con_imoveis_tipo = mysqli_query($conn, "SELECT * FROM imoveis_tipos ORDER BY titulo ASC");
   
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Cadastro de Imoveis - OAlmeida</title>
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

    <style>
        body { background-color: #f4f7f6; font-family: 'Inter', sans-serif; }
        .navbar { background: #1a1a1a !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .card-cadastro { border: none; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); background: #fff; margin-top: 100px; margin-bottom: 50px; }
        .section-title { border-bottom: 2px solid #007bff; display: inline-block; padding-bottom: 5px; margin-bottom: 20px; font-weight: 600; color: #333; }
        .form-label { font-weight: 500; color: #555; font-size: 0.9rem; }
        .btn-primary { padding: 12px 30px; border-radius: 8px; font-weight: 600; transition: all 0.3s; }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,123,255,0.3); }
    </style>

</head>
<body>

    <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
        <div class="container">
            <a class="navbar-brand" href="#">
                <img src="../img/mini_logo.png" width="30" class="d-inline-block align-top" alt=""> CRM OAlmeida - Cadastro de Imoveis
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link active" href="tela_cadastro_imoveis.php"><i class="fas fa-chevron-left me-2"></i>Voltar</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container">
        <div class="card card-cadastro p-4 p-md-5">
            <h2 class="mb-4 text-center">Cadastro de Imóvel</h2>
            
            <form action="cadastro_imoveis.php" method="POST">
                
                <h5 class="section-title"><i class="fas fa-info-circle me-2"></i>Informações Básicas</h5>
                <div class="row g-3 mb-4">
                    <div class="col-md-2">
                        <label class="form-label">Referência</label>
                        <input name="ref" type="text" class="form-control" placeholder="Ex: AP001">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Título do Anúncio</label>
                        <input name="titulo" type="text" class="form-control" placeholder="Ex: Linda Casa com Piscina">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Proprietário</label>
                        <input name="proprietario" type="text" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Celular do Proprietário</label>
                        <input name="celular" id="celular" type="text" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Tipo de Imóvel</label>
                        <select name="tipo" class="form-select text-primary fw-bold">
                            <?php while($row = mysqli_fetch_array($con_imoveis_tipo)): ?>
                                <option value="<?= $row['titulo'] ?>"><?= $row['titulo'] ?></option>
                            <?php endwhile; ?>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-select text-primary fw-bold">
                            <option value="Disponível para Venda">Disponível para Venda</option>
                            <option value="Negociação">Negociação</option>
                            <option value="Já Vendido">Já Vendido</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Forma de Venda</label>
                        <select name="forma_venda" class="form-select text-primary fw-bold">
                            <option value="Avista">Avista</option>
                            <option value="Financiada">Financiada</option>
                            <option value="Há possibilidade de financiar">Há possibilidade de financiar</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Condição do Imovel</label>
                        <select name="condicao" class="form-select text-primary fw-bold">
                            <option value="Reformado">Reformado</option>
                            <option value="Usado">Usado</option>
                            <option value="Novo">Novo</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Composição do imóvel</label>
                        <select name="tipo_imovel" class="form-select text-primary fw-bold">
                            <option value="Casa">Casa</option>
                            <option value="Casa de Fundo">Com casa no fundo</option>
                            <option value="Kit">Com Kit</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Documento do Imóvel</label>
                        <select name="documento" class="form-select text-primary fw-bold">
                            <option value="ESCRITURADO | LAUDO TECNICO">Escriturado | Laudo Técnico</option>
                            <option value="Escriturado com Habite-se">Escriturado com Habite-se</option>
                            <option value="Escriturado sem Habite-se">Escriturado sem Habite-se</option>
                            <option value="Cessão de Direito">Cessão de Direito</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Inventário</label>
                        <select name="inventario" class="form-select text-primary fw-bold">
                            <option value="Não Necessita Inventário">Não Necessita Inventário</option>
                            <option value="Pronto">Pronto</option>
                            <option value="A Fazer">A Fazer</option>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label">Corretor de Captação</label>
                        <select name="corretor" class="form-select text-primary fw-bold">
                            <option value="Ângela">Ângela</option>
                            <option value="Ednaldo">Ednaldo</option>
                            <option value="Joaquim">Joaquim</option>
                            <option value="Lima">Lima</option>
                            <option value="Onaldo">Onaldo</option>
                            <option value="Paraguai">Paraguai</option>
                            <option value="Poliane">Poliane</option>
                            <option value="Rick">Rick</option>
                            <option value="Reinaldo">Reinaldo</option>
                            <option value="Thayane">Thayane</option>
                        </select>
                    </div>
                </div>

                <h5 class="section-title"><i class="fas fa-map-marker-alt me-2"></i>Localização</h5>
                <div class="row g-3 mb-4">
                    <div class="col-md-3">
                        <label class="form-label">Cidade</label>
                        <select name="cidade" class="form-select text-primary fw-bold">
                            <?php mysqli_data_seek($con_cidade, 0); 
                                  while($row = mysqli_fetch_array($con_cidade)) echo "<option value='{$row['cidade']}'>{$row['cidade']}</option>"; ?>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Bairro</label>
                        <select name="bairro" class="form-select text-primary fw-bold">
                            <?php mysqli_data_seek($con_bairro, 0); 
                                  while($row = mysqli_fetch_array($con_bairro)) echo "<option value='{$row['bairro']}'>{$row['bairro']}</option>"; ?>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Quadra</label>
                        <input name="quadra" type="text" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Uf (Estado)</label>
                        <select name="uf" id="uf"  class="form-select text-primary fw-bold">
							<option value="DF">Distrito Federal</option>
							<option value="GO">Goiás</option>
							<option value="AC">Acre</option>
							<option value="AL">Alagoas</option>
							<option value="AP">Amapá</option>
							<option value="AM">Amazonas</option>
							<option value="BA">Bahia</option>
							<option value="CE">Ceará</option>
							<option value="ES">Espírito Santo</option>
							<option value="MA">Maranhão</option>
							<option value="MT">Mato Grosso</option>
							<option value="MS">Mato Grosso do sul</option>
							<option value="MG">Minas Gerais</option>
							<option value="PA">Pará</option>
							<option value="PB">Paraíba</option>
							<option value="PR">Paraná</option>
							<option value="PE">Pernambuco</option>
							<option value="PI">Piauí</option>
							<option value="RJ">Rio de Janeiro</option>
							<option value="RN">Rio Grande do Norte</option>
							<option value="RS">Rio Grande do Sul</option>
							<option value="RO">Rondônia</option>
							<option value="RR">Roraima</option>
							<option value="SC">Santa Catarina</option>
							<option value="SP">São Paulo</option>
							<option value="SE">Sergipe</option>
							<option value="TO">Tocantins</option>
						</select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">CEP</label>
                        <input name="cep" id="cep" type="text" class="form-control">
                    </div>
                    <div class="col-md-8">
                        <label class="form-label">Logradouro (Endereço)</label>
                        <input name="endereco" type="text" class="form-control">
                    </div>
                </div>

                <h5 class="section-title"><i class="fas fa-bed me-2"></i>Características e Valores</h5>
                <div class="row g-3 mb-4">
                    <div class="col-6 col-md-2">
                        <label class="form-label">Quartos</label>
                        <input name="quartos" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Suítes</label>
                        <input name="suites" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Vagas de Garagem</label>
                        <input name="garagem" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Banheiro</label>
                        <input name="banheiro" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Área Gourmet </label>
                        <input name="churrasqueira" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Valor de Venda (R$)</label>
                        <input name="valor_venda" id="valor_venda" type="text" class="form-control fw-bold text-success" value="0">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Condomínio (R$)</label>
                        <input name="valor_cond" id="valor_cond" type="text" class="form-control fw-bold text-success" value="0">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Inscrição Iptu</label>
                        <input name="inscricao_iptu" id="inscricao_iptu" type="text" class="form-control fw-bold text-success">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Valor do Iptu (R$)</label>
                        <input name="valor_iptu" id="valor_iptu" type="text" class="form-control fw-bold text-success" value="0">
                    </div>
                     <div class="col-md-2">
                        <label class="form-label">Área Útil (m²)</label>
                        <input name="area_util" id="area_util" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Área Total (m²)</label>
                        <input name="area_total" id="area_total" type="number" class="form-select text-primary fw-bold" value="0">
                    </div>
                    <div class="mb-4">
                    <label class="form-label">Área de Lazer</label>
                    <textarea name="area_lazer" class="form-control" rows="4" placeholder="Ex: Piscina, academia, salão de festas..."></textarea>
                </div>
                </div>
                <h5 class="section-title"><i class="fas fa-clipboard-list me-2"></i>Outras Informações</h5>
                <div class="row g-3 mb-4">
                    <div class="col-md-4">
                        <label class="form-label">Nome do Inquilino</label>
                        <input name="nome_inquilino" type="text" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">Celular do Inquilino</label>
                        <input name="celular_inquilino" id="celular_inquilino" type="text" class="form-control">
                    </div>
                    <div class="mb-4">
                    <label class="form-label">Aceita Troca</label>
                    <textarea name="aceita_troca" class="form-control" rows="4" placeholder="Descreva os diferenciais do imóvel..."></textarea>
                </div>
                </div>

                <h5 class="section-title"><i class="fa-brands fa-youtube me-2"></i>Youtube</h5>

                <div class="md-4">
                        <label class="form-label">Video do Youtube</label>
                        <input name="video_youtube" type="text" class="form-control" placeholder="Link do video no Youtube...">
                </div>

                </br>
                <h5 class="section-title"><i class="fa-solid fa-layer-group me-2"></i>Mais Informações</h5>

                <div class="mb-4">
                    <label class="form-label">Descrição Detalhada</label>
                    <textarea name="descricao" class="form-control" rows="4" placeholder="Descreva os diferenciais do imóvel..."></textarea>
                </div>
                 <div class="mb-4">
                    <label class="form-label">Obs</label>
                    <textarea name="obs" class="form-control" rows="4" placeholder="Descreva observação..."></textarea>
                </div>

                <div class="text-center mt-5">
                    <button type="submit" class="btn btn-primary btn-lg px-5">
                        <i class="fas fa-save me-2"></i> Salvar Cadastro
                    </button>
                </div>

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

    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

    <script>
        $(document).ready(function(){
            $('#cep').mask('00000-000');
            $('#valor_venda, #valor_cond, #valor_iptu').mask('#.##0,00', {reverse: true});
            $('#area_util, #area_total').mask('#.##0', {reverse: true});
            $('#celular, #celular_inquilino').mask('(00) 00000-0000');
        });
    </script>
</body>
</html>