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

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

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

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

// Set breadcrumbs
$breadcrumbs = [];

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

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

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

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

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

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

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

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

// Get database connection
global $db;

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="row">
    <!-- Main Content -->
    <div class="col-lg-8">
        <article class="single-article">
            <!-- Article Header -->
            <header class="article-header">
                <h1 class="article-title">ورق عنب حامض باللحم المفروم: وصفة شهية لتحضير أكلة عربية أصيلة</h1>
                
                <div class="article-meta-full">
                    <div class="row">
                        <div class="col-md-6">
                            <span class="mr-3"><i class="far fa-clock"></i> 26 أبريل 2025</span>
                                                        <span class="mr-3"><i class="far fa-user"></i> admin</span>
                                                                                    <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                    </div>
                        <div class="col-md-6 text-md-left">
                            <span><i class="far fa-eye"></i> 40 مشاهدة</span>
                        </div>
                    </div>
                </div>
                
                                <div class="article-featured-image">
                    <img src="/assets/img/news/9_8151.jpg" alt="ورق عنب حامض باللحم المفروم: وصفة شهية لتحضير أكلة عربية أصيلة" class="img-fluid">
                                    </div>
                            </header>
            
            <!-- Article Content -->
            <div class="article-content">
                <p>ورق عنب حامض ورق عنب حامض.. تعلمي خطوات تحضير أطيب أكلات اللحم المفروم على السفرة العربية، ورق عنب حامض لذيذ وشهي</p>
<p>وقت الطهى: 120 دقيقة</p>
<p>يكفي لـ 4 أشخاص</p>
<h3>المقادير:</h3>
<ul>
 <li>ورق العنب: 500 غراماً (مسلوق ومصفى)</li>
 <li>الأرز المصريّ: كوب وربع (مغسول ومنقوع)</li>
 <li>ملح: ملعقة صغيرة</li>
 <li>بهارات مشكلة: ربع ملعقة صغيرة</li>
 <li>فلفل أسود: ربع ملعقة صغيرة</li>
 <li>زيت الزيتون: 2 ملعقة كبيرة</li>
 <li>عصير الليمون: 4 ملاعق كبيرة</li>
 <li>الماء: 4 اكواب</li>
 <li>لحم مفروم: 250 غراماً</li>
 <li>طماطم: 3 حبات (مفرومة مكعبات)</li>
</ul>
<h3>طريقة التحضير:</h3>
<ol>
 <li>اخلطي الأرز مع اللحم المفروم والملح والبهارات المشكلة والفلفل الأسود والزيت جيداً حتى تتجانس المكونات.</li>
 <li>أضيفي 2 ملعقة من عصير الليمون واخلطي.</li>
 <li>احشي ورق العنب بكمية صغيرة من الحشوة ولفيها وشديها جيداً.</li>
 <li>ضعي الطماطم المفرومة في قدر سميك ثم وزعي ورق العنب الملفوف بترتيب بحيث يكون مرصوصاً جيداً.</li>
 <li>أضيفي الماء واتركي القدر على النار المنخفضة لمدة ساعتين على الأقل حتى ينضج ورق العنب.</li>
 <li>ازيلي القدر عن النار وأضيفي الملعقتين المتبقيتين من عصير الليمون واتركيها لمدة 5 دقائق.</li>
 <li>اسكبي ورق العنب في طبق التقديم وقدميه ساخناً إلى جانب اللبن الزبادي أو السلطة حسب الرغبة.</li>
</ol>
<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="aHR0cHM6Ly9zeXJpYWhvbWVuZXdzLmNvbS8lZDklODglZDglYjElZDklODItJWQ4JWI5JWQ5JTg2JWQ4JWE4LSVkOCVhZCVkOCVhNyVkOSU4NSVkOCViNi8=">
                    <i class="fas fa-external-link-alt"></i> عرض المصدر الأصلي
                </button>
            </div>
                        
            <!-- Article Tags -->
                        <div class="article-tags">
                                <a href="/tag/أخبار" class="tag-badge">
                    <i class="fas fa-tag"></i> أخبار                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/أخبار-سوريا" class="tag-badge">
                    <i class="fas fa-tag"></i> أخبار سوريا                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/أكلات" class="tag-badge">
                    <i class="fas fa-tag"></i> أكلات                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الزبادي" class="tag-badge">
                    <i class="fas fa-tag"></i> الزبادي                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الزيتون" class="tag-badge">
                    <i class="fas fa-tag"></i> الزيتون                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/السلطة" class="tag-badge">
                    <i class="fas fa-tag"></i> السلطة                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/العربية" class="tag-badge">
                    <i class="fas fa-tag"></i> العربية                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الغذاء" class="tag-badge">
                    <i class="fas fa-tag"></i> الغذاء                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/اللبن" class="tag-badge">
                    <i class="fas fa-tag"></i> اللبن                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الليمون" class="tag-badge">
                    <i class="fas fa-tag"></i> الليمون                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/الماء" class="tag-badge">
                    <i class="fas fa-tag"></i> الماء                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/زيت-الزيتون" class="tag-badge">
                    <i class="fas fa-tag"></i> زيت الزيتون                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/سوريا" class="tag-badge">
                    <i class="fas fa-tag"></i> سوريا                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/طماطم" class="tag-badge">
                    <i class="fas fa-tag"></i> طماطم                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/لحم" class="tag-badge">
                    <i class="fas fa-tag"></i> لحم                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/لحم-مفروم" class="tag-badge">
                    <i class="fas fa-tag"></i> لحم مفروم                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/مطبخ" class="tag-badge">
                    <i class="fas fa-tag"></i> مطبخ                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/مطبخ-سيدتي" class="tag-badge">
                    <i class="fas fa-tag"></i> مطبخ سيدتي                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/ورق-العنب" class="tag-badge">
                    <i class="fas fa-tag"></i> ورق العنب                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/ورق-عنب" class="tag-badge">
                    <i class="fas fa-tag"></i> ورق عنب                    <span class="tag-count"></span>
                </a>
                                <a href="/tag/وصفة" class="tag-badge">
                    <i class="fas fa-tag"></i> وصفة                    <span class="tag-count"></span>
                </a>
                            </div>
                        
            <!-- Article Share -->
            <div class="article-share">
                <div class="row">
                    <div class="col-md-6">
                        <h5>مشاركة المقال:</h5>
                    </div>
                    <div class="col-md-6 text-md-left">
                        <a href="#" class="btn btn-primary share-facebook" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>334</b><br />
">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="#" class="btn btn-info share-twitter" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>337</b><br />
" data-text="ورق عنب حامض باللحم المفروم: وصفة شهية لتحضير أكلة عربية أصيلة">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a href="#" class="btn btn-success share-whatsapp" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>340</b><br />
" data-text="ورق عنب حامض باللحم المفروم: وصفة شهية لتحضير أكلة عربية أصيلة">
                            <i class="fab fa-whatsapp"></i>
                        </a>
                        <a href="#" class="btn btn-info share-telegram" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>343</b><br />
" data-text="ورق عنب حامض باللحم المفروم: وصفة شهية لتحضير أكلة عربية أصيلة">
                            <i class="fab fa-telegram-plane"></i>
                        </a>
                        <a href="#" class="btn btn-secondary share-link" data-url="<br />
<b>Warning</b>:  Undefined variable $currentUrl in <b>/home/comparecarriers/public_html/yallasyrianews.com/frontend/templates/article.php</b> on line <b>346</b><br />
" data-toggle="tooltip" title="نسخ الرابط">
                            <i class="fas fa-link"></i>
                        </a>
                    </div>
                </div>
            </div>
            
            <!-- Related Articles -->
                        <div class="related-articles mt-5 p-4 bg-light rounded">
                <h3 class="mb-4 pb-2 border-bottom">مقالات ذات صلة</h3>
                
                <div class="row">
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/من-حلب-إلى-فلوريس-رحلة-عبر-8-من-أقدم-مدن-العالم-المأهولة">
                                <img src="/assets/img/news/9_22918.jpg" class="card-img-top" alt="من حلب إلى فلوريس: رحلة عبر 8 من أقدم مدن العالم المأهولة">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/من-حلب-إلى-فلوريس-رحلة-عبر-8-من-أقدم-مدن-العالم-المأهولة" class="text-dark">
                                        من حلب إلى فلوريس: رحلة عبر 8 من أقدم مدن العالم المأهولة                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 13 ساعة</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/16_22719.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/16" class="text-dark">enabbaladi.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/14_22411.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> منذ 2 أيام</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">
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/السويداء-90-طفلا-يتيما-وذوي-إعاقة-يستمتعون-بفعالية-ترفيهية-مميزة" class="text-dark">
                                        السويداء: 90 طفلاً يتيماً وذوي إعاقة يستمتعون بفعالية ترفيهية مميزة                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 2 أيام</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/في-مثل-هذا-اليوم-أبرز-الأحداث-التاريخية-في-11-حزيران-يونيو" class="text-dark">
                                        في مثل هذا اليوم: أبرز الأحداث التاريخية في 11 حزيران/يونيو                                    </a>
                                </h5>
                            </div>
                            <div class="card-footer bg-white">
                                <div class="article-meta">
                                    <span class="mr-3"><i class="far fa-clock"></i> منذ 2 أيام</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/24_22244.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> منذ 2 أيام</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/24" class="text-dark">snacksyrian</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/8_22642.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> منذ 2 أيام</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/8" class="text-dark">CNN بالعربية</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/17_22030.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> منذ 3 أيام</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/17" class="text-dark">athrpress</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 />