<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="<?php $this->options->charset(); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php $this->archiveTitle(['', ' - ', ' - ', ' - '], '', ' - '); ?><?php $this->options->title(); ?></title>
    
    <?php $this->header(); ?>
    
    <!-- فونت وزیرمتن (آفلاین) -->
    <link rel="stylesheet" href="<?php $this->options->themeUrl('css/fonts.css'); ?>">
    <!-- فونت‌آسام (آفلاین) -->
    <link rel="stylesheet" href="<?php $this->options->themeUrl('css/all.css'); ?>">
    <!-- استایل اصلی -->
    <link rel="stylesheet" href="<?php $this->options->themeUrl('css/style.css'); ?>">
    
    <?php
    // تنظیم کلاس body برای سایدبار
    $bodyClass = 'farsi-digits';
    $sidebarSetting = $this->options->showSidebar;
    
    if ($sidebarSetting == 'hide-index' && $this->is('index')) {
        $bodyClass .= ' hide-sidebar';
    } elseif ($sidebarSetting == 'hide-mobile') {
        $bodyClass .= ' hide-mobile-sidebar';
    } elseif ($sidebarSetting == 'hide-both') {
        if ($this->is('index')) {
            $bodyClass .= ' hide-sidebar';
        }
        $bodyClass .= ' hide-mobile-sidebar';
    }
    ?>
</head>
<body class="farsi-digits <?php echo $bodyClass; ?>">

<!-- هدر -->
<header class="nini-header">
    <!-- ستاره‌ها و دایره‌های نورانی -->
    <div class="header-particles">
        <span class="star star-1">★</span>
        <span class="star star-2">★</span>
        <span class="star star-3">★</span>
        <span class="star star-4">★</span>
        <span class="star star-5">★</span>
        <span class="star star-6">★</span>
        <span class="star star-7">★</span>
        <span class="star star-8">★</span>
        
        <span class="glow-circle circle-1"></span>
        <span class="glow-circle circle-2"></span>
        <span class="glow-circle circle-3"></span>
        <span class="glow-circle circle-4"></span>
        <span class="glow-circle circle-5"></span>
        <span class="glow-circle circle-6"></span>
    </div>
    
    <div class="container">
        <div class="logo-container">
            <a href="<?php $this->options->siteUrl(); ?>" class="nini-logo">
                <span class="nini-logo-icon">🍼</span>
                <span class="nini-logo-text"><?php $this->options->title(); ?></span>
            </a>
            <p class="nini-tagline">
                <i class="fa-solid fa-star star-glow"></i>
                <?php $this->options->description(); ?>
                <i class="fa-solid fa-star star-glow"></i>
            </p>
        </div>
    </div>
</header>

<!-- ناوبار -->
<nav class="nini-navbar">
    <div class="container">
        <div class="navbar-content">
            <!-- دکمه منوی موبایل -->
            <button class="mobile-menu-btn" type="button" onclick="toggleMobileMenu()">
                <span></span><span></span><span></span>
            </button>
            
            <ul class="nini-nav">
                <li>
                    <a href="<?php $this->options->siteUrl(); ?>" class="nav-home-link <?php if($this->is('index')): ?>active<?php endif; ?>">
                        <i class="fa-solid fa-house"></i> خانه
                    </a>
                </li>
                
                <?php
                // دسته‌بندی‌های منو
                $selectedCats = $this->options->navCategories;
                $customIcons = parseCustomIcons($this->options->categoryIcons);
                
                if (!empty($selectedCats) && is_array($selectedCats)):
                    $this->widget('Widget_Metas_Category_List')->to($navCats);
                    while($navCats->next()):
                        if (in_array($navCats->slug, $selectedCats)):
                            $icon = isset($customIcons[$navCats->slug]) ? $customIcons[$navCats->slug] : 'fa-folder';
                ?>
                            <li>
                                <a href="<?php $navCats->permalink(); ?>" class="<?php if($this->is('category', $navCats->slug)): ?>active<?php endif; ?>">
                                    <i class="fa-solid <?php echo $icon; ?>"></i> <?php $navCats->name(); ?>
                                </a>
                            </li>
                <?php 
                        endif;
                    endwhile;
                endif; 
                ?>
                
                <?php
                // صفحات منو
                $selectedPages = $this->options->navPages;
                $pageIcons = parseCustomIcons($this->options->pageIcons);
                
                if (!empty($selectedPages) && is_array($selectedPages)):
                    $this->widget('Widget_Contents_Page_List')->to($pages);
                    while($pages->next()):
                        if (in_array($pages->permalink, $selectedPages)):
                            $slug = $pages->slug;
                            $icon = isset($pageIcons[$slug]) ? $pageIcons[$slug] : 'fa-file-lines';
                ?>
                            <li>
                                <a href="<?php $pages->permalink(); ?>" class="<?php if($this->is('page', $slug)): ?>active<?php endif; ?>">
                                    <i class="fa-solid <?php echo $icon; ?>"></i> <?php $pages->title(); ?>
                                </a>
                            </li>
                <?php 
                        endif;
                    endwhile;
                endif; 
                ?>
            </ul>
            
            <div class="nav-actions">
                <?php if ($this->options->ctaLink): ?>
                    <a href="<?php $this->options->ctaLink(); ?>" target="_blank" class="nav-cta">
                        <i class="fa-solid fa-heart"></i> 
                        <span><?php $this->options->ctaText() ?: 'من را دنبال کنید'; ?></span>
                    </a>
                <?php endif; ?>
                <button class="search-btn" type="button" onclick="toggleSearchPanel()">
                    <i class="fa-solid fa-magnifying-glass"></i>
                </button>
            </div>
        </div>
    </div>
</nav>

<!-- بنر (فقط در صفحه اصلی) -->
<?php if ($this->is('index')): ?>
<section class="nini-banner">
    <div class="container">
        <div class="banner-content">
            <h1 class="banner-title"><?php $this->options->bannerTitle() ?: '🎉 به دنیای نی نی بلاگ خوش آمدید!'; ?></h1>
            <p class="banner-text"><?php $this->options->bannerText() ?: 'اینجا بهترین مطالب آموزشی، سرگرمی و نکات کاربردی برای والدین و کودکان نوپا را پیدا می‌کنید. همراه ما باشید!'; ?></p>
            <a href="<?php $this->options->siteUrl(); ?>" class="btn-rainbow">
                <i class="fa-solid fa-book-open"></i> مشاهده مقالات
            </a>
        </div>
    </div>
</section>
<?php endif; ?>

<!-- لایه تاریک منوی موبایل -->
<div class="mobile-menu-overlay" onclick="closeMobileMenu()"></div>

<!-- منوی موبایل -->
<div class="mobile-menu-sidebar">
    <div class="mobile-menu-header">
        <a href="<?php $this->options->siteUrl(); ?>" class="mobile-menu-logo">
            <span class="nini-logo-icon">🍼</span>
            <span class="nini-logo-text"><?php $this->options->title(); ?></span>
        </a>
        <button class="mobile-menu-close" onclick="closeMobileMenu()">
            <i class="fa-solid fa-xmark"></i>
        </button>
    </div>
    <div class="mobile-menu-body">
        <ul class="mobile-nav-list">
            <li><a href="<?php $this->options->siteUrl(); ?>"><i class="fa-solid fa-house"></i> خانه</a></li>
            
            <?php
            // دسته‌بندی‌های منوی موبایل
            if (!empty($selectedCats) && is_array($selectedCats)):
                $this->widget('Widget_Metas_Category_List')->to($navCats);
                while($navCats->next()):
                    if (in_array($navCats->slug, $selectedCats)):
                        $icon = isset($customIcons[$navCats->slug]) ? $customIcons[$navCats->slug] : 'fa-folder';
            ?>
                        <li><a href="<?php $navCats->permalink(); ?>"><i class="fa-solid <?php echo $icon; ?>"></i> <?php $navCats->name(); ?></a></li>
            <?php 
                    endif;
                endwhile;
            endif; 
            ?>
            
            <?php
            // صفحات منوی موبایل
            if (!empty($selectedPages) && is_array($selectedPages)):
                $this->widget('Widget_Contents_Page_List')->to($pages);
                while($pages->next()):
                    if (in_array($pages->permalink, $selectedPages)):
                        $slug = $pages->slug;
                        $icon = isset($pageIcons[$slug]) ? $pageIcons[$slug] : 'fa-file-lines';
            ?>
                        <li><a href="<?php $pages->permalink(); ?>"><i class="fa-solid <?php echo $icon; ?>"></i> <?php $pages->title(); ?></a></li>
            <?php 
                    endif;
                endwhile;
            endif; 
            ?>
        </ul>
        
        <?php if ($this->options->ctaLink): ?>
            <a href="<?php $this->options->ctaLink(); ?>" target="_blank" class="mobile-cta">
                <i class="fa-solid fa-heart"></i> <?php $this->options->ctaText() ?: 'من را دنبال کنید'; ?>
            </a>
        <?php endif; ?>
    </div>
</div>

<!-- لایه تاریک جستجو -->
<div class="search-panel-overlay" onclick="closeSearchPanel()"></div>

<!-- پنل جستجو -->
<div class="search-panel">
    <div class="search-panel-header">
        <h3><i class="fa-solid fa-magnifying-glass"></i> جستجو در سایت</h3>
        <button class="search-panel-close" onclick="closeSearchPanel()">
            <i class="fa-solid fa-xmark"></i>
        </button>
    </div>
    <div class="search-panel-body">
        <form action="<?php $this->options->siteUrl(); ?>" method="get" class="search-form">
            <input type="text" name="s" placeholder="چه می‌خواهید پیدا کنید؟" class="search-input">
            <button type="submit" class="search-submit"><i class="fa-solid fa-magnifying-glass"></i></button>
        </form>
    </div>
</div>

<!-- بردکرامب (غیر صفحه اصلی) -->
<?php if (!$this->is('index')): ?>
<div class="page-header-mini">
    <div class="container">
        <div class="breadcrumb">
            <a href="<?php $this->options->siteUrl(); ?>"><i class="fa-solid fa-house"></i> خانه</a>
            <i class="fa-solid fa-chevron-left"></i>
            <?php if ($this->is('post')): ?>
                <span><?php $this->title(); ?></span>
            <?php elseif ($this->is('category')): ?>
                <span><?php $this->archiveTitle('', '', ''); ?></span>
            <?php elseif ($this->is('page')): ?>
                <span><?php $this->title(); ?></span>
            <?php else: ?>
                <span><?php $this->archiveTitle(' » ', '', ''); ?></span>
            <?php endif; ?>
        </div>
    </div>
</div>
<?php endif; ?>

<!-- محتوای اصلی -->
<div class="container main-container">
    <div class="content-wrapper">
        <main class="main-content">
