// 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">محمد خير الجراح يفاجئ جمهوره بأغنية عاطفية &quot;طلباتك أوامر&quot; ويستعد لإطلاق 10 أغنيات جديدة</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> nour-yousef</span>
                                                                                    <span><i class="far fa-newspaper"></i> <a href="/source/19" class="text-dark">alwatanonline</a></span>
                                                    </div>
                        <div class="col-md-6 text-md-left">
                            <span><i class="far fa-eye"></i> 26 مشاهدة</span>
                        </div>
                    </div>
                </div>
                
                                <div class="article-featured-image">
                    <img src="/assets/img/news/19_22100.jpg" alt="محمد خير الجراح يفاجئ جمهوره بأغنية عاطفية &quot;طلباتك أوامر&quot; ويستعد لإطلاق 10 أغنيات جديدة" class="img-fluid">
                                    </div>
                            </header>
            
            <!-- Article Content -->
            <div class="article-content">
                <p>فاجأ الفنان السوري محمد خير الجراح جمهوره بإطلاق أغنيته العاطفية الأولى بعنوان "طلباتك أوامر"، وذلك بعد مسيرة فنية طويلة اشتهر خلالها بالأعمال الكوميدية الساخرة والناقدة.</p>
<p>الأغنية من كلمات مضر شغالة، وألحان خالد حيدر، وتوزيع لويد النجار، وتم تسجيلها في أحد استديوهات دمشق. وقد تم طرح الأغنية على شكل "ليركس فيديو" يوثق محطات رحلة الجراح وزوجته منذ بداية علاقتهما.</p>
<p>إلى جانب ذلك، يستعد الجراح لإطلاق عشر أغنيات منفردة، تماشياً مع توجهات السوق الحالية التي تعتمد على طرح الأغاني "السنغل" عبر المنصات الرقمية. وستتنوع هذه الأغنيات بين الطابع النقدي الساخر والكوميدي.</p>
<p>يذكر أن الجراح شارك في الموسم الرمضاني الماضي في خمسة مسلسلات درامية هي: "ما اختلفنا2، بدم بارد، ليالي روكسي، قطع وريد، الباء تحته نقطة".</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="aHR0cHM6Ly93d3cuYWx3YXRhbm9ubGluZS5jb20vJWQ5JTg1JWQ4JWFkJWQ5JTg1JWQ4JWFmLSVkOCVhZSVkOSU4YSVkOCViMS0lZDglYTclZDklODQlZDglYWMlZDglYjElZDglYTclZDglYWQtJWQ5JThhJWQ4JWI3JWQ5JTg0JWQ5JTgyLSVkOCViNyVkOSU4NCVkOCVhOCVkOCVhNyVkOCVhYSVkOSU4My0lZDglYTMlZDklODglZDglYTclZDklODUlZDglYjEtJWQ5JTg4JWQ5JThhJWQ4JWFkLw==">
                    <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>
                            </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="محمد خير الجراح يفاجئ جمهوره بأغنية عاطفية &quot;طلباتك أوامر&quot; ويستعد لإطلاق 10 أغنيات جديدة">
                            <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="محمد خير الجراح يفاجئ جمهوره بأغنية عاطفية &quot;طلباتك أوامر&quot; ويستعد لإطلاق 10 أغنيات جديدة">
                            <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="محمد خير الجراح يفاجئ جمهوره بأغنية عاطفية &quot;طلباتك أوامر&quot; ويستعد لإطلاق 10 أغنيات جديدة">
                            <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">
                                                        <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> منذ 21 ساعة</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/1_22782.jpg" class="card-img-top" alt="صالون دمشق السينمائي يفتتح تظاهرة &quot;السينما والسياسة&quot; بفيلم &quot;زد&quot; لكوستا غافراس">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/صالون-دمشق-السينمائي-يفتتح-تظاهرة-السينما-والسياسة-بفيلم-زد-لكوستا-غافراس" class="text-dark">
                                        صالون دمشق السينمائي يفتتح تظاهرة &quot;السينما والسياسة&quot; بفيلم &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> منذ 22 ساعة</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/نادي-دوحة-الميماس-يعيد-زمن-الطرب-الأصيل-في-أمسية-تراثية-بكاتدرائية-حمص" 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> منذ 22 ساعة</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/19_22745.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> منذ 1 يوم</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/19" class="text-dark">alwatanonline</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_22739.jpeg" class="card-img-top" alt="من &quot;باسيل&quot; إلى &quot;باسل&quot;: قصة اسم وهوية وانتماء للغة العربية">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/من-باسيل-إلى-باسل-قصة-اسم-وهوية-وانتماء-للغة-العربية" class="text-dark">
                                        من &quot;باسيل&quot; إلى &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> منذ 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/6_22701.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> منذ 1 يوم</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/9_22682.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> منذ 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/19_22675.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> منذ 1 يوم</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/19" class="text-dark">alwatanonline</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> منذ 4 أيام                        </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> منذ 3 أيام                        </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">11414</span>
                </a>
                                <a href="/tag/السورية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السورية                    <span class="tag-count">7823</span>
                </a>
                                <a href="/tag/السوري" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السوري                    <span class="tag-count">7224</span>
                </a>
                                <a href="/tag/دمشق" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> دمشق                    <span class="tag-count">6384</span>
                </a>
                                <a href="/tag/اليوم" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> اليوم                    <span class="tag-count">5387</span>
                </a>
                                <a href="/tag/وزير" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> وزير                    <span class="tag-count">4422</span>
                </a>
                                <a href="/tag/وزارة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> وزارة                    <span class="tag-count">4377</span>
                </a>
                                <a href="/tag/سانا" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سانا                    <span class="tag-count">3870</span>
                </a>
                                <a href="/tag/محمد" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> محمد                    <span class="tag-count">3863</span>
                </a>
                                <a href="/tag/الرئيس" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الرئيس                    <span class="tag-count">3758</span>
                </a>
                                <a href="/tag/كان" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> كان                    <span class="tag-count">3503</span>
                </a>
                                <a href="/tag/العمل" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العمل                    <span class="tag-count">3468</span>
                </a>
                                <a href="/tag/المتحدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> المتحدة                    <span class="tag-count">3283</span>
                </a>
                                <a href="/tag/النظام" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> النظام                    <span class="tag-count">3219</span>
                </a>
                                <a href="/tag/الحكومة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الحكومة                    <span class="tag-count">3208</span>
                </a>
                                <a href="/tag/الأمن" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الأمن                    <span class="tag-count">2838</span>
                </a>
                                <a href="/tag/الخارجية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الخارجية                    <span class="tag-count">2772</span>
                </a>
                                <a href="/tag/التعاون" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> التعاون                    <span class="tag-count">2718</span>
                </a>
                                <a href="/tag/آخر-الأخبار" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> آخر الأخبار                    <span class="tag-count">2658</span>
                </a>
                                <a href="/tag/السوريين" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السوريين                    <span class="tag-count">2610</span>
                </a>
                                <a href="/tag/الجديدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الجديدة                    <span class="tag-count">2464</span>
                </a>
                                <a href="/tag/سورية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سورية                    <span class="tag-count">2347</span>
                </a>
                                <a href="/tag/عملية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> عملية                    <span class="tag-count">2281</span>
                </a>
                                <a href="/tag/العقوبات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العقوبات                    <span class="tag-count">2253</span>
                </a>
                                <a href="/tag/بناء" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> بناء                    <span class="tag-count">2214</span>
                </a>
                                <a href="/tag/الدولية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدولية                    <span class="tag-count">2175</span>
                </a>
                                <a href="/tag/العربية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العربية                    <span class="tag-count">2126</span>
                </a>
                                <a href="/tag/مدير" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> مدير                    <span class="tag-count">2083</span>
                </a>
                                <a href="/tag/الدولة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدولة                    <span class="tag-count">2082</span>
                </a>
                                <a href="/tag/إدارة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> إدارة                    <span class="tag-count">2075</span>
                </a>
                                <a href="/tag/بيان" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> بيان                    <span class="tag-count">1971</span>
                </a>
                                <a href="/tag/محافظة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> محافظة                    <span class="tag-count">1928</span>
                </a>
                                <a href="/tag/تحقيق" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> تحقيق                    <span class="tag-count">1902</span>
                </a>
                                <a href="/tag/سنوات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سنوات                    <span class="tag-count">1883</span>
                </a>
                                <a href="/tag/العلاقات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العلاقات                    <span class="tag-count">1880</span>
                </a>
                                <a href="/tag/الشرع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الشرع                    <span class="tag-count">1877</span>
                </a>
                                <a href="/tag/جهود" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> جهود                    <span class="tag-count">1870</span>
                </a>
                                <a href="/tag/الاقتصادية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الاقتصادية                    <span class="tag-count">1865</span>
                </a>
                                <a href="/tag/الولايات-المتحدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الولايات المتحدة                    <span class="tag-count">1858</span>
                </a>
                                <a href="/tag/تصريح" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> تصريح                    <span class="tag-count">1834</span>
                </a>
                                <a href="/tag/إسرائيل" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> إسرائيل                    <span class="tag-count">1829</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">1816</span>
                </a>
                                <a href="/tag/الحرب" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الحرب                    <span class="tag-count">1814</span>
                </a>
                                <a href="/tag/الأسد" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الأسد                    <span class="tag-count">1813</span>
                </a>
                                <a href="/tag/المجتمع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> المجتمع                    <span class="tag-count">1793</span>
                </a>
                                <a href="/tag/الحكومة-السورية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الحكومة السورية                    <span class="tag-count">1733</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 />