<?php
include_once 'includes/header.php';
?>

<div class="container mt-5">
    <div class="row">
        <div class="col-12">
            <h1>Course Image Test Page</h1>
            <p>This page tests various course image paths to ensure they are working correctly.</p>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="../assets/img/courses/default.jpg" class="card-img-top" alt="Default Course Image">
                <div class="card-body">
                    <h5 class="card-title">Default Course Image</h5>
                    <p class="card-text">Path: assets/img/courses/default.jpg</p>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="../assets/images/course-placeholder.jpg" class="card-img-top" alt="Course Placeholder">
                <div class="card-body">
                    <h5 class="card-title">Course Placeholder</h5>
                    <p class="card-text">Path: assets/images/course-placeholder.jpg</p>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card">
                <img src="https://placehold.co/600x400/4f46e5/ffffff?text=Dynamic+Placeholder" class="card-img-top" alt="Dynamic Placeholder">
                <div class="card-body">
                    <h5 class="card-title">Dynamic Placeholder</h5>
                    <p class="card-text">External dynamic placeholder image</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5>Course Image Handling Logic</h5>
                </div>
                <div class="card-body">
                    <pre class="bg-light p-3">
// Check all possible image paths in order of preference
$image_path_1 = 'assets/img/courses/' . $course['id'] . '.jpg';
$image_path_2 = 'assets/images/courses/' . $course['id'] . '.jpg';
$image_path_3 = $course['image']; // Use the image path stored in the database
$image_path_4 = 'assets/img/courses/default.jpg';
$image_path_5 = 'assets/images/course-placeholder.jpg';
$image_path_6 = 'https://placehold.co/600x400/4f46e5/ffffff?text=' . urlencode(substr($course['title'], 0, 20));

// Check which image exists
if (file_exists($image_path_1)) {
    $image_url = $image_path_1;
} elseif (file_exists($image_path_2)) {
    $image_url = $image_path_2;
} elseif (isset($image_path_3) && !empty($image_path_3) && file_exists($image_path_3)) {
    $image_url = $image_path_3;
} elseif (file_exists($image_path_4)) {
    $image_url = $image_path_4;
} elseif (file_exists($image_path_5)) {
    $image_url = $image_path_5;
} else {
    $image_url = $image_path_6;
}
                    </pre>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-4 mb-5">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h5>Actions</h5>
                </div>
                <div class="card-body">
                    <a href="create_course_placeholder.php" class="btn btn-success">Generate Course Placeholder</a>
                    <a href="courses.php" class="btn btn-primary">Manage Courses</a>
                    <a href="../index.php" class="btn btn-secondary">View Homepage</a>
                </div>
            </div>
        </div>
    </div>
</div>

<?php
include_once 'includes/footer.php';
?>