Cómo agendar una cita de mantenimiento en LUVEN Taller

$stmt = $pdo->prepare(
    "SELECT hora_seleccionada
     FROM citas
     WHERE fecha_registro = ?
       AND estado != 'Cancelado'"
);
$stmt->execute([$fecha]);
$horasOcupadas = $stmt->fetchAll(PDO::FETCH_COLUMN, 0);

header('Content-Type: application/json');
echo json_encode($horasOcupadas);

fechaInput.addEventListener("change", function () {
    const fechaSeleccionada = this.value;
    fetch(`../../Frontend/verificar_disponibilidad.php?fecha=${fechaSeleccionada}`)
        .then(response => response.json())
        .then(horasOcupadas => {
            botonesHora.forEach(boton => {
                boton.disabled = false;
                boton.classList.remove("ocupado", "seleccionado");
            });
            horasOcupadas.forEach(horaBloqueada => {
                const boton = document.querySelector(`.bloque-hora[data-hora="${horaBloqueada}"]`);
                if (boton) {
                    boton.disabled = true;
                    boton.classList.add("ocupado");
                }
            });
        });
});