<?php
// Check if movie ID is provided
if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
header("Location: index.php?page=movies");
exit();
}
$movie_id = mysqli_real_escape_string($dbc, $_GET['id']);
// fetch movie details
$query = "SELECT * FROM CINE_Film WHERE pk_Film = $movie_id";
$result = mysqli_query($dbc, $query);
if (!$result || mysqli_num_rows($result) == 0) {
header("Location: index.php?page=movies");
exit();
}
$movie = mysqli_fetch_assoc($result);
// format length to hr and min
$hours = floor($movie['length'] / 60);
$minutes = $movie['length'] % 60;
$duration = "";
if ($hours > 0) {
$duration .= $hours . "h ";
}
$duration .= $minutes . "min";
// release date
$releaseDate = date("F d, Y", strtotime($movie['releaseDate']));
// default image if no image
$imagePath = !empty($movie['imagePath']) ? $movie['imagePath'] : 'assets/images/default-movie.jpg';
// css
echo '<link rel="stylesheet" href="assets/css/movie_detail.css">';
echo '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">';
?>
<main class="movie-container">
<!-- Hero Section with Backdrop -->
<div class="movie-hero">
<div class="movie-hero-backdrop" style="background-image: url('<?php echo $imagePath; ?>')"></div>
<div class="movie-details-back">
<a href="index.php?page=movies" class="back-btn">
<i class="fas fa-arrow-left"></i> Back to Movies
</a>
<?php if (isset($_SESSION['is_admin']) && $_SESSION['is_admin']): ?>
<a href="index.php?page=films&edit=<?php echo $movie_id; ?>" class="edit-btn">
<i class="fas fa-edit"></i> Edit in Admin Panel
</a>
<?php endif; ?>
</div>
<div class="movie-hero-content">
<div class="movie-details-poster">
<img src="<?php echo $imagePath; ?>" alt="<?php echo htmlspecialchars($movie['name']); ?>" onerror="this.src='assets/images/default-movie.jpg';">
</div>
<div class="movie-hero-info">
<h1 class="movie-details-title"><?php echo htmlspecialchars($movie['name']); ?></h1>
<div class="movie-details-meta">
<div class="movie-details-item">
<i class="fas fa-clock"></i>
<span class="movie-details-value"><?php echo $duration; ?></span>
</div>
<div class="movie-details-item">
<i class="fas fa-calendar-alt"></i>
<span class="movie-details-value"><?php echo $releaseDate; ?></span>
</div>
<?php if (!empty($movie['kdmStart']) && !empty($movie['kdmEnd'])): ?>
<div class="movie-details-item">
<i class="fas fa-film"></i>
<span class="movie-details-value">Now Showing</span>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="movie-details-main">
<div class="movie-details-sidebar">
<div class="movie-details-info-section">
<h3 class="movie-details-info-title">Showtimes</h3>
<p>Check back soon for upcoming showtimes.</p>
</div>
</div>
<div class="movie-details-content">
<div class="movie-additional-info">
<div class="movie-info-card">
<h4>About the Film</h4>
<p>
<strong>Release Date:</strong> <?php echo $releaseDate; ?><br>
<strong>Duration:</strong> <?php echo $duration; ?><br>
<?php if (!empty($movie['kdmStart'])): ?>
<strong>First Screening:</strong> <?php echo date("F d, Y", strtotime($movie['kdmStart'])); ?><br>
<?php endif; ?>
</p>
</div>
</div>
</div>
</div>
</main>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Add animation to elements
const elements = document.querySelectorAll('.movie-details-title, .movie-details-meta, .movie-details-actions, .movie-details-description');
elements.forEach((element, index) => {
element.style.opacity = '0';
element.style.transform = 'translateY(20px)';
setTimeout(() => {
element.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
element.style.opacity = '1';
element.style.transform = 'translateY(0)';
}, 100 * index);
});
});
</script>