89 lines
3.5 KiB
PHP
89 lines
3.5 KiB
PHP
<?php
|
|
session_start();
|
|
require_once 'db/config.php';
|
|
|
|
if (!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true) {
|
|
header("location: login.php");
|
|
exit;
|
|
}
|
|
|
|
$user_id = $_SESSION['id'];
|
|
$db = db();
|
|
$stmt = $db->prepare("SELECT * FROM pets WHERE user_id = ? ORDER BY created_at DESC");
|
|
$stmt->execute([$user_id]);
|
|
$pets = $stmt->fetchAll();
|
|
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="referrerpolicy" content="no-referrer">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>My Pets</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="index.php">Tinder for Pets</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<?php if (isset($_SESSION["loggedin"]) && $_SESSION["loggedin"] === true): ?>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="my_pets.php">My Pets</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="add_pet.php">Add Pet</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="logout.php">Logout</a>
|
|
</li>
|
|
<?php else: ?>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="login.php">Login</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="register.php">Register</a>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container mt-5">
|
|
<h1 class="text-center mb-4">My Pets</h1>
|
|
<div class="row">
|
|
<?php if (empty($pets)): ?>
|
|
<div class="col">
|
|
<p class="text-center">You haven't added any pets yet. <a href="add_pet.php">Add one now!</a></p>
|
|
</div>
|
|
<?php else: ?>
|
|
<?php foreach ($pets as $pet): ?>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<img src="<?= htmlspecialchars($pet['photo_url']) ?>" class="card-img-top" alt="<?= htmlspecialchars($pet['name']) ?>">
|
|
<div class="card-body">
|
|
<h5 class="card-title"><?= htmlspecialchars($pet['name']) ?></h5>
|
|
<p class="card-text">
|
|
<strong>Breed:</strong> <?= htmlspecialchars($pet['breed']) ?><br>
|
|
<strong>Age:</strong> <?= htmlspecialchars($pet['age']) ?>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|