<?php
// 1. CONFIGURAÇÕES E ERROS
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
date_default_timezone_set('America/Sao_Paulo');

// 2. CONEXÃO
$config_encontrado = false;
$caminhos = ['../loja/config.php', '../config.php', 'config.php'];
foreach ($caminhos as $caminho) {
    if (file_exists($caminho)) {
        include_once($caminho);
        $config_encontrado = true;
        break;
    }
}

// 3. PROCESSAMENTO DO FORMULÁRIO (SALVAR)
$mensagem = "";
if ($_SERVER['REQUEST_METHOD'] == 'POST' && $config_encontrado) {
    $nome           = mysqli_real_escape_string($conn, $_POST['nome']);
    $especie        = mysqli_real_escape_string($conn, $_POST['especie']);
    $raca           = mysqli_real_escape_string($conn, $_POST['raca']);
    $data_nasc      = mysqli_real_escape_string($conn, $_POST['data_nascimento']);
    $observacoes    = mysqli_real_escape_string($conn, $_POST['observacoes']);

    // Query ajustada para não enviar dados do dono (campos aceitam NULL ou vazio no DB conforme o SQL anterior)
    $sql = "INSERT INTO animais_cadastros (nome, especie, raca, data_nascimento, observacoes) 
            VALUES ('$nome', '$especie', '$raca', '$data_nasc', '$observacoes')";

    if ($conn->query($sql)) {
        $mensagem = "<div class='alert alert-success'>✅ ANIMAL CADASTRADO COM SUCESSO!</div>";
    } else {
        $mensagem = "<div class='alert alert-danger'>❌ ERRO AO SALVAR: " . $conn->error . "</div>";
    }
}
?>

<?php 
if(file_exists('../header.php')) include_once('../header.php'); 
?>

<style>
    .container-cadastro { padding: 15px; display: flex; justify-content: center; }
    .card-form { background: #fff; border-radius: 5px; border-top: 5px solid #2e7d32; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 100%; max-width: 600px; padding: 20px; }
    .form-group label { font-weight: bold; color: #555; font-size: 10px; margin-bottom: 2px; }
    .form-control-sm { font-size: 11px; text-transform: uppercase; }
    .row-form { margin-bottom: 10px; }
    .btn-salvar { background-color: #2e7d32; border: none; font-weight: bold; width: 100%; margin-top: 15px; }
    .btn-salvar:hover { background-color: #1b5e20; }
    .titulo-secao { background: #f8f9fa; padding: 5px 10px; font-weight: 900; font-size: 10px; color: #2e7d32; border-left: 3px solid #2e7d32; margin-bottom: 15px; display: block; }
</style>

<div class="container-cadastro">
    <div class="card-form">
        
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
            <h5 style="margin:0; color: #2e7d32; font-weight: bold;">🐾 NOVO CADASTRO PET</h5>
            <a href="cadastros.php" class="btn btn-sm btn-secondary" style="font-size: 9px;">VOLTAR</a>
        </div>

        <?php echo $mensagem; ?>

        <form method="POST">
            
            <span class="titulo-secao">INFORMAÇÕES DO ANIMAL</span>
            
            <div class="form-group row-form">
                <label>NOME DO ANIMAL *</label>
                <input type="text" name="nome" class="form-control form-control-sm" required placeholder="EX: THOR, MEL, BOB...">
            </div>

            <div class="row row-form">
                <div class="col-6">
                    <label>ESPÉCIE</label>
                    <select name="especie" class="form-control form-control-sm">
                        <option value="CACHORRO">CACHORRO</option>
                        <option value="GATO">GATO</option>
                        <option value="PÁSSARO">PÁSSARO</option>
                        <option value="OUTRO">OUTRO</option>
                    </select>
                </div>
                <div class="col-6">
                    <label>RAÇA</label>
                    <input type="text" name="raca" class="form-control form-control-sm" placeholder="EX: PUDDLE, SRD...">
                </div>
            </div>

            <div class="form-group row-form">
                <label>DATA DE NASCIMENTO (APROXIMADA)</label>
                <input type="date" name="data_nascimento" class="form-control form-control-sm">
            </div>

            <div class="form-group row-form">
                <label>OBSERVAÇÕES ADICIONAIS</label>
                <textarea name="observacoes" class="form-control form-control-sm" rows="3" placeholder="ALERGIAS, TEMPERAMENTO, ETC..."></textarea>
            </div>

            <button type="submit" class="btn btn-primary btn-salvar">GRAVAR CADASTRO 💾</button>

        </form>

    </div>
</div>

</body>
</html>