Your IP : 216.73.216.93
<?php
include 'includes/config.php';
include 'includes/header.php';
// Check if user is logged in
if(!isset($_SESSION['user_id'])) {
header("Location: login.php");
exit();
}
// Check if course ID is provided
if(!isset($_GET['id'])) {
header("Location: courses.php");
exit();
}
$course_id = $_GET['id'];
// Check if user is enrolled in this course
$enrollment_sql = "SELECT * FROM enrollments WHERE user_id = ? AND course_id = ?";
$enrollment_stmt = $conn->prepare($enrollment_sql);
$enrollment_stmt->bind_param("ii", $_SESSION['user_id'], $course_id);
$enrollment_stmt->execute();
$enrollment_result = $enrollment_stmt->get_result();
$is_enrolled = $enrollment_result->num_rows > 0;
// Get course details
$course_sql = "SELECT c.*, cat.name as category_name, i.name as instructor_name, i.bio as instructor_bio
FROM courses c
LEFT JOIN categories cat ON c.category_id = cat.id
LEFT JOIN instructors i ON c.instructor_id = i.id
WHERE c.id = ?";
$course_stmt = $conn->prepare($course_sql);
$course_stmt->bind_param("i", $course_id);
$course_stmt->execute();
$course_result = $course_stmt->get_result();
if($course_result->num_rows == 0) {
header("Location: courses.php");
exit();
}
$course = $course_result->fetch_assoc();
// Handle image path
// $image_path = getCourseImagePath($course['image']);
?>
<div class="container py-5">
<div class="row">
<div class="col-lg-8">
<!-- Course Header -->
<div class="card mb-4">
<div class="card-body">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="courses.php">Courses</a></li>
<li class="breadcrumb-item"><a href="courses.php?category=<?php echo $course['category_id']; ?>"><?php echo htmlspecialchars($course['category_name']); ?></a></li>
<li class="breadcrumb-item active"><?php echo htmlspecialchars($course['title']); ?></li>
</ol>
</nav>
<h1 class="h2 mb-3"><?php echo htmlspecialchars($course['title']); ?></h1>
<div class="d-flex align-items-center mb-3">
<div class="me-3">
<i class="bi bi-folder text-primary me-1"></i>
<span class="text-muted"><?php echo htmlspecialchars($course['category_name']); ?></span>
</div>
<div class="me-3">
<i class="bi bi-person text-primary me-1"></i>
<span class="text-muted">By <?php echo htmlspecialchars($course['instructor_name']); ?></span>
</div>
<?php if($course['is_popular']): ?>
<div>
<span class="badge bg-warning text-dark">Popular</span>
</div>
<?php endif; ?>
</div>
<p class="lead"><?php echo htmlspecialchars($course['description']); ?></p>
</div>
</div>
<!-- Course Content Section -->
<div class="card mb-4">
<div class="card-header bg-primary text-white">
<h3 class="h5 mb-0">
<i class="bi bi-play-circle me-2"></i>Course Content
</h3>
</div>
<div class="card-body">
<?php if($is_enrolled): ?>
<!-- Show full content for enrolled users -->
<div class="course-content">
<?php echo nl2br(htmlspecialchars($course['content'])); ?>
</div>
<!-- Additional learning materials can be added here -->
<div class="mt-4">
<h5 class="mb-3">Learning Materials</h5>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action">
<i class="bi bi-file-pdf text-danger me-2"></i>Course Syllabus
</a>
<a href="#" class="list-group-item list-group-item-action">
<i class="bi bi-file-text text-primary me-2"></i>Study Guide
</a>
<a href="#" class="list-group-item list-group-item-action">
<i class="bi bi-link-45deg text-success me-2"></i>Additional Resources
</a>
</div>
</div>
<?php else: ?>
<!-- Preview for non-enrolled users -->
<div class="alert alert-info">
<h5 class="alert-heading">
<i class="bi bi-lock-fill me-2"></i>Content Locked
</h5>
<p class="mb-3">Enroll in this course to access all content, materials, and start learning!</p>
<!-- Show limited preview -->
<div class="preview-content">
<?php
$preview_content = substr($course['content'], 0, 300);
echo nl2br(htmlspecialchars($preview_content));
if(strlen($course['content']) > 300) {
echo '... <span class="text-muted">[Content continues after enrollment]</span>';
}
?>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center">
<div>
<strong>What you'll get after enrollment:</strong>
<ul class="mb-0 mt-2">
<li>Full course content access</li>
<li>Downloadable materials</li>
<li>Certificate of completion</li>
<li>Instructor support</li>
</ul>
</div>
<div class="text-end">
<?php if($course['current_price'] == 0): ?>
<a href="enroll.php?course_id=<?php echo $course['id']; ?>" class="btn btn-success btn-lg">
<i class="bi bi-play-circle me-2"></i>Enroll for Free
</a>
<?php else: ?>
<a href="checkout.php?course_id=<?php echo $course['id']; ?>" class="btn btn-primary btn-lg">
<i class="bi bi-cart me-2"></i>Enroll Now - $<?php echo number_format($course['current_price'], 2); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
<!-- Instructor Section -->
<div class="card mb-4">
<div class="card-header">
<h3 class="h5 mb-0">About the Instructor</h3>
</div>
<div class="card-body">
<div class="row align-items-center">
<div class="col-md-3 text-center">
<div class="instructor-avatar bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center" style="width: 80px; height: 80px; font-size: 2rem;">
<i class="bi bi-person-fill"></i>
</div>
</div>
<div class="col-md-9">
<h4 class="h5"><?php echo htmlspecialchars($course['instructor_name']); ?></h4>
<p class="text-muted"><?php echo nl2br(htmlspecialchars($course['instructor_bio'])); ?></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<!-- Course Image & Actions -->
<div class="card mb-4">
<img src="<?php echo $image_path; ?>" class="card-img-top" alt="<?php echo htmlspecialchars($course['title']); ?>"
onerror="this.onerror=null; this.src='assets/images/course-placeholder.jpg';">
<div class="card-body">
<div class="price-section text-center mb-4">
<?php if($course['old_price'] > 0): ?>
<div class="old-price text-muted text-decoration-line-through mb-1">
$<?php echo number_format($course['old_price'], 2); ?>
</div>
<?php endif; ?>
<div class="current-price h3 text-primary mb-3">
<?php echo ($course['current_price'] == 0) ? 'Free' : '$' . number_format($course['current_price'], 2); ?>
</div>
</div>
<div class="d-grid gap-2">
<?php if($is_enrolled): ?>
<button class="btn btn-success btn-lg" disabled>
<i class="bi bi-check-circle me-2"></i>Enrolled
</button>
<a href="my-courses.php" class="btn btn-outline-primary">
<i class="bi bi-play-circle me-2"></i>Continue Learning
</a>
<?php else: ?>
<?php if($course['current_price'] == 0): ?>
<a href="enroll.php?course_id=<?php echo $course['id']; ?>" class="btn btn-success btn-lg">
<i class="bi bi-play-circle me-2"></i>Enroll for Free
</a>
<?php else: ?>
<a href="checkout.php?course_id=<?php echo $course['id']; ?>" class="btn btn-primary btn-lg">
<i class="bi bi-cart me-2"></i>Enroll Now
</a>
<form method="POST" action="add_to_cart.php" class="d-inline">
<input type="hidden" name="course_id" value="<?php echo $course['id']; ?>">
<button type="submit" name="add_to_cart" class="btn btn-outline-primary w-100">
<i class="bi bi-cart-plus me-2"></i>Add to Cart
</button>
</form>
<?php endif; ?>
<?php endif; ?>
</div>
<div class="mt-4">
<div class="d-flex justify-content-between text-muted mb-2">
<span><i class="bi bi-clock me-2"></i>Duration</span>
<span>Lifetime Access</span>
</div>
<div class="d-flex justify-content-between text-muted mb-2">
<span><i class="bi bi-bar-chart me-2"></i>Level</span>
<span>All Levels</span>
</div>
<div class="d-flex justify-content-between text-muted mb-2">
<span><i class="bi bi-translate me-2"></i>Language</span>
<span>English</span>
</div>
<div class="d-flex justify-content-between text-muted">
<span><i class="bi bi-award me-2"></i>Certificate</span>
<span>Yes</span>
</div>
</div>
</div>
</div>
<!-- Share Course -->
<div class="card">
<div class="card-body">
<h5 class="card-title">Share this course</h5>
<div class="d-flex gap-2">
<button class="btn btn-outline-primary btn-sm flex-fill">
<i class="bi bi-facebook"></i>
</button>
<button class="btn btn-outline-info btn-sm flex-fill">
<i class="bi bi-twitter"></i>
</button>
<button class="btn btn-outline-danger btn-sm flex-fill">
<i class="bi bi-envelope"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.course-content {
line-height: 1.8;
font-size: 1.1rem;
}
.preview-content {
background: #f8f9fa;
padding: 15px;
border-radius: 5px;
border-left: 4px solid #0d6efd;
margin: 15px 0;
}
.instructor-avatar {
background: linear-gradient(135deg, #0d6efd, #6610f2);
}
.price-section .old-price {
font-size: 1.2rem;
}
.price-section .current-price {
font-weight: bold;
}
.list-group-item:hover {
background-color: #f8f9fa;
}
</style>
<?php include 'includes/footer.php'; ?>