<?php
// Configuração do banco de dados
$host = 'localhost';
$dbname = 'kaltekgo_avila';
$username = 'kaltekgo_admin';
$password = 'kaltek@2024';

// Conexão com o banco de dados
$conn = new mysqli($host, $username, $password, $dbname);

// Verificar a conexão
if ($conn->connect_error) {
    die("Erro ao conectar ao banco de dados: " . $conn->connect_error);
}
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Consulta Individual</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="container mt-5">
    <h2 class="mb-4">Consultar Individual</h2>

    <!-- Campo de busca -->
    <input type="text" id="campo-busca" class="form-control" placeholder="Digite para o nome do aluno...">

    <!-- Área para exibir os resultados -->
    <div id="resultados" class="mt-4">
        <!-- Resultados da busca serão carregados aqui -->
    </div>
</div>

<script>
    $(document).ready(function () {
        $('#campo-busca').on('keyup', function () {
            const query = $(this).val();

            if (query.length > 0) {
                $.ajax({
                    url: 'buscar.php',
                    type: 'GET',
                    data: { busca: query },
                    success: function (response) {
                        $('#resultados').html(response);
                    },
                    error: function () {
                        $('#resultados').html('<p class="text-danger">Erro ao buscar resultados.</p>');
                    }
                });
            } else {
                $('#resultados').html('');
            }
        });
    });
</script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
