// 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">معبر نصيب يستعد لاستقبال 50 ألف مسافر يومياً بتوسعة جديدة</h1>
                
                <div class="article-meta-full">
                    <div class="row">
                        <div class="col-md-6">
                            <span class="mr-3"><i class="far fa-clock"></i> 10 يونيو 2025</span>
                                                        <span class="mr-3"><i class="far fa-user"></i> وكالة السوري الإخبارية</span>
                                                                                    <span><i class="far fa-newspaper"></i> <a href="/source/7" class="text-dark">Alsoury Net</a></span>
                                                    </div>
                        <div class="col-md-6 text-md-left">
                            <span><i class="far fa-eye"></i> 27 مشاهدة</span>
                        </div>
                    </div>
                </div>
                
                                <div class="article-featured-image">
                    <img src="/assets/img/news/7_21938.webp" alt="معبر نصيب يستعد لاستقبال 50 ألف مسافر يومياً بتوسعة جديدة" class="img-fluid">
                                    </div>
                            </header>
            
            <!-- Article Content -->
            <div class="article-content">
                <p>في خطوة تهدف إلى تعزيز حركة العبور وتسهيل التنقل، يستعد معبر نصيب الحدودي لافتتاح صالة جديدة ترفع طاقته الاستيعابية إلى 50 ألف مسافر يومياً. وأعلن مدير المعبر، خالد محمد البراد، يوم الثلاثاء 10 حزيران/يونيو 2025، عن قرب افتتاح الصالة المخصصة لاستقبال القادمين والمغادرين.</p>
<p>وأوضح البراد في منشور على منصة «X» أن الصالة الجديدة ستقدم خدمات متكاملة وتعتمد إجراءات سريعة لضمان تجربة عبور سلسة ومريحة للمسافرين. وأشار إلى أن التصميم الجديد للصالة يهدف إلى عكس حفاوة الاستقبال لكل من يعود إلى سوريا أو يعبر من خلالها.</p>
<p>واختتم مدير المعبر تصريحه بالتأكيد على أن هذه التوسعة تمثل "إعادة تعريف لمفهوم الحدود"، بحيث تتحول إلى مكان يرحب بالمسافرين بدلاً من أن تكون عبئاً عليهم، مؤكداً أن الرؤية الجديدة تركز على تنظيم حركة العبور وتيسير التنقل بين الدول.</p>            </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="aHR0cHM6Ly9hbHNvdXJ5Lm5ldC9hci9wb3N0LzIyNjQ0LyVEOCVBQSVEOSU4OCVEOCVCMyVEOCVCOSVEOCVBOS0lRDglQUMlRDglQUYlRDklOEElRDglQUYlRDglQTktJUQ5JTgxJUQ5JThBLSVEOSU4NSVEOCVCOSVEOCVBOCVEOCVCMS0lRDklODYlRDglQjUlRDklOEElRDglQTgtJUQ5JTg0JUQ4JUIxJUQ5JTgxJUQ4JUI5LSVEOCVBNyVEOSU4NCVEOSU4MiVEOCVBRiVEOCVCMSVEOCVBOS0lRDglQTUlRDklODQlRDklODktNTAtJUQ4JUEzJUQ5JTg0JUQ5JTgxLSVEOSU4NSVEOCVCMyVEOCVBNyVEOSU4MSVEOCVCMS0lRDklOEElRDklODglRDklODUlRDklOEElRDglQTc=">
                    <i class="fas fa-external-link-alt"></i> عرض المصدر الأصلي
                </button>
            </div>
                        
            <!-- Article Tags -->
                        <div class="article-tags">
                                <a href="/tag/2025" class="tag-badge">
                    <i class="fas fa-tag"></i> 2025                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/x" class="tag-badge">
                    <i class="fas fa-tag"></i> X                    <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="معبر نصيب يستعد لاستقبال 50 ألف مسافر يومياً بتوسعة جديدة">
                            <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="معبر نصيب يستعد لاستقبال 50 ألف مسافر يومياً بتوسعة جديدة">
                            <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="معبر نصيب يستعد لاستقبال 50 ألف مسافر يومياً بتوسعة جديدة">
                            <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/منصة-رقمية-سورية-جديدة-تجمع-الكفاءات-بالداخل-والخارج-لدعم-التنمية">
                                <img src="/assets/img/news/7_23041.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> منذ 1 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/7" class="text-dark">Alsoury Net</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/6_22994.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> منذ 8 ساعات</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/6" class="text-dark">Syria 24</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/14_22986.jpg" class="card-img-top" alt="صدمة في حماة: اغتيال الشيخ &quot;أبو البراء&quot; إمام جامع الصالحين بعد صلاة الجمعة">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/صدمة-في-حماة-اغتيال-الشيخ-أبو-البراء-إمام-جامع-الصالحين-بعد-صلاة-الجمعة" class="text-dark">
                                        صدمة في حماة: اغتيال الشيخ &quot;أبو البراء&quot; إمام جامع الصالحين بعد صلاة الجمعة                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 8 ساعات</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/14" class="text-dark">zamanalwsl</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/6_22980.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> منذ 8 ساعات</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/6" class="text-dark">Syria 24</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/6_22978.jpg" class="card-img-top" alt="تحسن ملحوظ في نظافة اللاذقية رغم نقص العمال والآليات: مدير &quot;إكلين&quot; يكشف التفاصيل">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/تحسن-ملحوظ-في-نظافة-اللاذقية-رغم-نقص-العمال-والآليات-مدير-إكلين-يكشف-التفاصيل" class="text-dark">
                                        تحسن ملحوظ في نظافة اللاذقية رغم نقص العمال والآليات: مدير &quot;إكلين&quot; يكشف التفاصيل                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 8 ساعات</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/6" class="text-dark">Syria 24</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/الدفاع-المدني-يستنفر-لحماية-محاصيل-الرقة-والحسكة-من-الحرائق-684c5dfbc4428">
                                <img src="/assets/img/news/9_22961.png" class="card-img-top" alt="الدفاع المدني يستنفر لحماية محاصيل الرقة والحسكة من الحرائق">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/الدفاع-المدني-يستنفر-لحماية-محاصيل-الرقة-والحسكة-من-الحرائق-684c5dfbc4428" 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> منذ 9 ساعات</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/6_22951.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> منذ 10 ساعات</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/6" class="text-dark">Syria 24</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_22950.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> منذ 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>
            </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">11455</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">2669</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">1892</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">1856</span>
                </a>
                                <a href="/tag/إسرائيل" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> إسرائيل                    <span class="tag-count">1853</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 />