<?php 
include 'db.php'; 
include 'header.php'; 

// منطق اللغة
$lang = isset($_SESSION['lang']) ? $_SESSION['lang'] : 'ar';
$whatsapp_number = "962775400430"; // رقم الواتساب الخاص بك
?>

<style>
    /* الحفاظ على نفس ستايل البطاقات الذي أرفقته */
    .course-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 1px solid rgba(212, 175, 55, 0.2);
        background: #fff;
        border-radius: 15px;
        overflow: hidden;
    }
    .course-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(212, 175, 55, 0.2) !important;
    }
    .course-image-container {
        position: relative;
        height: 200px; /* نفس الارتفاع في كودك */
    }
    .course-image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* تنسيق زر الواتساب الجديد ليناسب التصميم */
    .btn-whatsapp {
        background: #25d366;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        transition: all 0.3s ease;
    }
    .btn-whatsapp:hover {
        background: #128c7e;
        color: #fff;
        transform: scale(1.05);
    }
</style>

<div style="direction: <?php echo ($lang == 'ar' ? 'rtl' : 'ltr'); ?>; 
            text-align: <?php echo ($lang == 'ar' ? 'right' : 'left'); ?>;
            background: url('your-texture-image.jpg') fixed; 
            background-size: cover;
            min-height: 100vh;">

    <section class="py-5">
        <div class="container">
          <div class="text-center mb-5 bg-white bg-opacity-75 p-4 rounded-4 shadow-sm" style="backdrop-filter: blur(5px); border-bottom: 3px solid #d9b34d;">
    <h2 class="fw-bold" style="color: #1a1a1a;">
        <?php 
            // النص الأول: دوراتنا التدريبية
            echo ($lang == 'ar' ? 'دوراتنا التدريبية' : ($lang == 'tr' ? 'Eğitim Kurslarımız' : 'Our Training Courses')); 
        ?>
    </h2>
    
    <p style="color: #d9b34d; font-weight: 600; font-size: 1.1rem; margin-top: 10px;">
        <?php 
            // النص الثاني: استثمر في مستقبلك...
            echo ($lang == 'ar' ? 'استثمر في مستقبلك مع أفضل برامج تعلم اللغات' : ($lang == 'tr' ? 'En iyi dil öğrenme programlarıyla geleceğinize yatırım yapın' : 'Invest in your future with the best language learning programs')); 
        ?>
    </p>

    <hr style="width: 50px; border: 2px solid #d9b34d; margin: auto; opacity: 1;">
</div>

            <div class="row g-4">
                <?php
                // استخدام PDO لجلب البيانات
                $query = "SELECT * FROM courses ORDER BY id DESC";
                $stmt = $conn->query($query);
                $courses = $stmt->fetchAll();

                if ($courses) {
                    foreach ($courses as $course) {
                        $title = $course['title_' . $lang];
                        $desc = $course['desc_' . $lang];
                        $image = $course['image'];
                        $lessons = $course['lessons_count'];

                        // تجهيز رابط الواتساب مع اسم الدورة
                        $wa_msg = ($lang == 'ar' ? "مرحباً، أريد الاشتراك في دورة: " : "Hello, I want to join: ") . $title;
                        $wa_url = "https://wa.me/" . $whatsapp_number . "?text=" . urlencode($wa_msg);
                ?>
                <div class="col-md-4">
                    <div class="card h-100 course-card shadow-sm border-0">
                        <div class="course-image-container">
                            <img src="admin/uploads/<?php echo $image; ?>" alt="<?php echo $title; ?>">
                        </div>
                        <div class="card-body p-4 d-flex flex-column">
                            <h5 class="fw-bold mb-3" style="color: #1a1a1a;"><?php echo $title; ?></h5>
                            
                            <p class="text-muted small flex-grow-1">
                                <?php echo (mb_strlen($desc) > 100) ? mb_substr($desc, 0, 100) . '...' : $desc; ?>
                            </p>

                            <div class="d-flex justify-content-between align-items-center mt-3 border-top pt-3">
                                <span class="small text-muted">
                                    <i class="fas fa-book-open me-1 text-warning"></i> 
                                    <?php echo $lessons; ?> <?php echo ($lang == 'ar' ? 'دروس' : 'Dersler'); ?>
                                </span>
                                <a href="<?php echo $wa_url; ?>" target="_blank" class="btn btn-whatsapp btn-sm px-3 shadow-sm">
                                    <i class="fab fa-whatsapp <?php echo ($lang == 'ar' ? 'ms-1' : 'me-1'); ?>"></i>
                                    <?php echo ($lang == 'ar' ? 'اشترك الآن' : ($lang == 'tr' ? 'Şimdi Katıl' : 'Join Now')); ?>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <?php
                    }
                } else {
                    echo '<div class="col-12 text-center py-5"><h5 class="text-muted">' . ($lang == 'ar' ? 'لا توجد دورات حالياً' : 'No courses found') . '</h5></div>';
                }
                ?>
            </div>
        </div>
    </section>
</div>

<?php include 'footer.php'; ?>