File: /var/www/html/obaasimaghana/app/views/courses/edit.php
<?php
$title = 'Edit Course';
ob_start();
?>
<div class="container mx-auto px-4 py-8">
<!-- Page Header -->
<div class="mb-8">
<div class="flex items-center justify-between">
<div>
<h1 class="text-2xl font-bold text-gray-900">Edit Course</h1>
<p class="mt-1 text-sm text-gray-600">Update your course information</p>
</div>
<div>
<a href="<?php echo APP_URL; ?>/dashboard" class="inline-flex items-center px-4 py-2 text-sm text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50">
<i class="fas fa-arrow-left mr-2"></i>
Back to Dashboard
</a>
</div>
</div>
</div>
<!-- Course Edit Form -->
<div class="bg-white rounded-lg shadow">
<div class="p-6">
<form action="<?php echo APP_URL; ?>/courses/edit/<?php echo $data['id']; ?>" method="POST" enctype="multipart/form-data" class="space-y-6">
<!-- Course Thumbnail -->
<div>
<label class="block text-sm font-medium text-gray-700 mb-2">Course Thumbnail</label>
<div class="flex items-center space-x-4">
<div class="flex-shrink-0 w-24 h-24 bg-gray-100 rounded-lg overflow-hidden">
<img id="thumbnail-preview"
src="<?php echo !empty($data['thumbnail']) ? APP_URL . '/uploads/thumbnails/' . $data['thumbnail'] : APP_URL . '/assets/images/course-default.jpg'; ?>"
alt="Course thumbnail" class="w-full h-full object-cover">
</div>
<div class="flex-grow">
<input type="file" name="thumbnail" id="thumbnail" accept="image/*" class="hidden">
<label for="thumbnail" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 cursor-pointer">
<i class="fas fa-upload mr-2"></i>
Upload New Thumbnail
</label>
<p class="mt-1 text-xs text-gray-500">Recommended size: 1280x720px (16:9)</p>
</div>
</div>
</div>
<!-- Course Title -->
<div>
<label for="title" class="block text-sm font-medium text-gray-700 mb-2">Course Title</label>
<input type="text" name="title" id="title"
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 <?php echo (!empty($data['title_err'])) ? 'border-red-500' : ''; ?>"
value="<?php echo $data['course_title']; ?>"
placeholder="Enter a descriptive title"
required>
<?php if (!empty($data['title_err'])): ?>
<p class="mt-1 text-sm text-red-600"><?php echo $data['title_err']; ?></p>
<?php endif; ?>
</div>
<!-- Course Description -->
<div>
<label for="description" class="block text-sm font-medium text-gray-700 mb-2">Course Description</label>
<textarea name="description" id="description" rows="4"
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 <?php echo (!empty($data['description_err'])) ? 'border-red-500' : ''; ?>"
placeholder="Provide a detailed description of your course"
required><?php echo $data['description']; ?></textarea>
<?php if (!empty($data['description_err'])): ?>
<p class="mt-1 text-sm text-red-600"><?php echo $data['description_err']; ?></p>
<?php endif; ?>
</div>
<!-- Course Level -->
<div>
<label for="level" class="block text-sm font-medium text-gray-700 mb-2">Difficulty Level</label>
<select name="level" id="level"
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500">
<option value="beginner" <?php echo $data['level'] === 'beginner' ? 'selected' : ''; ?>>Beginner</option>
<option value="intermediate" <?php echo $data['level'] === 'intermediate' ? 'selected' : ''; ?>>Intermediate</option>
<option value="advanced" <?php echo $data['level'] === 'advanced' ? 'selected' : ''; ?>>Advanced</option>
</select>
</div>
<!-- Course Category -->
<div>
<label for="category" class="block text-sm font-medium text-gray-700 mb-2">Category</label>
<select name="category" id="category"
class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500">
<option value="">Select a category</option>
<option value="business" <?php echo $data['category'] === 'business' ? 'selected' : ''; ?>>Business</option>
<option value="technology" <?php echo $data['category'] === 'technology' ? 'selected' : ''; ?>>Technology</option>
<option value="design" <?php echo $data['category'] === 'design' ? 'selected' : ''; ?>>Design</option>
<option value="marketing" <?php echo $data['category'] === 'marketing' ? 'selected' : ''; ?>>Marketing</option>
<option value="personal" <?php echo $data['category'] === 'personal' ? 'selected' : ''; ?>>Personal Development</option>
</select>
</div>
<!-- Form Actions -->
<div class="flex items-center justify-end space-x-4 pt-4 border-t border-gray-200">
<a href="<?php echo APP_URL; ?>/courses"
class="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50">
Cancel
</a>
<button type="submit"
class="px-4 py-2 text-sm font-medium text-white bg-emerald-600 rounded-lg hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500">
Update Course
</button>
</div>
</form>
</div>
</div>
</div>
<!-- Thumbnail Preview Script -->
<script>
const thumbnailInput = document.getElementById('thumbnail');
const thumbnailPreview = document.getElementById('thumbnail-preview');
thumbnailInput.addEventListener('change', function(e) {
const file = e.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
thumbnailPreview.src = e.target.result;
}
reader.readAsDataURL(file);
}
});
</script>
<?php
$content = ob_get_clean();
require APP_PATH . '/views/layouts/dashboard1.php';
?>