require_once 'config/db.php';
$pageTitle = "Fale Conosco";

$success = false;
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$nome = $_POST['nome'] ?? '';
$email = $_POST['email'] ?? '';
$mensagem = $_POST['mensagem'] ?? '';

// Salva no banco
$stmt = $pdo->prepare("INSERT INTO leads (name, phone, message, status) VALUES (?, ?, ?, 'novo')");
$desc = "Mensagem via Contato: $mensagem (Email: $email)";
$stmt->execute([$nome, $email, $desc]);

// Envio de E-mail
$para = "contato@princesaimoveis.com.br";
$assunto = "Nova Mensagem de Contato - Princesa Imóveis";
$corpo = "Você recebeu uma nova mensagem via site:\n\n" .
"Nome: $nome\n" .
"E-mail: $email\n" .
"Mensagem: $mensagem\n\n" .
"Este lead foi salvo no seu painel administrativo.";
$headers = "From: no-reply@princesaimoveis.com.br\r\n" .
"Reply-To: $email\r\n" .
"X-Mailer: PHP/" . phpversion();
@mail($para, $assunto, $corpo, $headers);
$success = true;
}

include 'includes/header.php';
?>

<section class="bg-navy pt-32 pb-20 text-white">
    <div class="max-w-7xl mx-auto px-4 text-center">
        <h1 class="font-playfair text-5xl font-bold mb-4 italic text-gold">Contato</h1>
        <p class="text-gray-300 max-w-2xl mx-auto font-lato">Estamos prontos para atender você e realizar o seu sonho.
        </p>
    </div>
</section>

<section class="py-24">
    <div class="max-w-7xl mx-auto px-4">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-16">

            <div class="space-y-12">
                <div>
                    <h2 class="text-4xl font-black text-navy font-playfair mb-8">Nossos Canais</h2>
                    <p class="text-gray-500 mb-12 font-lato text-lg">Escolha a melhor forma de falar conosco ou visite
                        nosso escritório.</p>
                </div>

                <div class="space-y-8">
                    <div class="flex items-start gap-6 group">
                        <div
                            class="w-14 h-14 bg-navy rounded-2xl flex items-center justify-center text-gold group-hover:bg-gold group-hover:text-navy transition-all shadow-lg">
                            <i data-lucide="phone" class="w-7 h-7"></i>
                        </div>
                        <div>
                            <h4 class="text-navy font-black text-xl mb-1 uppercase text-sm tracking-widest">Telefone &
                                WhatsApp</h4>
                            <p class="text-gray-500 text-xl font-bold">(48) 98868-1351</p>
                        </div>
                    </div>

                    <div class="flex items-start gap-6 group">
                        <div
                            class="w-14 h-14 bg-navy rounded-2xl flex items-center justify-center text-gold group-hover:bg-gold group-hover:text-navy transition-all shadow-lg">
                            <i data-lucide="mail" class="w-7 h-7"></i>
                        </div>
                        <div>
                            <h4 class="text-navy font-black text-xl mb-1 uppercase text-sm tracking-widest">E-mail</h4>
                            <p class="text-gray-500 text-xl font-bold">contato@princesaimoveis.com.br</p>
                        </div>
                    </div>

                    <div class="flex items-start gap-6 group">
                        <div
                            class="w-14 h-14 bg-navy rounded-2xl flex items-center justify-center text-gold group-hover:bg-gold group-hover:text-navy transition-all shadow-lg">
                            <i data-lucide="map-pin" class="w-7 h-7"></i>
                        </div>
                        <div>
                            <h4 class="text-navy font-black text-xl mb-1 uppercase text-sm tracking-widest">Endereço
                            </h4>
                            <p class="text-gray-500 text-xl font-bold italic">Florianópolis, Santa Catarina - Brasil</p>
                        </div>
                    </div>
                </div>

                <div class="pt-10">
                    <a href="https://wa.me/5548988681351" target="_blank"
                        class="inline-flex items-center gap-4 bg-green-500 text-white px-10 py-5 rounded-2xl font-black text-xl hover:bg-green-600 transition-all shadow-xl shadow-green-100">
                        <i data-lucide="message-circle" class="w-8 h-8"></i> CHAMAR AGORA NO WHATSAPP
                    </a>
                </div>
            </div>

            <div class="bg-gray-50 p-10 md:p-16 rounded-[40px] border border-gray-100 shadow-sm self-start">
                <h3 class="text-2xl font-black text-navy font-playfair mb-8">Envie uma Mensagem</h3>
                
                
                <form action="" method="POST" class="space-y-6">
                    <div>
                        <label class="block text-xs font-black text-gray-400 uppercase mb-2">Nome</label>
                        <input type="text" name="nome" required placeholder="Seu nome"
                            class="w-full p-4 bg-white rounded-xl border border-gray-100 outline-none focus:border-gold">
                    </div>
                    <div>
                        <label class="block text-xs font-black text-gray-400 uppercase mb-2">E-mail</label>
                        <input type="email" name="email" required placeholder="seu@email.com"
                            class="w-full p-4 bg-white rounded-xl border border-gray-100 outline-none focus:border-gold">
                    </div>
                    <div>
                        <label class="block text-xs font-black text-gray-400 uppercase mb-2">Sua Mensagem</label>
                        <textarea name="mensagem" required rows="4" placeholder="Como podemos ajudar?"
                            class="w-full p-4 bg-white rounded-xl border border-gray-100 outline-none focus:border-gold"></textarea>
                    </div>
                    <button type="submit"
                        class="w-full bg-navy text-white py-5 rounded-xl font-black hover:bg-gold hover:text-navy transition-all uppercase tracking-widest text-sm shadow-xl shadow-navy/10">ENVIAR
                        MENSAGEM</button>
                </form>
            </div>

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

<footer class="bg-navy text-white py-20 mt-20 border-t-4 border-gold">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
            <div class="col-span-1 md:col-span-1">
                <div class="flex items-center gap-3 mb-6">
                    <img src="