<?php
// Sharik Saaz Home Page (index.php)
require_once __DIR__ . '/includes/auth_helper.php';

global $pdo;

// Fetch stats for Hero section
$count_campaigns = $pdo->query("SELECT COUNT(*) FROM `campaigns` WHERE `status` = 'active'")->fetchColumn();
$total_raised = $pdo->query("SELECT SUM(`collected_amount`) FROM `campaigns`")->fetchColumn() ?: 0;
$count_users = $pdo->query("SELECT COUNT(*) FROM `users`")->fetchColumn();

// Fetch featured/recent campaigns
$featured_stmt = $pdo->query("SELECT c.*, u.company_name, u.first_name, u.last_name FROM `campaigns` c 
                              JOIN `users` u ON c.creator_id = u.id 
                              WHERE c.status = 'active' OR c.featured = 1
                              ORDER BY c.featured DESC, c.created_at DESC 
                              LIMIT 3");
$featured = $featured_stmt->fetchAll();

// Fetch successful campaigns
$success_stmt = $pdo->query("SELECT c.*, u.company_name, u.first_name, u.last_name FROM `campaigns` c 
                             JOIN `users` u ON c.creator_id = u.id 
                             WHERE c.status = 'successful' 
                             ORDER BY c.end_date DESC 
                             LIMIT 3");
$successful_camps = $success_stmt->fetchAll();

// Fetch recent blog posts
$blog_stmt = $pdo->query("SELECT p.*, u.username, u.first_name, u.last_name FROM `posts` p 
                          JOIN `users` u ON p.author_id = u.id 
                          ORDER BY p.created_at DESC 
                          LIMIT 3");
$recent_posts = $blog_stmt->fetchAll();

// Fetch FAQs
$faq_stmt = $pdo->query("SELECT * FROM `faqs` ORDER BY `sort_order` ASC LIMIT 5");
$homepage_faqs = $faq_stmt->fetchAll();

// Fetch Page Sections configuration for dynamic homepage rendering
$sections_stmt = $pdo->prepare("SELECT * FROM `page_sections` WHERE `page_name` = 'home' AND `is_active` = 1 ORDER BY `sort_order` ASC");
$sections_stmt->execute();
$homepage_sections = $sections_stmt->fetchAll();

require_once __DIR__ . '/includes/head.php';
require_once __DIR__ . '/includes/header.php';
?>

<?php foreach ($homepage_sections as $sec): 
    $title = htmlspecialchars($sec['title'] ?? '');
    $subtitle = htmlspecialchars($sec['subtitle'] ?? '');
    $content = $sec['content'] ?? '';
    
    switch ($sec['section_key']) {
        case 'hero':
            ?>
            <!-- Hero Section -->
            <section class="hero container">
                <div class="hero-content">
                    <h1><?php echo $title; ?></h1>
                    <p><?php echo $subtitle; ?></p>
                    
                    <div class="hero-stats">
                        <div class="stats-box">
                            <span style="font-size: 0.8rem; color: var(--text-muted); display: block;">طرح‌های فعال</span>
                            <strong style="display: block; font-size: 1.4rem; color: var(--primary);"><?php echo $count_campaigns; ?> طرح</strong>
                        </div>
                        <div class="stats-box">
                            <span style="font-size: 0.8rem; color: var(--text-muted); display: block;">حامیان و شرکا</span>
                            <strong style="display: block; font-size: 1.4rem; color: var(--primary);"><?php echo $count_users; ?> کاربر</strong>
                        </div>
                        <div class="stats-box full-width">
                            <span style="font-size: 0.8rem; color: var(--text-muted); display: block;">سرمایه جمع شده</span>
                            <strong style="display: block; font-size: 1.4rem; color: var(--secondary);"><?php echo number_format($total_raised); ?> ریال</strong>
                        </div>
                    </div>

                    <div class="hero-actions">
                        <a href="campaigns" class="btn btn-primary" style="padding: 1rem 2rem; font-size: 1.05rem;"><i class="fas fa-search"></i> کشف طرح‌های سرمایه‌گذاری</a>
                        <a href="campaign-builder" class="btn btn-secondary" style="padding: 1rem 2rem; font-size: 1.05rem;"><i class="fas fa-rocket"></i> ثبت کمپین جدید</a>
                    </div>
                </div>
                <div class="hero-img">
                    <img src="<?php echo htmlspecialchars($sec['image_url'] ?: 'assets/logos/logod.png'); ?>" alt="پلتفرم شریک ساز" style="padding: 2rem; max-width: 90%; background-color: var(--white); border-radius: 30px; border: 1px solid var(--glass-border); box-shadow: var(--box-shadow);" onerror="this.src='assets/logos/logow.png'">
                </div>
            </section>
            <?php
            break;
            
        case 'models':
            ?>
            <!-- Models Section -->
            <section style="background-color: var(--white); border-top: 1px solid var(--glass-border); border-bottom: 1px solid var(--glass-border); padding: 5rem 0;">
                <div class="container">
                    <div style="text-align: center; margin-bottom: 4rem;">
                        <h2 style="font-size: 2rem; color: var(--primary);"><?php echo $title; ?></h2>
                        <p style="color: var(--text-muted); max-width: 600px; margin: 0.5rem auto 0 auto;"><?php echo $subtitle; ?></p>
                    </div>
                    
                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;">
                        <?php 
                        $models_list = json_decode($content, true) ?: [];
                        foreach ($models_list as $item):
                            $item_color = htmlspecialchars($item['color'] ?? 'primary');
                        ?>
                            <div style="background-color: var(--light); border-radius: var(--border-radius); padding: 2.5rem 1.8rem; text-align: center; border: 1px solid var(--glass-border); transition: var(--transition);">
                                <i class="fas <?php echo htmlspecialchars($item['icon']); ?>" style="font-size: 3rem; color: var(<?php echo '--' . $item_color; ?>); margin-bottom: 1.5rem;"></i>
                                <h3 style="font-size: 1.3rem; margin-bottom: 0.8rem; color: var(--primary);"><?php echo htmlspecialchars($item['title']); ?></h3>
                                <p style="font-size: 0.9rem; color: var(--text-dark); line-height: 1.8; margin-bottom: 1.5rem;"><?php echo htmlspecialchars($item['desc']); ?></p>
                                <a href="<?php echo htmlspecialchars($item['link']); ?>" style="color: var(<?php echo '--' . $item_color; ?>); font-weight: bold; font-size: 0.9rem;">مشاهده طرح‌ها <i class="fas fa-chevron-left" style="font-size: 0.75rem;"></i></a>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </section>
            <?php
            break;
            
        case 'trust':
            ?>
            <!-- Trust & Security Features Section -->
            <section class="container" style="padding: 5rem 0;">
                <div style="text-align: center; margin-bottom: 4rem;">
                    <span class="badge badge-success" style="font-size: 0.85rem; padding: 0.4rem 1rem; margin-bottom: 0.8rem;"><?php echo $subtitle; ?></span>
                    <h2 style="font-size: 2rem; color: var(--primary);"><?php echo $title; ?></h2>
                    <p style="color: var(--text-muted); max-width: 600px; margin: 0.5rem auto 0 auto;">ما استانداردهای سختی را برای کاهش ریسک و حفظ حقوق کاربران به کار بسته‌ایم.</p>
                </div>

                <div class="grid-3">
                    <?php 
                    $trust_list = json_decode($content, true) ?: [];
                    foreach ($trust_list as $item):
                        $item_color = htmlspecialchars($item['color'] ?? 'primary');
                    ?>
                        <div style="background-color: var(--white); border: 1px solid var(--glass-border); padding: 2rem; border-radius: var(--border-radius); box-shadow: var(--box-shadow); display: flex; gap: 1rem; align-items: start;">
                            <div style="width: 50px; height: 50px; border-radius: 12px; background-color: rgba(13, 44, 88, 0.05); color: var(<?php echo '--' . $item_color; ?>); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0;">
                                <i class="fas <?php echo htmlspecialchars($item['icon']); ?>"></i>
                            </div>
                            <div>
                                <h4 style="font-size: 1.1rem; color: var(--primary); margin-bottom: 0.5rem;"><?php echo htmlspecialchars($item['title']); ?></h4>
                                <p style="font-size: 0.85rem; color: var(--text-muted); line-height: 1.7;"><?php echo htmlspecialchars($item['desc']); ?></p>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </section>
            <?php
            break;
            
        case 'categories':
            ?>
            <!-- Categories Grid -->
            <section style="background-color: var(--light); padding: 5rem 0;">
                <div class="container">
                    <div style="text-align: center; margin-bottom: 2rem;">
                        <h2 style="font-size: 2rem; color: var(--primary);"><?php echo $title; ?></h2>
                        <p style="color: var(--text-muted);"><?php echo $subtitle; ?></p>
                    </div>
                    
                    <div class="category-grid">
                        <?php 
                        $categories_list = json_decode($content, true) ?: [];
                        foreach ($categories_list as $item):
                        ?>
                            <div class="category-card" onclick="window.location.href='campaigns.php?category=<?php echo htmlspecialchars($item['slug']); ?>'">
                                <i class="fas <?php echo htmlspecialchars($item['icon']); ?> category-icon"></i>
                                <span><?php echo htmlspecialchars($item['title']); ?></span>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </section>
            <?php
            break;
            
        case 'featured':
            ?>
            <!-- Featured Campaigns -->
            <section class="container" style="padding: 5rem 0;">
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem; flex-wrap: wrap; gap: 1rem;">
                    <div>
                        <h2 style="font-size: 2rem; color: var(--primary);"><?php echo $title; ?></h2>
                        <p style="color: var(--text-muted); margin-top: 0.3rem;"><?php echo $subtitle; ?></p>
                    </div>
                    <a href="campaigns" class="btn btn-light btn-sm">مشاهده همه طرح‌ها <i class="fas fa-arrow-left" style="margin-right: 0.5rem;"></i></a>
                </div>
                
                <?php if (empty($featured)): ?>
                    <div style="background-color: var(--white); border: 1px dashed var(--glass-border); border-radius: var(--border-radius); padding: 4rem; text-align: center;">
                        <p style="color: var(--text-muted);">در حال حاضرampaign ویژه‌ای وجود ندارد. شما اولین کمپین را بسازید!</p>
                    </div>
                <?php else: ?>
                    <div class="grid-3">
                        <?php foreach ($featured as $campaign): 
                            $percent = min(100, round(($campaign['collected_amount'] / $campaign['target_amount']) * 100));
                            
                            $cat_label = 'عمومی';
                            if ($campaign['category'] === 'tech') $cat_label = 'فناوری';
                            elseif ($campaign['category'] === 'business') $cat_label = 'استارتاپ';
                            elseif ($campaign['category'] === 'art') $cat_label = 'هنر';
                            elseif ($campaign['category'] === 'real_estate') $cat_label = 'املاک';
                            elseif ($campaign['category'] === 'charity') $cat_label = 'خیریه';
                            
                            $model_label = '';
                            if ($campaign['type'] === 'reward') $model_label = 'پاداش‌محور';
                            elseif ($campaign['type'] === 'equity') $model_label = 'سهام‌محور';
                            elseif ($campaign['type'] === 'debt') $model_label = 'وام‌محور';
                            elseif ($campaign['type'] === 'donation') $model_label = 'اهدامحور';
                        ?>
                            <div class="campaign-card">
                                <span class="campaign-badge <?php echo $campaign['type']; ?>"><?php echo $model_label; ?></span>
                                
                                <div class="campaign-img">
                                    <img src="<?php echo htmlspecialchars($campaign['cover_image']); ?>" alt="<?php echo htmlspecialchars($campaign['title']); ?>" onerror="this.src='assets/logos/logod.png'">
                                </div>
                                
                                <div class="campaign-card-content">
                                    <div class="campaign-meta">
                                        <span><i class="fas fa-tag"></i> <?php echo $cat_label; ?></span>
                                        <span><i class="fas fa-map-marker-alt"></i> <?php echo htmlspecialchars($campaign['location'] ?? 'نامشخص'); ?></span>
                                    </div>
                                    
                                    <h3 class="campaign-card-title"><a href="campaign?id=<?php echo $campaign['id']; ?>" style="color: var(--primary);"><?php echo htmlspecialchars($campaign['title']); ?></a></h3>
                                    <p class="campaign-card-summary"><?php echo htmlspecialchars($campaign['summary']); ?></p>
                                    
                                    <div class="progress-container">
                                        <div class="progress-bar-wrapper">
                                            <div class="progress-bar-fill" style="width: <?php echo $percent; ?>%;"></div>
                                        </div>
                                        <div class="progress-details">
                                            <span style="color: var(--secondary);"><?php echo $percent; ?>٪ تامین شده</span>
                                            <span><?php echo number_format($campaign['collected_amount']); ?> ریال</span>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="campaign-card-footer">
                                    <span style="font-size: 0.85rem; font-weight: bold; color: var(--primary);"><i class="fas fa-users" style="margin-left: 0.3rem;"></i> حامیان طرح</span>
                                    <a href="campaign?id=<?php echo $campaign['id']; ?>" class="btn btn-primary btn-sm">مشارکت در طرح</a>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                <?php endif; ?>
            </section>
            <?php
            break;
            
        case 'success':
            ?>
            <!-- Successful Campaigns / Hall of Fame -->
            <?php if (!empty($successful_camps)): ?>
            <section style="background-color: var(--light); padding: 5rem 0;">
                <div class="container">
                    <div style="text-align: center; margin-bottom: 4rem;">
                        <h2 style="font-size: 2rem; color: var(--primary);"><i class="fas fa-trophy" style="color: var(--secondary);"></i> <?php echo $title; ?></h2>
                        <p style="color: var(--text-muted); margin-top: 0.3rem;"><?php echo $subtitle; ?></p>
                    </div>
                    
                    <div class="grid-3">
                        <?php foreach ($successful_camps as $campaign): 
                            $cat_label = 'عمومی';
                            if ($campaign['category'] === 'tech') $cat_label = 'فناوری';
                            elseif ($campaign['category'] === 'business') $cat_label = 'استارتاپ';
                            elseif ($campaign['category'] === 'art') $cat_label = 'هنر';
                            elseif ($campaign['category'] === 'real_estate') $cat_label = 'املاک';
                            elseif ($campaign['category'] === 'charity') $cat_label = 'خیریه';
                            
                            $model_label = '';
                            if ($campaign['type'] === 'reward') $model_label = 'پاداش‌محور';
                            elseif ($campaign['type'] === 'equity') $model_label = 'سهام‌محور';
                            elseif ($campaign['type'] === 'debt') $model_label = 'وام‌محور';
                            elseif ($campaign['type'] === 'donation') $model_label = 'اهدامحور';
                        ?>
                            <div class="campaign-card" style="opacity: 0.85; border-color: rgba(16, 185, 129, 0.2);">
                                <span class="campaign-badge" style="background-color: var(--success); color: white;"><i class="fas fa-check-circle"></i> موفق شده</span>
                                
                                <div class="campaign-img">
                                    <img src="<?php echo htmlspecialchars($campaign['cover_image']); ?>" alt="<?php echo htmlspecialchars($campaign['title']); ?>" style="filter: grayscale(40%);">
                                </div>
                                
                                <div class="campaign-card-content">
                                    <div class="campaign-meta">
                                        <span><i class="fas fa-tag"></i> <?php echo $cat_label; ?></span>
                                        <span><i class="fas fa-university"></i> امانی تسویه شده</span>
                                    </div>
                                    <h3 class="campaign-card-title"><?php echo htmlspecialchars($campaign['title']); ?></h3>
                                    <p style="font-size: 0.9rem; color: var(--text-muted); font-weight: bold; margin-top: 1rem;">کل سرمایه جذب شده: <span style="color: var(--success); font-size: 1.1rem;"><?php echo number_format($campaign['collected_amount']); ?> ریال</span></p>
                                </div>
                                
                                <div class="campaign-card-footer" style="background-color: rgba(16, 185, 129, 0.03);">
                                    <span style="font-size: 0.85rem; color: var(--success); font-weight: bold;"><i class="fas fa-medal"></i> ۱۰۰٪ تکمیل شده</span>
                                    <span style="font-size: 0.8rem; color: var(--text-muted);">مدل: <?php echo $model_label; ?></span>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </section>
            <?php endif; ?>
            <?php
            break;
            
        case 'blog':
            ?>
            <!-- Dynamic Blog Section -->
            <section class="container" style="padding: 5rem 0;">
                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem; flex-wrap: wrap; gap: 1rem;">
                    <div>
                        <span class="badge badge-warning" style="font-size: 0.85rem; padding: 0.4rem 1rem; margin-bottom: 0.5rem;"><?php echo $subtitle; ?></span>
                        <h2 style="font-size: 2rem; color: var(--primary);"><?php echo $title; ?></h2>
                        <p style="color: var(--text-muted); margin-top: 0.3rem;"><?php echo htmlspecialchars($content); ?></p>
                    </div>
                    <a href="blog" class="btn btn-light btn-sm">مشاهده همه مقالات <i class="fas fa-arrow-left" style="margin-right: 0.5rem;"></i></a>
                </div>

                <div class="grid-3">
                    <?php if (empty($recent_posts)): ?>
                        <div style="grid-column: 1 / -1; text-align: center; color: var(--text-muted); padding: 2rem 0;">مقاله‌ای یافت نشد.</div>
                    <?php else: ?>
                        <?php foreach ($recent_posts as $post): 
                            $author_name = $post['first_name'] ? ($post['first_name'] . ' ' . $post['last_name']) : $post['username'];
                        ?>
                            <article class="campaign-card">
                                <div class="campaign-img" style="height: 160px;">
                                    <img src="<?php echo htmlspecialchars($post['image'] ?: 'assets/logos/logow.png'); ?>" alt="<?php echo htmlspecialchars($post['title']); ?>" onerror="this.src='assets/logos/logod.png'">
                                </div>
                                <div class="campaign-card-content" style="padding: 1.2rem;">
                                    <div class="campaign-meta" style="margin-bottom: 0.5rem; font-size: 0.75rem;">
                                        <span><i class="far fa-user"></i> <?php echo htmlspecialchars($author_name); ?></span>
                                        <span><i class="far fa-calendar"></i> <?php echo to_jalali($post['created_at']); ?></span>
                                    </div>
                                    <h3 class="campaign-card-title" style="font-size: 1.05rem; margin-bottom: 0.5rem;"><a href="post?slug=<?php echo $post['slug']; ?>" style="color: var(--primary);"><?php echo htmlspecialchars($post['title']); ?></a></h3>
                                    <p class="campaign-card-summary" style="font-size: 0.8rem; -webkit-line-clamp: 2; margin-bottom: 1rem;"><?php echo htmlspecialchars($post['summary']); ?></p>
                                </div>
                                <div class="campaign-card-footer" style="padding: 0.8rem 1.2rem; background-color: transparent;">
                                    <span style="font-size: 0.75rem; color: var(--text-muted);"><i class="far fa-clock"></i> مقالات آموزشی</span>
                                    <a href="post?slug=<?php echo $post['slug']; ?>" style="color: var(--secondary); font-weight: bold; font-size: 0.8rem;">مطالعه مقاله <i class="fas fa-chevron-left" style="font-size: 0.65rem;"></i></a>
                                </div>
                            </article>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </div>
            </section>
            <?php
            break;
            
        case 'faq':
            ?>
            <!-- Dynamic FAQ Accordion Section -->
            <section style="background-color: var(--white); border-top: 1px solid var(--glass-border); border-bottom: 1px solid var(--glass-border); padding: 5rem 0;">
                <div class="container" style="max-width: 800px;">
                    <div style="text-align: center; margin-bottom: 4rem;">
                        <span class="badge badge-warning" style="font-size: 0.85rem; padding: 0.4rem 1rem; margin-bottom: 0.8rem;"><?php echo $subtitle; ?></span>
                        <h2 style="font-size: 2rem; color: var(--primary);"><?php echo $title; ?></h2>
                        <p style="color: var(--text-muted); margin-top: 0.5rem;"><?php echo htmlspecialchars($content); ?></p>
                    </div>

                    <div style="display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem;">
                        <?php if (empty($homepage_faqs)): ?>
                            <div style="text-align: center; color: var(--text-muted);">سوالی یافت نشد.</div>
                        <?php else: ?>
                            <?php foreach ($homepage_faqs as $index => $faq): ?>
                                <div style="background-color: var(--light); border: 1px solid var(--glass-border); border-radius: 12px; overflow: hidden; transition: var(--transition);">
                                    <button onclick="toggleHomepageFaq(<?php echo $index; ?>)" style="width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 1.2rem; background: none; border: none; text-align: right; cursor: pointer; font-family: 'PeydaFaNum', sans-serif; font-size: 1.05rem; font-weight: bold; color: var(--primary);">
                                        <span><?php echo htmlspecialchars($faq['question']); ?></span>
                                        <i id="faq-home-icon-<?php echo $index; ?>" class="fas fa-chevron-down" style="transition: var(--transition); color: var(--secondary);"></i>
                                    </button>
                                    <div id="faq-home-body-<?php echo $index; ?>" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out;">
                                        <div style="padding: 0 1.2rem 1.2rem 1.2rem; line-height: 1.7; color: var(--text-dark); font-size: 0.9rem; border-top: 1px solid var(--glass-border);">
                                            <?php echo nl2br(htmlspecialchars($faq['answer'])); ?>
                                        </div>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </div>

                    <div style="text-align: center; margin-top: 2rem;">
                        <a href="faq" class="btn btn-light btn-sm">مشاهده لیست کامل سوالات متداول</a>
                    </div>
                </div>
            </section>
            <?php
            break;
            
        case 'reviews':
            ?>
            <!-- Testimonials / Client Reviews Carousel -->
            <section class="container" style="padding: 5rem 0;">
                <div style="text-align: center; margin-bottom: 4rem;">
                    <span class="badge badge-info" style="font-size: 0.85rem; padding: 0.4rem 1rem; margin-bottom: 0.8rem;"><?php echo $subtitle; ?></span>
                    <h2 style="font-size: 2rem; color: var(--primary);"><?php echo $title; ?></h2>
                    <p style="color: var(--text-muted); max-width: 600px; margin: 0.5rem auto 0 auto;">حامیان ما نتایج تجارب خود را در جذب سرمایه یا سوددهی پروژه‌ها با شما به اشتراک می‌گذارند.</p>
                </div>

                <div class="grid-3">
                    <?php 
                    $reviews_list = json_decode($content, true) ?: [];
                    foreach ($reviews_list as $item):
                    ?>
                        <div style="background-color: var(--white); border: 1px solid var(--glass-border); padding: 2rem; border-radius: var(--border-radius); box-shadow: var(--box-shadow); text-align: center; position: relative;">
                            <span style="font-size: 3rem; color: rgba(255, 150, 6, 0.15); position: absolute; top: 10px; right: 20px; font-family: sans-serif; line-height: 1;">&ldquo;</span>
                            <p style="font-size: 0.9rem; line-height: 1.8; color: var(--text-dark); position: relative; z-index: 2; font-style: italic; margin-bottom: 1.5rem;"><?php echo htmlspecialchars($item['desc']); ?></p>
                            <strong style="display: block; font-size: 0.95rem; color: var(--primary);"><?php echo htmlspecialchars($item['name']); ?></strong>
                            <span style="font-size: 0.75rem; color: var(--text-muted);"><?php echo htmlspecialchars($item['role']); ?></span>
                        </div>
                    <?php endforeach; ?>
                </div>
            </section>
            <?php
            break;
            
        case 'cta':
            ?>
            <!-- Footer Call to Action -->
            <section style="background: linear-gradient(135deg, #0d2c58 0%, #1e40af 100%); padding: 5rem 0; color: #fff; text-align: center;">
                <div class="container" style="max-width: 700px;">
                    <h2 style="color: white; font-size: 2.2rem; margin-bottom: 1.5rem;"><?php echo $title; ?></h2>
                    <p style="font-size: 1.1rem; opacity: 0.9; line-height: 1.8; margin-bottom: 2.5rem;"><?php echo $subtitle; ?></p>
                    <div style="display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap;">
                        <a href="auth" class="btn btn-secondary" style="padding: 1rem 2rem; font-size: 1.1rem;">ثبت‌نام سریع در سایت</a>
                        <a href="about" class="btn btn-light" style="padding: 1rem 2rem; font-size: 1.1rem; color: #0d2c58; background-color: #fff;">راهنمای استفاده و قوانین</a>
                    </div>
                </div>
            </section>
            <?php
            break;
    }
endforeach; ?>

<script>
function toggleHomepageFaq(index) {
    const body = document.getElementById('faq-home-body-' + index);
    const icon = document.getElementById('faq-home-icon-' + index);
    
    if (body.style.maxHeight && body.style.maxHeight !== '0px') {
        body.style.maxHeight = '0px';
        icon.style.transform = 'rotate(0deg)';
    } else {
        const allBodies = document.querySelectorAll('[id^="faq-home-body-"]');
        const allIcons = document.querySelectorAll('[id^="faq-home-icon-"]');
        allBodies.forEach(b => b.style.maxHeight = '0px');
        allIcons.forEach(i => i.style.transform = 'rotate(0deg)');
        
        body.style.maxHeight = body.scrollHeight + 'px';
        icon.style.transform = 'rotate(180deg)';
    }
}
</script>

<?php
require_once __DIR__ . '/includes/footer.php';
?>
