67 lines
2.2 KiB
PHP
67 lines
2.2 KiB
PHP
<?php
|
|
session_start();
|
|
require_once __DIR__ . '/db/config.php';
|
|
|
|
if (!isset($_SESSION['user_id'])) {
|
|
header('Location: login.php');
|
|
exit;
|
|
}
|
|
|
|
$favorites = [];
|
|
try {
|
|
$pdo = db();
|
|
$stmt = $pdo->prepare("SELECT video_id, title, thumbnail FROM favorites WHERE user_id = :user_id ORDER BY created_at DESC");
|
|
$stmt->execute(['user_id' => $_SESSION['user_id']]);
|
|
$favorites = $stmt->fetchAll();
|
|
} catch (PDOException $e) {
|
|
// Handle error
|
|
}
|
|
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>My Favorites - MusicBox</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
<header class="app-header">
|
|
<div class="logo">
|
|
<h1><a href="index.php">MusicBox</a></h1>
|
|
</div>
|
|
<nav>
|
|
<a href="favorites.php" class="btn">My Favorites</a>
|
|
<a href="logout.php" class="btn">Logout</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<section class="favorites-list">
|
|
<h2>My Favorites</h2>
|
|
|
|
<?php if (empty($favorites)): ?>
|
|
<p>You haven't saved any favorites yet.</p>
|
|
<?php else: ?>
|
|
<div class="video-grid">
|
|
<?php foreach ($favorites as $fav): ?>
|
|
<div class="video-container">
|
|
<a href="https://www.youtube.com/watch?v=<?php echo htmlspecialchars($fav['video_id']); ?>" target="_blank">
|
|
<img src="<?php echo htmlspecialchars($fav['thumbnail']); ?>" alt="<?php echo htmlspecialchars($fav['title']); ?>">
|
|
<h3><?php echo htmlspecialchars($fav['title']); ?></h3>
|
|
</a>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="app-footer">
|
|
<p>© <?php echo date('Y'); ?> MusicBox. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|