<?php
// جلب الاستوريز النشطة
$stories = [];
try {
    // التحقق من وجود جدول stories
    $check_table = $conn->query("SHOW TABLES LIKE 'stories'");
    if ($check_table->rowCount() > 0) {
        $query = "SELECT id, title, image, link, duration, views_count 
                  FROM stories 
                  WHERE is_active = 1 
                  AND (expires_at IS NULL OR expires_at > NOW())
                  ORDER BY order_position ASC, created_at DESC
                  LIMIT 10";
        
        $stmt = $conn->prepare($query);
        $stmt->execute();
        $stories = $stmt->fetchAll(PDO::FETCH_ASSOC);
    }
} catch (Exception $e) {
    // تجاهل الخطأ إذا لم يكن الجدول موجود
    $stories = [];
}
?>

<?php if (!empty($stories)): ?>
<!-- Stories Section -->
<div class="stories-section" style="background: transparent; position: relative; z-index: 50;">
    <div style="max-width: 600px; margin: 0 auto;">
        <div class="stories-container" style="justify-content: center;">
            <?php foreach ($stories as $index => $story): ?>
                <div class="story-circle" data-story-id="<?php echo $story['id']; ?>" onclick="openStory(<?php echo $index; ?>)">
                    <div class="story-avatar">
                        <img src="../<?php echo htmlspecialchars($story['image']); ?>" 
                             alt="<?php echo htmlspecialchars($story['title']); ?>"
                             onerror="this.src='assets/images/placeholder.jpg'">
                    </div>
                    <div class="story-title"><?php echo htmlspecialchars($story['title']); ?></div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</div>

<!-- Stories Data for JavaScript -->
<script>
window.storiesData = <?php echo json_encode(array_map(function($story) {
    $story['image'] = '../' . $story['image'];
    return $story;
}, $stories)); ?>;
</script>

<!-- Stories CSS & JS -->
<link rel="stylesheet" href="assets/css/stories.css">
<script src="assets/js/stories.js"></script>
<?php endif; ?>
