<?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>