// 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">أسرار الكلمات الساحرة: 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> 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> 267 مشاهدة</span>
                        </div>
                    </div>
                </div>
                
                                <div class="article-featured-image">
                    <img src="/assets/img/news/9_8206.jpeg" alt="أسرار الكلمات الساحرة: 10 عبارات تخطف قلب المرأة وتجعلك لا تُنسى" class="img-fluid">
                                    </div>
                            </header>
            
            <!-- Article Content -->
            <div class="article-content">
                <p>الرجل الذكي لا يحتاج أن يكون غنيًا أو وسيمًا أو شاعرًا… يكفي أن يعرف ماذا يقول، ومتى يقول، وكيف يقول! النساء لا يتأثرن بالكلمات العادية… بل بالكلمات التي "تخترق الشعور" وتلامس قلبها في عمقه… لكن للأسف، 90% من الرجال لا يقولون هذه العبارات، رغم قوتها العاطفية والنفسية!</p>
<p>إليك أقوى 10 عبارات تحرك مشاعر المرأة بعمق (وتجعلها تفكر بك طوال الوقت):</p>
<ol>
 <li>"أشعر بالأمان وأنا أتكلم معك." &gt; هذه الجملة تُشعرها أنها مميزة جدًا… لأنها ليست فقط جميلة، بل "ملاذك النفسي" أيضًا!</li>
 <li>"أنا أحب عقلك قبل جمالك." &gt; معظم الرجال يمدحون الشكل، لكن القلة من يمدح روحها وذكاءها… وهنا السحر الحقيقي.</li>
 <li>"كل مرة تضحكي… بتحيي فيا حاجة كانت ميتة!" &gt; هذه الجملة تزرع في عقلها فكرة: "أنا سبب سعادته"، وهذا يخلق ربط عاطفي قوي.</li>
 <li>"أنا ما أرتاح إلا وأنا سامع صوتك." &gt; تجعلها تشعر أنها الهدوء وسط ضوضاء العالم.</li>
 <li>"لو الناس كلها فهمتني غلط، أنا واثق إنك الوحيدة اللي هتفهميني صح." &gt; تعطيها شعور "الخصوصية والتميز"، وكأنها الوحيدة اللي لها مفتاح قلبك.</li>
 <li>"أنا ما كنت بعرف شو ناقصني… لحد ما عرفتك." &gt; جملة روائية، عاطفية، رومانسية… تزرع شعور أنها القطعة الأخيرة من لغزك.</li>
 <li>"أنا مو هون عشان أغيرك… أنا هون عشان أحبك مثل ما إنتِ." &gt; تشعر المرأة بأنها مقبولة كما هي، وهذا أعمق أنواع الحب!</li>
 <li>"أنا بحترم مشاعرك… حتى لو ما فهمتها." &gt; الذكاء العاطفي هنا يتحدث… قليل من الرجال يعرفون كيف يُشعرون المرأة بالأمان النفسي دون جدال.</li>
 <li>"وجودك بيخليني أكون نسخة أفضل من نفسي." &gt; تجعلها ترى أنها ملهمة… وهذا شعور الأنثى تعشقه بجنون!</li>
 <li>"ما فيني أعدك بكرة دائمًا رح يكون مثالي… بس أعدك إني ما رح أترك إيدك مهما صار." &gt; أمان… وفاء… رجولة… كلها في جملة واحدة!</li>
</ol>
<p>النتيجة؟ &gt; تقول هذه العبارات؟ ستزرع نفسك في قلبها دون أن تلمس يدها! لأن المرأة لا تحب فقط من "يُعجب بها"، بل من "يشعرها بأنها مفهومة، مقدّرة، ومحبوبة كما هي."</p>
<p>(اخبار سوريا الوطن 1-اسرار الكاريزما)</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="aHR0cHM6Ly9zeXJpYWhvbWVuZXdzLmNvbS8lZDglYTclZDklODQlZDglYjklZDglYTglZDglYTclZDglYjElZDglYTclZDglYWEtJWQ4JWE3JWQ5JTg0JWQ4JWFhJWQ5JThhLSVkOCVhYSVkOCVhZCVkOCViMSVkOSU4My0lZDklODUlZDglYjQlZDglYTclZDglYjklZDglYjEtJWQ4JWE3JWQ5JTg0JWQ5JTg1JWQ4JWIxJWQ4JWEzJWQ4JWE5LSVkOSU4OCVkOSU4NCVkOCVhNy0lZDklOGElZDklODIv">
                    <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>
                            </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="أسرار الكلمات الساحرة: 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="أسرار الكلمات الساحرة: 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="أسرار الكلمات الساحرة: 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/في-مثل-هذا-اليوم-أحداث-بارزة-في-14-حزيران-يونيو-عبر-التاريخ" class="text-dark">
                                        في مثل هذا اليوم: أحداث بارزة في 14 حزيران/يونيو عبر التاريخ                                    </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/من-حلب-إلى-فلوريس-رحلة-عبر-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> منذ 23 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <a href="/article/اكتشف-فالنسيا-مجانا-دليل-لأفضل-المغامرات-الفنية-والثقافية-المخفية">
                                <img src="/assets/img/news/9_22919.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> منذ 23 ساعة</span>
                                                                        <span><i class="far fa-newspaper"></i> <a href="/source/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                        <div class="col-md-4 mb-4">
                        <div class="card article-card h-100">
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/في-مثل-هذا-اليوم-أبرز-الأحداث-التاريخية-التي-وقعت-في-13-حزيران-يونيو" class="text-dark">
                                        في مثل هذا اليوم: أبرز الأحداث التاريخية التي وقعت في 13 حزيران/يونيو                                    </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/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/في-مثل-هذا-اليوم-أبرز-الأحداث-التاريخية-التي-وقعت-في-12-حزيران-يونيو">
                                <img src="/assets/img/news/9_22533.jpg" class="card-img-top" alt="في مثل هذا اليوم: أبرز الأحداث التاريخية التي وقعت في 12 حزيران/يونيو">
                            </a>
                                                        <div class="card-body">
                                <h5 class="card-title">
                                    <a href="/article/في-مثل-هذا-اليوم-أبرز-الأحداث-التاريخية-التي-وقعت-في-12-حزيران-يونيو" class="text-dark">
                                        في مثل هذا اليوم: أبرز الأحداث التاريخية التي وقعت في 12 حزيران/يونيو                                    </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/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/دليل-الزوج-الذكي-6-نصائح-ذهبية-للحفاظ-على-حب-زوجتك-وسعادة-زواجكما" class="text-dark">
                                        دليل الزوج الذكي: 6 نصائح ذهبية للحفاظ على حب زوجتك وسعادة زواجكما                                    </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/9" class="text-dark">syriahomenews</a></span>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
                    </article>
    </div>
    
    <!-- Sidebar -->
    <div class="col-lg-4">
        
<!-- Sidebar -->
<div class="sidebar">
    <!-- Search Widget -->
    <div class="card mb-4">
        <div class="card-header">بحث</div>
        <div class="card-body">
            <form action="/search" method="get">
                <div class="input-group">
                    <input type="text" class="form-control" name="q" placeholder="ابحث عن..." value="">
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="submit"><i class="fas fa-search"></i></button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Popular Articles Widget -->
    <div class="card mb-4">
        <div class="card-header">الأكثر قراءة</div>
        <div class="card-body">
            <ul class="list-unstyled mb-0">
                                <li class="media mb-3">
                                        <img src="../assets/img/news/18_21669.jpg" class="mr-3" alt="بوليفارد النصر في حمص: مشروع عقاري كويتي يثير انقساماً بين مؤيدين ومعارضين" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/بوليفارد-النصر-في-حمص-مشروع-عقاري-كويتي-يثير-انقساما-بين-مؤيدين-ومعارضين" class="text-dark">
                                بوليفارد النصر في حمص: مشروع عقاري كويتي يثير انقساماً بين مؤيدين ومعارضين                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 5 أيام                        </small>
                    </div>
                </li>
                                <li class="media mb-3">
                                        <img src="../assets/img/news/7_21693.webp" class="mr-3" alt="غضب في سوريا: فيديو يوثق تعذيب طفل يتيم في حماة يثير موجة من المطالبات بالتحقيق" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/غضب-في-سوريا-فيديو-يوثق-تعذيب-طفل-يتيم-في-حماة-يثير-موجة-من-المطالبات-بالتحقيق" class="text-dark">
                                غضب في سوريا: فيديو يوثق تعذيب طفل يتيم في حماة يثير موجة من المطالبات بالتحقيق                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 5 أيام                        </small>
                    </div>
                </li>
                                <li class="media mb-3">
                                        <img src="../assets/img/news/9_21907.jpg" class="mr-3" alt="الزعفران والكركم: أسرار الشرق لبشرة متألقة وصحية" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/الزعفران-والكركم-أسرار-الشرق-لبشرة-متألقة-وصحية" class="text-dark">
                                الزعفران والكركم: أسرار الشرق لبشرة متألقة وصحية                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 4 أيام                        </small>
                    </div>
                </li>
                                <li class="media mb-3">
                                        <img src="../assets/img/news/6_21990.jpg" class="mr-3" alt="مواجهة حاسمة: المنتخب السوري يتحدى أفغانستان في تصفيات كأس آسيا 2027" style="width: 64px; height: 64px; object-fit: cover;">
                                        <div class="media-body">
                        <h6 class="mt-0 mb-1">
                            <a href="/article/مواجهة-حاسمة-المنتخب-السوري-يتحدى-أفغانستان-في-تصفيات-كأس-آسيا-2027-6847fa26351a8" class="text-dark">
                                مواجهة حاسمة: المنتخب السوري يتحدى أفغانستان في تصفيات كأس آسيا 2027                            </a>
                        </h6>
                        <small class="text-muted">
                            <i class="far fa-clock"></i> منذ 4 أيام                        </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> منذ 5 أيام                        </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">11497</span>
                </a>
                                <a href="/tag/السورية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السورية                    <span class="tag-count">7883</span>
                </a>
                                <a href="/tag/السوري" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السوري                    <span class="tag-count">7276</span>
                </a>
                                <a href="/tag/دمشق" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> دمشق                    <span class="tag-count">6436</span>
                </a>
                                <a href="/tag/اليوم" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> اليوم                    <span class="tag-count">5488</span>
                </a>
                                <a href="/tag/وزير" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> وزير                    <span class="tag-count">4467</span>
                </a>
                                <a href="/tag/وزارة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> وزارة                    <span class="tag-count">4427</span>
                </a>
                                <a href="/tag/محمد" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> محمد                    <span class="tag-count">3924</span>
                </a>
                                <a href="/tag/سانا" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سانا                    <span class="tag-count">3919</span>
                </a>
                                <a href="/tag/الرئيس" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الرئيس                    <span class="tag-count">3805</span>
                </a>
                                <a href="/tag/كان" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> كان                    <span class="tag-count">3560</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">3349</span>
                </a>
                                <a href="/tag/النظام" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> النظام                    <span class="tag-count">3249</span>
                </a>
                                <a href="/tag/الحكومة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الحكومة                    <span class="tag-count">3230</span>
                </a>
                                <a href="/tag/الماضي" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الماضي                    <span class="tag-count">3161</span>
                </a>
                                <a href="/tag/الأمن" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الأمن                    <span class="tag-count">2877</span>
                </a>
                                <a href="/tag/الخارجية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الخارجية                    <span class="tag-count">2809</span>
                </a>
                                <a href="/tag/التعاون" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> التعاون                    <span class="tag-count">2733</span>
                </a>
                                <a href="/tag/آخر-الأخبار" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> آخر الأخبار                    <span class="tag-count">2685</span>
                </a>
                                <a href="/tag/السوريين" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> السوريين                    <span class="tag-count">2626</span>
                </a>
                                <a href="/tag/الجديدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الجديدة                    <span class="tag-count">2479</span>
                </a>
                                <a href="/tag/سورية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سورية                    <span class="tag-count">2369</span>
                </a>
                                <a href="/tag/عملية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> عملية                    <span class="tag-count">2322</span>
                </a>
                                <a href="/tag/العقوبات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العقوبات                    <span class="tag-count">2259</span>
                </a>
                                <a href="/tag/بناء" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> بناء                    <span class="tag-count">2233</span>
                </a>
                                <a href="/tag/الدولية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدولية                    <span class="tag-count">2205</span>
                </a>
                                <a href="/tag/العربية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العربية                    <span class="tag-count">2151</span>
                </a>
                                <a href="/tag/الدولة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدولة                    <span class="tag-count">2096</span>
                </a>
                                <a href="/tag/مدير" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> مدير                    <span class="tag-count">2092</span>
                </a>
                                <a href="/tag/إدارة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> إدارة                    <span class="tag-count">2087</span>
                </a>
                                <a href="/tag/بيان" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> بيان                    <span class="tag-count">2022</span>
                </a>
                                <a href="/tag/محافظة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> محافظة                    <span class="tag-count">1952</span>
                </a>
                                <a href="/tag/تحقيق" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> تحقيق                    <span class="tag-count">1933</span>
                </a>
                                <a href="/tag/سنوات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> سنوات                    <span class="tag-count">1904</span>
                </a>
                                <a href="/tag/الولايات-المتحدة" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الولايات المتحدة                    <span class="tag-count">1903</span>
                </a>
                                <a href="/tag/العلاقات" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> العلاقات                    <span class="tag-count">1891</span>
                </a>
                                <a href="/tag/الشرع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الشرع                    <span class="tag-count">1888</span>
                </a>
                                <a href="/tag/إسرائيل" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> إسرائيل                    <span class="tag-count">1885</span>
                </a>
                                <a href="/tag/جهود" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> جهود                    <span class="tag-count">1884</span>
                </a>
                                <a href="/tag/الاقتصادية" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الاقتصادية                    <span class="tag-count">1879</span>
                </a>
                                <a href="/tag/الدفاع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الدفاع                    <span class="tag-count">1868</span>
                </a>
                                <a href="/tag/تصريح" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> تصريح                    <span class="tag-count">1860</span>
                </a>
                                <a href="/tag/الأسد" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الأسد                    <span class="tag-count">1848</span>
                </a>
                                <a href="/tag/الحرب" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> الحرب                    <span class="tag-count">1841</span>
                </a>
                                <a href="/tag/أحمد-الشرع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> أحمد الشرع                    <span class="tag-count">1826</span>
                </a>
                                <a href="/tag/المجتمع" class="tag-badge mr-2 mb-2">
                    <i class="fas fa-tag"></i> المجتمع                    <span class="tag-count">1808</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 />