<?php
// Start session
session_start();

// Check if installation is complete
if (!file_exists(__DIR__ . '/admin/installed.php')) {
    // Redirect to installation page
    header('Location: admin/install.php');
    exit;
}

// Include database configuration
require_once __DIR__ . '/admin/database/db_config.php';

// Get courses for display
$courses_query = "SELECT * FROM courses WHERE status = 'active' ORDER BY featured DESC, id DESC LIMIT 6";
$courses_result = mysqli_query($conn, $courses_query);
$featured_courses = [];

if ($courses_result && mysqli_num_rows($courses_result) > 0) {
    while ($row = mysqli_fetch_assoc($courses_result)) {
        $featured_courses[] = $row;
    }
}

// Get testimonials
$testimonials_query = "SELECT t.*, s.full_name, s.profile_image FROM testimonials t 
                      JOIN students s ON t.student_id = s.id 
                      WHERE t.status = 'approved' 
                      ORDER BY t.created_at DESC LIMIT 3";
$testimonials_result = mysqli_query($conn, $testimonials_query);
$testimonials = [];

if ($testimonials_result && mysqli_num_rows($testimonials_result) > 0) {
    while ($row = mysqli_fetch_assoc($testimonials_result)) {
        $testimonials[] = $row;
    }
}

// Get institute stats
$stats_query = "SELECT * FROM institute_stats WHERE is_visible = 1 ORDER BY display_order ASC";
$stats_result = mysqli_query($conn, $stats_query);
$stats = [];

if ($stats_result && mysqli_num_rows($stats_result) > 0) {
    while ($row = mysqli_fetch_assoc($stats_result)) {
        $stats[] = $row;
    }
}

// Include header
include 'includes/header.php';
?>

<!-- Hero Section -->
<section class="hero-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <h1 class="display-4">Transform Your Future with Online Learning</h1>
                <p class="lead">Access quality education from anywhere in the world. Start your learning journey today!</p>
                <a href="#courses" class="btn btn-primary btn-lg">Explore Courses</a>
            </div>
        </div>
    </div>
</section>

<!-- Featured Courses -->
<section id="courses" class="py-5">
    <div class="container">
        <h2 class="text-center mb-5">Featured Courses</h2>
        <div class="row">
            <?php if (count($featured_courses) > 0): ?>
                <?php foreach ($featured_courses as $course): ?>
                <div class="col-md-3">
                    <div class="card course-card">
                        <div class="course-image" style="background-image: url('assets/images/courses/<?php echo $course['id']; ?>.jpg');"></div>
                        <div class="card-body">
                            <h5 class="card-title"><?php echo htmlspecialchars($course['title']); ?></h5>
                            <p class="card-text"><?php echo htmlspecialchars(substr($course['description'], 0, 100)); ?>...</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-primary fw-bold">$<?php echo number_format($course['price'], 2); ?></span>
                                <a href="course-details.php?id=<?php echo $course['id']; ?>" class="btn btn-sm btn-outline-primary">Enroll Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            <?php else: ?>
                <div class="col-md-3">
                    <div class="card course-card">
                        <div class="course-image course-1"></div>
                        <div class="card-body">
                            <h5 class="card-title">Web Development</h5>
                            <p class="card-text">Learn HTML, CSS, JavaScript and build responsive websites.</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-primary fw-bold">$49.99</span>
                                <a href="#" class="btn btn-sm btn-outline-primary">Enroll Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card course-card">
                        <div class="course-image course-2"></div>
                        <div class="card-body">
                            <h5 class="card-title">Data Science</h5>
                            <p class="card-text">Master data analysis, visualization, and machine learning.</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-primary fw-bold">$59.99</span>
                                <a href="#" class="btn btn-sm btn-outline-primary">Enroll Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card course-card">
                        <div class="course-image course-3"></div>
                        <div class="card-body">
                            <h5 class="card-title">Digital Marketing</h5>
                            <p class="card-text">Learn SEO, social media marketing, and content strategy.</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-primary fw-bold">$39.99</span>
                                <a href="#" class="btn btn-sm btn-outline-primary">Enroll Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card course-card">
                        <div class="course-image course-4"></div>
                        <div class="card-body">
                            <h5 class="card-title">Graphic Design</h5>
                            <p class="card-text">Master Adobe Creative Suite and design principles.</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="text-primary fw-bold">$44.99</span>
                                <a href="#" class="btn btn-sm btn-outline-primary">Enroll Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endif; ?>
        </div>
        <div class="text-center mt-4">
            <a href="courses.php" class="btn btn-primary">View All Courses</a>
        </div>
    </div>
</section>

<!-- About Section -->
<section id="about" class="py-5 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <h2>About Our Learning Platform</h2>
                <p class="lead">We are dedicated to providing high-quality education accessible to everyone.</p>
                <p>Our platform offers a wide range of courses taught by industry experts. Whether you're looking to advance your career, learn a new skill, or pursue a passion, we have the right course for you.</p>
                <div class="row mt-4">
                    <div class="col-md-6">
                        <div class="d-flex align-items-center mb-3">
                            <i class="fas fa-graduation-cap text-primary me-3 fa-2x"></i>
                            <div>
                                <h5 class="mb-0">Expert Instructors</h5>
                                <p class="mb-0">Learn from industry professionals</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="d-flex align-items-center mb-3">
                            <i class="fas fa-certificate text-primary me-3 fa-2x"></i>
                            <div>
                                <h5 class="mb-0">Certification</h5>
                                <p class="mb-0">Earn recognized certificates</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="d-flex align-items-center mb-3">
                            <i class="fas fa-laptop text-primary me-3 fa-2x"></i>
                            <div>
                                <h5 class="mb-0">Online Learning</h5>
                                <p class="mb-0">Study anytime, anywhere</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="d-flex align-items-center mb-3">
                            <i class="fas fa-users text-primary me-3 fa-2x"></i>
                            <div>
                                <h5 class="mb-0">Community</h5>
                                <p class="mb-0">Join a supportive network</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <img src="assets/images/hero/hero2.jpg" alt="About Us" class="img-fluid rounded shadow">
            </div>
        </div>
    </div>
</section>

<!-- Team Section -->
<section id="team" class="py-5">
    <div class="container">
        <h2 class="text-center mb-5">Meet Our Team</h2>
        <div class="row">
            <div class="col-md-4">
                <div class="team-member">
                    <div class="team-image" style="background-image: url('assets/images/team/team1.jpg');"></div>
                    <h4>John Doe</h4>
                    <p class="text-muted">CEO & Founder</p>
                    <p>With over 15 years of experience in education technology, John leads our vision for accessible learning.</p>
                    <div class="social-icons">
                        <a href="#" class="text-dark me-2"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="text-dark me-2"><i class="fab fa-linkedin"></i></a>
                        <a href="#" class="text-dark"><i class="fab fa-github"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="team-member">
                    <div class="team-image" style="background-image: url('assets/images/team/team2.jpg');"></div>
                    <h4>Jane Smith</h4>
                    <p class="text-muted">Head of Education</p>
                    <p>Jane ensures our curriculum meets the highest standards and stays relevant to industry needs.</p>
                    <div class="social-icons">
                        <a href="#" class="text-dark me-2"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="text-dark me-2"><i class="fab fa-linkedin"></i></a>
                        <a href="#" class="text-dark"><i class="fab fa-github"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="team-member">
                    <div class="team-image" style="background-image: url('assets/images/team/team3.jpg');"></div>
                    <h4>Michael Johnson</h4>
                    <p class="text-muted">Technical Director</p>
                    <p>Michael oversees our platform development, ensuring a seamless learning experience for all users.</p>
                    <div class="social-icons">
                        <a href="#" class="text-dark me-2"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="text-dark me-2"><i class="fab fa-linkedin"></i></a>
                        <a href="#" class="text-dark"><i class="fab fa-github"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Testimonials -->
<section class="py-5 bg-light">
    <div class="container">
        <h2 class="text-center mb-5">What Our Students Say</h2>
        <div class="row">
            <?php if (count($testimonials) > 0): ?>
                <?php foreach ($testimonials as $testimonial): ?>
                <div class="col-md-4">
                    <div class="testimonial">
                        <div class="d-flex align-items-center mb-3">
                            <div class="testimonial-image" style="background-image: url('<?php echo htmlspecialchars($testimonial['profile_image']); ?>');"></div>
                            <div>
                                <h5 class="mb-0"><?php echo htmlspecialchars($testimonial['full_name']); ?></h5>
                                <p class="text-muted mb-0">Student</p>
                            </div>
                        </div>
                        <p>"<?php echo htmlspecialchars($testimonial['content']); ?>"</p>
                        <div class="text-warning">
                            <?php for ($i = 1; $i <= 5; $i++): ?>
                                <?php if ($i <= $testimonial['rating']): ?>
                                    <i class="fas fa-star"></i>
                                <?php elseif ($i - 0.5 == $testimonial['rating']): ?>
                                    <i class="fas fa-star-half-alt"></i>
                                <?php else: ?>
                                    <i class="far fa-star"></i>
                                <?php endif; ?>
                            <?php endfor; ?>
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            <?php else: ?>
                <div class="col-md-4">
                    <div class="testimonial">
                        <div class="d-flex align-items-center mb-3">
                            <div class="testimonial-image" style="background-image: url('assets/images/testimonials/user1.jpg');"></div>
                            <div>
                                <h5 class="mb-0">Sarah Williams</h5>
                                <p class="text-muted mb-0">Web Development Student</p>
                            </div>
                        </div>
                        <p>"The web development course was comprehensive and well-structured. I was able to build my portfolio website by the end of the course!"</p>
                        <div class="text-warning">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="testimonial">
                        <div class="d-flex align-items-center mb-3">
                            <div class="testimonial-image" style="background-image: url('assets/images/testimonials/user2.jpg');"></div>
                            <div>
                                <h5 class="mb-0">David Chen</h5>
                                <p class="text-muted mb-0">Data Science Student</p>
                            </div>
                        </div>
                        <p>"The data science course provided me with practical skills that I immediately applied in my job. The instructor was knowledgeable and supportive."</p>
                        <div class="text-warning">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star-half-alt"></i>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="testimonial">
                        <div class="d-flex align-items-center mb-3">
                            <div class="testimonial-image" style="background-image: url('assets/images/testimonials/user3.jpg');"></div>
                            <div>
                                <h5 class="mb-0">Emily Rodriguez</h5>
                                <p class="text-muted mb-0">Digital Marketing Student</p>
                            </div>
                        </div>
                        <p>"Thanks to this course, I was able to increase my company's social media engagement by 200%. The strategies taught are practical and effective."</p>
                        <div class="text-warning">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                    </div>
                </div>
            <?php endif; ?>
        </div>
    </div>
</section>

<!-- Blog Section -->
<section id="blog" class="py-5">
    <div class="container">
        <h2 class="text-center mb-5">Latest from Our Blog</h2>
        <div class="row">
            <div class="col-md-4">
                <div class="blog-post">
                    <div class="blog-image" style="background-image: url('assets/images/blog/post1.jpg');"></div>
                    <div class="blog-content">
                        <h5>The Future of Online Learning</h5>
                        <p class="text-muted">June 15, 2023 | Education</p>
                        <p>Explore how technology is transforming education and what to expect in the coming years.</p>
                        <a href="#" class="btn btn-sm btn-outline-primary">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="blog-post">
                    <div class="blog-image" style="background-image: url('assets/images/blog/post2.jpg');"></div>
                    <div class="blog-content">
                        <h5>5 Tips for Successful Online Learning</h5>
                        <p class="text-muted">May 28, 2023 | Study Tips</p>
                        <p>Maximize your online learning experience with these proven strategies for success.</p>
                        <a href="#" class="btn btn-sm btn-outline-primary">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="blog-post">
                    <div class="blog-image" style="background-image: url('assets/images/blog/post3.jpg');"></div>
                    <div class="blog-content">
                        <h5>In-Demand Skills for 2023</h5>
                        <p class="text-muted">April 10, 2023 | Career</p>
                        <p>Discover which skills employers are looking for and how to acquire them through online courses.</p>
                        <a href="#" class="btn btn-sm btn-outline-primary">Read More</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center mt-4">
            <a href="blog.php" class="btn btn-primary">View All Posts</a>
        </div>
    </div>
</section>

<!-- Contact Section -->
<section id="contact" class="py-5 bg-light">
    <div class="container">
        <h2 class="text-center mb-5">Get in Touch</h2>
        <div class="row">
            <div class="col-md-6">
                <form>
                    <div class="mb-3">
                        <label for="name" class="form-label">Name</label>
                        <input type="text" class="form-control" id="name" required>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" required>
                    </div>
                    <div class="mb-3">
                        <label for="subject" class="form-label">Subject</label>
                        <input type="text" class="form-control" id="subject" required>
                    </div>
                    <div class="mb-3">
                        <label for="message" class="form-label">Message</label>
                        <textarea class="form-control" id="message" rows="5" required></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">Send Message</button>
                </form>
            </div>
            <div class="col-md-6">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title">Contact Information</h5>
                        <p class="card-text">Feel free to reach out to us with any questions or inquiries. We're here to help!</p>
                        <ul class="list-unstyled">
                            <li class="mb-3">
                                <i class="fas fa-map-marker-alt text-primary me-2"></i> 123 Education St, Learning City, LC 12345
                            </li>
                            <li class="mb-3">
                                <i class="fas fa-phone text-primary me-2"></i> +1 (555) 123-4567
                            </li>
                            <li class="mb-3">
                                <i class="fas fa-envelope text-primary me-2"></i> [email protected]
                            </li>
                        </ul>
                        <h5 class="mt-4">Follow Us</h5>
                        <div class="social-icons">
                            <a href="#" class="text-primary me-3"><i class="fab fa-facebook-f fa-lg"></i></a>
                            <a href="#" class="text-primary me-3"><i class="fab fa-twitter fa-lg"></i></a>
                            <a href="#" class="text-primary me-3"><i class="fab fa-instagram fa-lg"></i></a>
                            <a href="#" class="text-primary me-3"><i class="fab fa-linkedin-in fa-lg"></i></a>
                            <a href="#" class="text-primary"><i class="fab fa-youtube fa-lg"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
// Include footer
include 'includes/footer.php';
?>