// Only define DEBUG_MODE if it's not already defined
if (!defined('DEBUG_MODE')) {
    define('DEBUG_MODE', false);
}

// Only show errors in development
if (DEBUG_MODE === true) {
    ini_set('display_errors', 1);
    ini_set('display_startup_errors', 1);
    error_reporting(E_ALL);
}

// Check if article exists
if (empty($article)) {
    // Article not found, show 404 page
    include_once FRONTEND_PATH . '/templates/404.php';
    exit;
}

// Set page variables
$pageTitle = $article['title'] . ' - ' . APP_NAME;
$pageDescription = !empty($article['excerpt']) ? strip_tags($article['excerpt']) : truncate_text(strip_tags($article['content']), 160);
// Clean any remaining HTML entities from the description
$pageDescription = html_entity_decode(strip_tags($pageDescription));
$ogType = 'article';
$ogImage = !empty($article['featured_image']) ? 'https://' . $_SERVER['HTTP_HOST'] . '/' . $article['featured_image'] : null;
$currentUrl = 'https://' . $_SERVER['HTTP_HOST'] . '/article/' . $article['slug'];
$activeNav = '';
$showBreadcrumbs = true;

// Set breadcrumbs
$breadcrumbs = [];

// Add category to breadcrumbs if available
if (!empty($articleCategories) && count($articleCategories) > 0) {
    $category = $articleCategories[0]; // Use first category
    $breadcrumbs[] = [
        'title' => $category['name'],
        'url' => '/category/' . $category['slug']
    ];
}

// Add article to breadcrumbs
$breadcrumbs[] = [
    'title' => $article['title'],
    'active' => true
];

// Generate schema.org markup for article
$schemaMarkup = generate_article_schema($article);

// The update_tags function has been moved to frontend/includes/functions.php

// Debug: Before view count increment
error_log("DEBUG: Before increment_article_views - Article ID: " . $article['id']);

// Increment view count before displaying
increment_article_views($article['id']);

// Debug: After view count increment
error_log("DEBUG: After increment_article_views - Article ID: " . $article['id']);

// For debugging - create a debug log that will be displayed on the page
$debugLog = [];
$debugLog[] = "Debug: Article ID: " . $article['id'];

// Get database connection
global $db;

// Initialize debug log
$debugLog[] = "Using existing database connection via dbQuery";

// Debug: Database connection check
error_log("DEBUG: Database connection check - DB is " . ($db ? "available" : "NOT available"));

// Make sure article tags are loaded and initialized as an array
if (!isset($articleTags)) {
    // Fetch existing tags for this article
    try {
        if ($db) {
            $tagQuery = "SELECT t.id, t.name, t.slug 
                        FROM tags t 
                        JOIN news_tags nt ON t.id = nt.tag_id 
                        WHERE nt.news_id = ?";
            $tagStmt = $db->prepare($tagQuery);
            $tagStmt->execute([$article['id']]);
            $articleTags = $tagStmt->fetchAll(PDO::FETCH_ASSOC);
        } else {
            $articleTags = [];
            error_log('Database connection not available when fetching article tags');
        }
    } catch (Exception $e) {
        // If there's an error, initialize as empty array
        $articleTags = [];
        error_log('Error fetching article tags: ' . $e->getMessage());
    }
}

// Ensure $articleTags is always an array
if (!is_array($articleTags)) {
    $articleTags = [];
}

// Debug: Before calling update_tags
error_log("DEBUG: About to call update_tags function - Article ID: " . $article['id']);
error_log("DEBUG: ArticleTags count before update: " . count($articleTags));

// Update article tags based on content
$tagsUpdated = false;
$tagsUpdated = update_tags();
error_log("DEBUG: update_tags function returned: " . ($tagsUpdated ? "TRUE" : "FALSE"));

// Refresh article tags after potential updates if update was successful
if ($tagsUpdated && $db) {
    error_log("DEBUG: Refreshing article tags after successful update");
    try {
        $tagQuery = "SELECT t.id, t.name, t.slug 
                    FROM tags t 
                    JOIN news_tags nt ON t.id = nt.tag_id 
                    WHERE nt.news_id = ?";
        $tagStmt = $db->prepare($tagQuery);
        $tagStmt->execute([$article['id']]);
        $articleTags = $tagStmt->fetchAll(PDO::FETCH_ASSOC);
    } catch (Exception $e) {
        // Log error but continue with existing tags
        error_log('Error refreshing article tags: ' . $e->getMessage());
    }
}

// Update debug log with more information
$debugLog[] = "Debug: Database connection: " . ($db ? "Available" : "NOT available");
$debugLog[] = "Debug: ArticleTags count: " . count($articleTags);

// Add function call trace for debugging
$debugLog[] = "Debug: Execution trace:";
$debugLog[] = "- Before increment_article_views";
$debugLog[] = "- After increment_article_views";
$debugLog[] = "- Database connection check: " . ($db ? "SUCCESS" : "FAILED");
$debugLog[] = "- Article tags loaded: " . (isset($articleTags) ? "YES" : "NO");
$debugLog[] = "- About to call update_tags";
$debugLog[] = "- update_tags result: " . ($tagsUpdated ? "SUCCESS" : "FAILED");

// Add database connection details
$debugLog[] = "Debug: Database connection details:";
if ($db) {
    $debugLog[] = "- Connection type: " . get_class($db);
    $debugLog[] = "- Connection hash: " . spl_object_hash($db);
}

// Add more detailed database info
if ($db) {
    try {
        $debugLog[] = "Debug: Database info:";
        $stmt = $db->query("SELECT DATABASE() as db_name");
        $dbInfo = $stmt->fetch(PDO::FETCH_ASSOC);
        $debugLog[] = "- Current database: " . ($dbInfo['db_name'] ?? 'unknown');
        
        // Check if tags table exists and has data
        $stmt = $db->query("SELECT COUNT(*) as tag_count FROM tags");
        $tagCount = $stmt->fetch(PDO::FETCH_ASSOC);
        $debugLog[] = "- Tags in database: " . ($tagCount['tag_count'] ?? 'unknown');
    } catch (Exception $e) {
        $debugLog[] = "- Error getting DB info: " . $e->getMessage();
    }
}

// Include header
include_once FRONTEND_PATH . '/includes/header.php';

// Display debug information at the top of the page (only during development)
if (defined('DEBUG_MODE') && DEBUG_MODE === true) {
    echo '<div style="background-color: #f8f9fa; border: 1px solid #ddd; padding: 10px; margin-bottom: 20px; font-family: monospace;">';
    echo '<h4>Debug Information</h4>';
    echo '<ul>';
    foreach ($debugLog as $log) {
        echo '<li>' . htmlspecialchars($log) . '</li>';
    }
    echo '</ul>';
    
    // Direct test of update_tags function with sample data
    if ($db) {
        echo '<h4>Direct Test of update_tags Function</h4>';
        
        // Create sample data with proper string values
        $sampleArticle = [
            'id' => $article['id'],
            'title' => 'Sample Title for Testing',
            'content' => 'This is sample content for testing the update_tags function.'
        ];
        
        // Ensure all values are strings to avoid null values
        $sampleArticle['title'] = (string)$sampleArticle['title'];
        $sampleArticle['content'] = (string)$sampleArticle['content'];
        $sampleTags = [];
        
        // Try to get some real tags for testing
        try {
            $stmt = $db->query("SELECT id, name, slug FROM tags LIMIT 5");
            $testTags = $stmt->fetchAll(PDO::FETCH_ASSOC);
            
            echo '<p>Test with ' . count($testTags) . ' sample tags:</p>';
            echo '<ul>';
            foreach ($testTags as $tag) {
                echo '<li>Tag ID: ' . $tag['id'] . ', Name: ' . htmlspecialchars($tag['name']) . '</li>';
                
                // Add one of these tags to sample content to ensure a match
                if (isset($testTags[0])) {
                    $sampleArticle['content'] .= ' ' . $testTags[0]['name'];
                }
            }
            echo '</ul>';
            
            // Run the test
            echo '<p>Running test update_tags function...</p>';
            // Set global variables for the test
            global $article, $articleTags;
            $originalArticle = $article;
            $originalTags = $articleTags;
            
            // Temporarily set global variables for the test
            $article = $sampleArticle;
            $articleTags = $sampleTags;
            
            // Run the test
            $testResult = update_tags();
            
            // Restore original values
            $article = $originalArticle;
            $articleTags = $originalTags;
            
            echo '<p>Test result: ' . ($testResult ? 'SUCCESS' : 'FAILED') . '</p>';
            
        } catch (Exception $e) {
            echo '<p>Error during test: ' . htmlspecialchars($e->getMessage()) . '</p>';
        }
    }
    
    echo '</div>';
}
?>

<div class="row">
    <!-- Main Content -->
    <div class="col-lg-8">
        <article class="single-article">
            <!-- Article Header -->
            <header class="article-header">
                <h1 class="article-title">وداعاً للبشرة الجافة: اكتشفي الأسباب الخفية والحلول الفعالة لترطيب فوري</h1>
                
                <div class="article-meta-full">
                    <div class="row">
                        <div class="col-md-6">
                            <span class="mr-3"><i class="far fa-clock"></i> 30 أبريل 2025</span>
                                                        <span class="mr-3"><i class="far fa-user"></i> admin</span>
                                                                                    <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                    </div>
                        <div class="col-md-6 text-md-left">
                            <span><i class="far fa-eye"></i> 39 مشاهدة</span>
                        </div>
                    </div>
                </div>
                
                                <div class="article-featured-image">
                    <img src="/assets/img/news/9_9258.jpg" alt="وداعاً للبشرة الجافة: اكتشفي الأسباب الخفية والحلول الفعالة لترطيب فوري" class="img-fluid">
                                    </div>
                            </header>
            
            <!-- Article Content -->
            <div class="article-content">
                قد تستيقظين يوماً ما لتجدي أن بشرتك فقدت إشراقتها المعتادة، أصبحت مشدودة، باهتة، وربما حتى متقشرة. هذا التغير المفاجئ لا يجب أن يُؤخذ باستخفاف، فهو غالباً ما يشير إلى اضطراب في توازن البشرة الطبيعي. وما يثير الدهشة أن هذا الجفاف قد يصيب حتى من يتبعن روتين عناية منتظم، ما يطرح تساؤلات عديدة حول أسبابه الخفية وطرق التعامل معه.            </div>
            
            <!-- Original Source Button -->
                        <div class="original-source-button text-center my-4">
                <button class="btn btn-lg btn-outline-primary show-original-url" 
                        data-url="aHR0cHM6Ly9zeXJpYWhvbWVuZXdzLmNvbS8lZDglYWMlZDklODElZDglYTclZDklODEtJWQ4JWE3JWQ5JTg0JWQ4JWE4JWQ4JWI0JWQ4JWIxJWQ4JWE5LSVkOCVhNyVkOSU4NCVkOSU4NSVkOSU4MSVkOCVhNyVkOCVhYyVkOCVhNi0lZDglYTclZDklODQlZDglYTMlZDglYjMlZDglYTglZDglYTclZDglYTgtJWQ4JWE3JWQ5JTg0JWQ4JWFlJWQ5JTgxJWQ5JThhJWQ4JWE5LSVkOSU4OCVkOCViNy8=">
                    <i class="fas fa-external-link-alt"></i> عرض المصدر الأصلي
                </button>
            </div>
                        
            <!-- Article Tags -->
                        <div class="article-tags">
                                <a href="/tag/الأدوية" class="tag-badge">
                    <i class="fas fa-tag"></i> الأدوية                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الاستحمام" class="tag-badge">
                    <i class="fas fa-tag"></i> الاستحمام                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/البشرة" class="tag-badge">
                    <i class="fas fa-tag"></i> البشرة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الترطيب" class="tag-badge">
                    <i class="fas fa-tag"></i> الترطيب                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/التوتر" class="tag-badge">
                    <i class="fas fa-tag"></i> التوتر                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الجفاف" class="tag-badge">
                    <i class="fas fa-tag"></i> الجفاف                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الرياح" class="tag-badge">
                    <i class="fas fa-tag"></i> الرياح                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الطقس" class="tag-badge">
                    <i class="fas fa-tag"></i> الطقس                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/العطور" class="tag-badge">
                    <i class="fas fa-tag"></i> العطور                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/العناية-بالبشرة" class="tag-badge">
                    <i class="fas fa-tag"></i> العناية بالبشرة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الغدة-الدرقية" class="tag-badge">
                    <i class="fas fa-tag"></i> الغدة الدرقية                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الكحول" class="tag-badge">
                    <i class="fas fa-tag"></i> الكحول                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الماء" class="tag-badge">
                    <i class="fas fa-tag"></i> الماء                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الماء-الساخن" class="tag-badge">
                    <i class="fas fa-tag"></i> الماء الساخن                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/المواد-الكيميائية" class="tag-badge">
                    <i class="fas fa-tag"></i> المواد الكيميائية                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/اليوم" class="tag-badge">
                    <i class="fas fa-tag"></i> اليوم                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/انخفاض" class="tag-badge">
                    <i class="fas fa-tag"></i> انخفاض                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/بشرة" class="tag-badge">
                    <i class="fas fa-tag"></i> بشرة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/بيئة" class="tag-badge">
                    <i class="fas fa-tag"></i> بيئة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/ترطيب-البشرة" class="tag-badge">
                    <i class="fas fa-tag"></i> ترطيب البشرة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/تنظيف" class="tag-badge">
                    <i class="fas fa-tag"></i> تنظيف                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/جفاف" class="tag-badge">
                    <i class="fas fa-tag"></i> جفاف                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/جفاف-البشرة" class="tag-badge">
                    <i class="fas fa-tag"></i> جفاف البشرة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/جمال-وموضة" class="tag-badge">
                    <i class="fas fa-tag"></i> جمال وموضة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/حمض-الهيالورونيك" class="tag-badge">
                    <i class="fas fa-tag"></i> حمض الهيالورونيك                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/دراسة" class="tag-badge">
                    <i class="fas fa-tag"></i> دراسة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/شرب-الماء" class="tag-badge">
                    <i class="fas fa-tag"></i> شرب الماء                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/صحة" class="tag-badge">
                    <i class="fas fa-tag"></i> صحة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/صحة-الجلد" class="tag-badge">
                    <i class="fas fa-tag"></i> صحة الجلد                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/صحية" class="tag-badge">
                    <i class="fas fa-tag"></i> صحية                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/عرضة" class="tag-badge">
                    <i class="fas fa-tag"></i> عرضة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/فقدان" class="tag-badge">
                    <i class="fas fa-tag"></i> فقدان                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/قدرة" class="tag-badge">
                    <i class="fas fa-tag"></i> قدرة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/قصور-الغدة-الدرقية" class="tag-badge">
                    <i class="fas fa-tag"></i> قصور الغدة الدرقية                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/مباشر" class="tag-badge">
                    <i class="fas fa-tag"></i> مباشر                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/مضادات-الهيستامين" class="tag-badge">
                    <i class="fas fa-tag"></i> مضادات الهيستامين                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/منتجات" class="tag-badge">
                    <i class="fas fa-tag"></i> منتجات                    <span class="tag-count"></span>
                </a>
                            </div>
                        
            <!-- Article Share -->
            <div class="article-share">
                <div class="row">
                    <div class="col-md-6">
                        <h5>مشاركة المقال:</h5>
                    </div>
                    <div class="col-md-6 text-md-left">
                        <a href="#" class="btn btn-primary share-facebook" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>334</b><br />
">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="#" class="btn btn-info share-twitter" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>337</b><br />
" data-text="وداعاً للبشرة الجافة: اكتشفي الأسباب الخفية والحلول الفعالة لترطيب فوري">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a href="#" class="btn btn-success share-whatsapp" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>340</b><br />
" data-text="وداعاً للبشرة الجافة: اكتشفي الأسباب الخفية والحلول الفعالة لترطيب فوري">
                            <i class="fab fa-whatsapp"></i>
                        </a>
                        <a href="#" class="btn btn-info share-telegram" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>343</b><br />
" data-text="وداعاً للبشرة الجافة: اكتشفي الأسباب الخفية والحلول الفعالة لترطيب فوري">
                            <i class="fab fa-telegram-plane"></i>
                        </a>
                        <a href="#" class="btn btn-secondary share-link" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>346</b><br />
" data-toggle="tooltip" title="نسخ الرابط">
                            <i class="fas fa-link"></i>
                        </a>
                    </div>
                </div>
            </div>
            
            <!-- Related Articles -->
                        <div class="related-articles mt-5 p-4 bg-light rounded">
                <h3 class="mb-4 pb-2 border-bottom">مقالات ذات صلة</h3>
                
                <div class="row">
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/بمبادرة-سعودية-علاج-نوعي-لأكثر-من-50-حاجا-سوريا-من-مرض-الساد-في-مكة">
                                <img src="/assets/img/news/1_23058.jpg" class="card-img-top" alt="بمبادرة سعودية: علاج نوعي لأكثر من 50 حاجاً سورياً من مرض الساد في مكة">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/بمبادرة-سعودية-علاج-نوعي-لأكثر-من-50-حاجا-سوريا-من-مرض-الساد-في-مكة" class="text-dark">
                                        بمبادرة سعودية: علاج نوعي لأكثر من 50 حاجاً سورياً من مرض الساد في مكة                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 10 دقائق</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/1" class="text-dark">sana.sy</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/اليوم-العالمي-للمتبرعين-بالدم-2025-تبرعك-حياة-حملة-عالمية-لتشجيع-التبرع-بالدم-وإنقاذ-الأرواح" class="text-dark">
                                        اليوم العالمي للمتبرعين بالدم 2025: تبرعك حياة.. حملة عالمية لتشجيع التبرع بالدم وإنقاذ الأرواح                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 1 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/فيروس-بورنا-القاتل-يثير-الرعب-في-ألمانيا-وفاة-وتحذيرات-لم-رب-ي-القطط">
                                <img src="/assets/img/news/2_22995.jpg" class="card-img-top" alt="فيروس بورنا القاتل يثير الرعب في ألمانيا: وفاة وتحذيرات لمُربّي القطط!">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/فيروس-بورنا-القاتل-يثير-الرعب-في-ألمانيا-وفاة-وتحذيرات-لم-رب-ي-القطط" class="text-dark">
                                        فيروس بورنا القاتل يثير الرعب في ألمانيا: وفاة وتحذيرات لمُربّي القطط!                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 11 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/2" class="text-dark">aksalser.com</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/إنجاز-طبي-نوعي-في-حمص-تركيب-جهاز-تنظيم-ضربات-القلب-لمريضتين-في-مشفى-ابن-الوليد-مجانا">
                                <img src="/assets/img/news/1_22909.png" class="card-img-top" alt="إنجاز طبي نوعي في حمص: تركيب جهاز تنظيم ضربات القلب لمريضتين في مشفى ابن الوليد مجاناً">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/إنجاز-طبي-نوعي-في-حمص-تركيب-جهاز-تنظيم-ضربات-القلب-لمريضتين-في-مشفى-ابن-الوليد-مجانا" class="text-dark">
                                        إنجاز طبي نوعي في حمص: تركيب جهاز تنظيم ضربات القلب لمريضتين في مشفى ابن الوليد مجاناً                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 17 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/1" class="text-dark">sana.sy</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/يخنة-الخضار-الشهية-مع-الأرز-وصفة-غداء-عائلية-سهلة-وسريعة">
                                <img src="/assets/img/news/9_22887.jpeg" class="card-img-top" alt="يخنة الخضار الشهية مع الأرز: وصفة غداء عائلية سهلة وسريعة">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/يخنة-الخضار-الشهية-مع-الأرز-وصفة-غداء-عائلية-سهلة-وسريعة" class="text-dark">
                                        يخنة الخضار الشهية مع الأرز: وصفة غداء عائلية سهلة وسريعة                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 19 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/المغنيسيوم-فوائد-مذهلة-وأعراض-نقصه-وكيفية-تعويضه">
                                <img src="/assets/img/news/9_22840.webp" class="card-img-top" alt="المغنيسيوم: فوائد مذهلة وأعراض نقصه وكيفية تعويضه">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/المغنيسيوم-فوائد-مذهلة-وأعراض-نقصه-وكيفية-تعويضه" class="text-dark">
                                        المغنيسيوم: فوائد مذهلة وأعراض نقصه وكيفية تعويضه                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 23 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/صحة-طرطوس-تشدد-على-رفع-مستوى-الخدمات-خطة-لتحسين-الأداء-وتوحيد-الهوية-البصرية-للمشافي">
                                <img src="/assets/img/news/9_22832.jpeg" class="card-img-top" alt="صحة طرطوس تشدد على رفع مستوى الخدمات: خطة لتحسين الأداء وتوحيد الهوية البصرية للمشافي">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/صحة-طرطوس-تشدد-على-رفع-مستوى-الخدمات-خطة-لتحسين-الأداء-وتوحيد-الهوية-البصرية-للمشافي" class="text-dark">
                                        صحة طرطوس تشدد على رفع مستوى الخدمات: خطة لتحسين الأداء وتوحيد الهوية البصرية للمشافي                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 1 يوم</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/تقنية-smp-حل-مبتكر-وغير-جراحي-لإخفاء-فراغات-الشعر-واستعادة-الثقة-بالنفس">
                                <img src="/assets/img/news/9_22805.jpg" class="card-img-top" alt="تقنية SMP: حل مبتكر وغير جراحي لإخفاء فراغات الشعر واستعادة الثقة بالنفس">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/تقنية-smp-حل-مبتكر-وغير-جراحي-لإخفاء-فراغات-الشعر-واستعادة-الثقة-بالنفس" class="text-dark">
                                        تقنية SMP: حل مبتكر وغير جراحي لإخفاء فراغات الشعر واستعادة الثقة بالنفس                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 1 يوم</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
                    </article>
    </div>
    
    <!-- Sidebar -->
    <div class="col-lg-4">
        
<!-- Sidebar -->
<div class="sidebar">
    <!-- Search Widget -->
    <div class="card mb-4">
        <div class="card-header">بحث</div>
        <div class="card-body">
            <form action="/search" method="get">
                <div class="input-group">
                    <input type="text" class="form-control" name="q" placeholder="ابحث عن..." value="">
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="submit"><i class="fas fa-search"></i></button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Popular Articles Widget -->
    <div class="card mb-4">
        <div class="card-header">الأكثر قراءة</div>
        <div class="card-body">
            <ul class="list-unstyled mb-0">
                                <li class="media mb-3">
                                        <img src="../assets/img/news/18_21669.jpg" class="mr-3" alt="بوليفارد النصر في حمص: مشروع عقاري كويتي يثير انقساماً بين مؤيدين ومعارضين" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/بوليفارد-النصر-في-حمص-مشروع-عقاري-كويتي-يثير-انقساما-بين-مؤيدين-ومعارضين" class="text-dark">
                                بوليفارد النصر في حمص: مشروع عقاري كويتي يثير انقساماً بين مؤيدين ومعارضين                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 5 أيام                        </small>
                    </div>
                </li>
                                <li class="media mb-3">
                                        <img src="../assets/img/news/7_21693.webp" class="mr-3" alt="غضب في سوريا: فيديو يوثق تعذيب طفل يتيم في حماة يثير موجة من المطالبات بالتحقيق" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/غضب-في-سوريا-فيديو-يوثق-تعذيب-طفل-يتيم-في-حماة-يثير-موجة-من-المطالبات-بالتحقيق" class="text-dark">
                                غضب في سوريا: فيديو يوثق تعذيب طفل يتيم في حماة يثير موجة من المطالبات بالتحقيق                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 5 أيام                        </small>
                    </div>
                </li>
                                <li class="media mb-3">
                                        <img src="../assets/img/news/9_21907.jpg" class="mr-3" alt="الزعفران والكركم: أسرار الشرق لبشرة متألقة وصحية" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/الزعفران-والكركم-أسرار-الشرق-لبشرة-متألقة-وصحية" class="text-dark">
                                الزعفران والكركم: أسرار الشرق لبشرة متألقة وصحية                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 4 أيام                        </small>
                    </div>
                </li>
                                <li class="media mb-3">
                                        <img src="../assets/img/news/6_21990.jpg" class="mr-3" alt="مواجهة حاسمة: المنتخب السوري يتحدى أفغانستان في تصفيات كأس آسيا 2027" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/مواجهة-حاسمة-المنتخب-السوري-يتحدى-أفغانستان-في-تصفيات-كأس-آسيا-2027-6847fa26351a8" class="text-dark">
                                مواجهة حاسمة: المنتخب السوري يتحدى أفغانستان في تصفيات كأس آسيا 2027                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 3 أيام                        </small>
                    </div>
                </li>
                                <li class="media mb-3">
                                        <img src="../assets/img/news/7_21724.webp" class="mr-3" alt="&quot;بوليفارد النصر&quot; في حمص: مشروع إعمار يثير مخاوف من التهجير وتغيير الهوية العمرانية" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/بوليفارد-النصر-في-حمص-مشروع-إعمار-يثير-مخاوف-من-التهجير-وتغيير-الهوية-العمرانية" class="text-dark">
                                &quot;بوليفارد النصر&quot; في حمص: مشروع إعمار يثير مخاوف من التهجير وتغيير الهوية العمرانية                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 4 أيام                        </small>
                    </div>
                </li>
                            </ul>
        </div>
    </div>

    <!-- Categories Widget -->
    <div class="card mb-4">
        <div class="card-header">الأقسام</div>
        <div class="card-body">
            <div class="row">
                                
                <div class="col-lg-6">
                    <ul class="list-unstyled mb-0">
                                                <li><a href="/category/اقتصاد-وأعمال">اقتصاد وأعمال</a></li>
                                                <li><a href="/category/رياضة">رياضة</a></li>
                                                <li><a href="/category/سوريا-محلي">سوريا محلي</a></li>
                                                <li><a href="/category/سياسة-دولي">سياسة دولي</a></li>
                                                <li><a href="/category/سياسة-سوريا">سياسة سوريا</a></li>
                                            </ul>
                </div>
                
                <div class="col-lg-6">
                    <ul class="list-unstyled mb-0">
                                                <li><a href="/category/صحة-وجمال">صحة وجمال</a></li>
                                                <li><a href="/category/علوم-وتكنلوجيا">علوم وتكنلوجيا</a></li>
                                                <li><a href="/category/فن-وثقافة">فن وثقافة</a></li>
                                                <li><a href="/category/منوعات">منوعات</a></li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Enhanced Tags Widget -->
    <div class="card mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            <span>الوسوم</span>
            <a href="/tags-mind-map" class="btn btn-sm btn-outline-primary">خريطة الوسوم</a>
        </div>
        <div class="card-body">
            <div class="tag-cloud">
                                <a href="/tag/سوريا" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سوريا                    <span class="tag-count">11456</span>
                </a>
                                <a href="/tag/السورية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السورية                    <span class="tag-count">7870</span>
                </a>
                                <a href="/tag/السوري" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السوري                    <span class="tag-count">7261</span>
                </a>
                                <a href="/tag/دمشق" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> دمشق                    <span class="tag-count">6424</span>
                </a>
                                <a href="/tag/اليوم" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> اليوم                    <span class="tag-count">5472</span>
                </a>
                                <a href="/tag/وزير" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> وزير                    <span class="tag-count">4456</span>
                </a>
                                <a href="/tag/وزارة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> وزارة                    <span class="tag-count">4415</span>
                </a>
                                <a href="/tag/محمد" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> محمد                    <span class="tag-count">3916</span>
                </a>
                                <a href="/tag/سانا" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سانا                    <span class="tag-count">3907</span>
                </a>
                                <a href="/tag/الرئيس" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الرئيس                    <span class="tag-count">3792</span>
                </a>
                                <a href="/tag/كان" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> كان                    <span class="tag-count">3549</span>
                </a>
                                <a href="/tag/العمل" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العمل                    <span class="tag-count">3494</span>
                </a>
                                <a href="/tag/المتحدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> المتحدة                    <span class="tag-count">3338</span>
                </a>
                                <a href="/tag/النظام" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> النظام                    <span class="tag-count">3242</span>
                </a>
                                <a href="/tag/الحكومة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الحكومة                    <span class="tag-count">3227</span>
                </a>
                                <a href="/tag/الماضي" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الماضي                    <span class="tag-count">3153</span>
                </a>
                                <a href="/tag/الأمن" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الأمن                    <span class="tag-count">2868</span>
                </a>
                                <a href="/tag/الخارجية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الخارجية                    <span class="tag-count">2804</span>
                </a>
                                <a href="/tag/التعاون" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> التعاون                    <span class="tag-count">2730</span>
                </a>
                                <a href="/tag/آخر-الأخبار" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> آخر الأخبار                    <span class="tag-count">2671</span>
                </a>
                                <a href="/tag/السوريين" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السوريين                    <span class="tag-count">2624</span>
                </a>
                                <a href="/tag/الجديدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الجديدة                    <span class="tag-count">2475</span>
                </a>
                                <a href="/tag/سورية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سورية                    <span class="tag-count">2362</span>
                </a>
                                <a href="/tag/عملية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> عملية                    <span class="tag-count">2314</span>
                </a>
                                <a href="/tag/العقوبات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العقوبات                    <span class="tag-count">2258</span>
                </a>
                                <a href="/tag/بناء" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> بناء                    <span class="tag-count">2227</span>
                </a>
                                <a href="/tag/الدولية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدولية                    <span class="tag-count">2198</span>
                </a>
                                <a href="/tag/العربية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العربية                    <span class="tag-count">2142</span>
                </a>
                                <a href="/tag/الدولة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدولة                    <span class="tag-count">2095</span>
                </a>
                                <a href="/tag/مدير" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> مدير                    <span class="tag-count">2091</span>
                </a>
                                <a href="/tag/إدارة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> إدارة                    <span class="tag-count">2084</span>
                </a>
                                <a href="/tag/بيان" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> بيان                    <span class="tag-count">2012</span>
                </a>
                                <a href="/tag/محافظة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> محافظة                    <span class="tag-count">1949</span>
                </a>
                                <a href="/tag/تحقيق" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> تحقيق                    <span class="tag-count">1930</span>
                </a>
                                <a href="/tag/سنوات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سنوات                    <span class="tag-count">1900</span>
                </a>
                                <a href="/tag/الولايات-المتحدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الولايات المتحدة                    <span class="tag-count">1893</span>
                </a>
                                <a href="/tag/العلاقات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العلاقات                    <span class="tag-count">1889</span>
                </a>
                                <a href="/tag/الشرع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الشرع                    <span class="tag-count">1886</span>
                </a>
                                <a href="/tag/جهود" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> جهود                    <span class="tag-count">1881</span>
                </a>
                                <a href="/tag/الاقتصادية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الاقتصادية                    <span class="tag-count">1875</span>
                </a>
                                <a href="/tag/إسرائيل" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> إسرائيل                    <span class="tag-count">1864</span>
                </a>
                                <a href="/tag/الدفاع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدفاع                    <span class="tag-count">1856</span>
                </a>
                                <a href="/tag/تصريح" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> تصريح                    <span class="tag-count">1849</span>
                </a>
                                <a href="/tag/الأسد" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الأسد                    <span class="tag-count">1843</span>
                </a>
                                <a href="/tag/الحرب" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الحرب                    <span class="tag-count">1833</span>
                </a>
                                <a href="/tag/أحمد-الشرع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> أحمد الشرع                    <span class="tag-count">1823</span>
                </a>
                                <a href="/tag/المجتمع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> المجتمع                    <span class="tag-count">1806</span>
                </a>
                            </div>
        </div>
    </div>

    <!-- Newsletter Widget -->
    <div class="card mb-4">
        <div class="card-header">النشرة البريدية</div>
        <div class="card-body">
            <p>اشترك في نشرتنا البريدية للحصول على آخر الأخبار والتحديثات.</p>
            <form action="/subscribe" method="post">
                <div class="form-group">
                    <input type="email" class="form-control" name="email" placeholder="البريد الإلكتروني" required>
                </div>
                <button type="submit" class="btn btn-primary btn-block">اشتراك</button>
            </form>
        </div>
    </div>

    <!-- Ad Widget 
    <div class="card mb-4">
        <div class="card-body p-0">
            <img src="/frontend/assets/img/ad-300x250.jpg" alt="Advertisement" class="img-fluid">
        </div>
    </div>
    -->
</div>
    </div>
</div>

</div><!-- /.container -->
    </main><!-- /.site-main -->

    <!-- Footer -->
    <footer class="site-footer bg-dark text-white pt-5 pb-3">
        <div class="container">
            <div class="row">
                <!-- About Us -->
                <div class="col-lg-4 mb-4">
                    <h5 class="text-uppercase mb-4">عن "Yalla News Syria"</h5>
                    <p>موقع يلا نيوز سوريا هو موقع إخباري يقدم أحدث الأخبار السورية والعالمية، ويغطي مختلف المجالات السياسية والاقتصادية والرياضية والفنية والتكنولوجية.</p>
                    <div class="social-icons mt-3">
                        <a href="https://www.facebook.com/profile.php?id=61574940584281" class="text-white mr-3"><i class="fab fa-facebook-f"></i></a>
                        <a href="https://x.com/YallaNewsSyria" class="text-white mr-3" style="font-weight: bold;">X</a>
                        <a href="#" class="text-white mr-3"><i class="fab fa-youtube"></i></a>
                        <a href="https://www.instagram.com/yallasyrianews" class="text-white"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
                
                <!-- Quick Links -->
                <div class="col-lg-4 mb-4">
                    <h5 class="text-uppercase mb-4">روابط سريعة</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="/" class="text-white"><i class="fas fa-angle-left ml-2"></i>الرئيسية</a></li>
                        <li class="mb-2"><a href="/page/about-us" class="text-white"><i class="fas fa-angle-left ml-2"></i>من نحن</a></li>
                        <li class="mb-2"><a href="/page/contact-us" class="text-white"><i class="fas fa-angle-left ml-2"></i>اتصل بنا</a></li>
                        <li class="mb-2"><a href="/page/privacy-policy" class="text-white"><i class="fas fa-angle-left ml-2"></i>سياسة الخصوصية</a></li>
                        <li class="mb-2"><a href="/page/terms-and-conditions" class="text-white"><i class="fas fa-angle-left ml-2"></i>شروط الاستخدام</a></li>
                    </ul>
                </div>
                
                <!-- Categories -->
                <div class="col-lg-4 mb-4">
                    <h5 class="text-uppercase mb-4">الأقسام</h5>
                    <ul class="list-unstyled">
                                                <li class="mb-2"><a href="/category/اقتصاد-وأعمال" class="text-white"><i class="fas fa-angle-left ml-2"></i>اقتصاد وأعمال</a></li>
                                                <li class="mb-2"><a href="/category/رياضة" class="text-white"><i class="fas fa-angle-left ml-2"></i>رياضة</a></li>
                                                <li class="mb-2"><a href="/category/سوريا-محلي" class="text-white"><i class="fas fa-angle-left ml-2"></i>سوريا محلي</a></li>
                                                <li class="mb-2"><a href="/category/سياسة-دولي" class="text-white"><i class="fas fa-angle-left ml-2"></i>سياسة دولي</a></li>
                                                <li class="mb-2"><a href="/category/سياسة-سوريا" class="text-white"><i class="fas fa-angle-left ml-2"></i>سياسة سوريا</a></li>
                                                <li class="mb-2"><a href="/category/صحة-وجمال" class="text-white"><i class="fas fa-angle-left ml-2"></i>صحة وجمال</a></li>
                                            </ul>
                </div>
            </div>
            
            <hr class="bg-secondary">
            
            <!-- Copyright -->
            <div class="row">
                <div class="col-md-6">
                    <p class="mb-0">&copy; 2025 "Yalla News Syria". جميع الحقوق محفوظة.</p>
                </div>
                <div class="col-md-6 text-md-left">
                    <p class="mb-0">تصميم وتطوير <a href="#" class="text-white">فريق يلا نيوز</a></p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Back to top button -->
    <a href="#" class="back-to-top" id="backToTop"><i class="fas fa-arrow-up"></i></a>

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    
    <!-- Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
    
    <!-- Slick Slider JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
    
    <!-- Custom JavaScript -->
    <script src="/frontend/assets/js/main.js"></script>
    
    <script>
        // Update current time
        function updateTime() {
            const now = new Date();
            let hours = now.getHours();
            const minutes = now.getMinutes().toString().padStart(2, '0');
            const ampm = hours >= 12 ? 'م' : 'ص';
            hours = hours % 12;
            hours = hours ? hours : 12; // the hour '0' should be '12'
            document.getElementById('current-time').textContent = hours + ':' + minutes + ' ' + ampm;
        }
        
        // Update time every minute
        setInterval(updateTime, 60000);
        
        // Back to top button
        $(window).scroll(function() {
            if ($(this).scrollTop() > 300) {
                $('#backToTop').fadeIn();
            } else {
                $('#backToTop').fadeOut();
            }
        });
        
        $('#backToTop').click(function(e) {
            e.preventDefault();
            $('html, body').animate({scrollTop: 0}, 800);
            return false;
        });
        
        // Show original URL button
        $(document).on('click', '.show-original-url', function(e) {
            e.preventDefault();
            
            // Get the encoded URL from data attribute
            const encodedUrl = $(this).data('url');
            
            // Decode the URL from base64
            const originalUrl = atob(encodedUrl);
            
            // Create a temporary modal to show the URL
            const modalHtml = `
                <div class="modal fade" id="originalUrlModal" tabindex="-1" role="dialog" aria-labelledby="originalUrlModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="originalUrlModalLabel">المصدر الأصلي</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>هل تريد الانتقال إلى المصدر الأصلي للمقال؟</p>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="originalUrlInput" value="${originalUrl}" readonly>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">إلغاء</button>
                                <a href="${originalUrl}" target="_blank" class="btn btn-primary">فتح الرابط</a>
                                <button type="button" class="btn btn-info copy-url">نسخ الرابط</button>
                            </div>
                        </div>
                    </div>
                </div>
            `;
            
            // Append modal to body
            $('body').append(modalHtml);
            
            // Show the modal
            $('#originalUrlModal').modal('show');
            
            // Handle copy button
            $('.copy-url').click(function() {
                const urlInput = document.getElementById('originalUrlInput');
                urlInput.select();
                document.execCommand('copy');
                
                // Show copied message
                $(this).text('تم النسخ!');
                setTimeout(() => {
                    $(this).text('نسخ الرابط');
                }, 2000);
            });
            
            // Remove modal from DOM when hidden
            $('#originalUrlModal').on('hidden.bs.modal', function() {
                $(this).remove();
            });
        });
    </script>
    
    </body>
</html>
<br />
<b>Warning</b>:  Undefined variable $tagsUpdated in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>419</b><br />