<header class="joe_header">
    <div class="joe_header__above">
        <div class="joe_container">
            <a title="<?php $this->options->title(); ?>" class="joe_header__above-logo" href="<?php $this->options->siteUrl(); ?>">
                <img src="<?php $this->options->JLogo() ?>" alt="<?php $this->options->title(); ?>" />
            </a>
            <nav class="joe_header__above-nav">
                <a class="item <?php echo $this->is('index') ? 'active' : '' ?>" href="<?php $this->options->siteUrl(); ?>" title="首页">首页</a>
                <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
                <?php if (count($pages->stack) <= $this->options->JNavMaxNum) : ?>
                    <?php foreach ($pages->stack as $item) : ?>
                        <a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a>
                    <?php endforeach; ?>
                <?php else : ?>
                    <?php foreach (array_slice($pages->stack, 0, $this->options->JNavMaxNum) as $item) : ?>
                        <a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a>
                    <?php endforeach; ?>
                    <div class="joe_dropdown" trigger="click" placement="60px">
                        <div class="joe_dropdown__link">
                            <a href="javascript: void(0)" rel="nofollow">更多</a>
                            <svg class="joe_dropdown__link-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="14" height="14">
                                <path d="M561.873 725.165c-11.262 11.262-26.545 21.72-41.025 18.502-14.479 2.413-28.154-8.849-39.415-18.502L133.129 375.252c-17.697-17.696-17.697-46.655 0-64.352s46.655-17.696 64.351 0l324.173 333.021 324.977-333.02c17.696-17.697 46.655-17.697 64.351 0s17.697 46.655 0 64.351L561.873 725.165z" p-id="3535" fill="var(--main)"></path>
                            </svg>
                        </div>
                        <nav class="joe_dropdown__menu">
                            <?php foreach (array_slice($pages->stack, $this->options->JNavMaxNum) as $item) : ?>
                                <a class="<?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a>
                            <?php endforeach; ?>
                        </nav>
                    </div>
                <?php endif; ?>
            </nav>
            <form class="joe_header__above-search" method="post" action="<?php $this->options->siteUrl(); ?>">
                <input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="s" class="input" type="text" />
                <button type="submit" class="submit">Search</button>
                <span class="icon"></span>
            </form>
        </div>
    </div>
    <div class="joe_header__below">
        <div class="joe_container">
            <nav class="joe_header__below-class">
                <?php $this->widget('Widget_Metas_Category_List')->to($item); ?>
                <?php while ($item->next()) : ?>
                    <?php if ($item->levels === 0) : ?>
                        <?php $children = $item->getAllChildren($item->mid); ?>
                        <?php if (empty($children)) : ?>
                            <a class="item <?php echo $this->is('category', $item->slug) ? 'active' : '' ?>" href="<?php $item->permalink(); ?>" title="<?php $item->name(); ?>"><?php $item->name(); ?></a>
                        <?php else : ?>
                            <div class="joe_dropdown" trigger="hover">
                                <div class="joe_dropdown__link">
                                    <a class="item <?php echo $this->is('category', $item->slug) ? 'active' : '' ?>" href="<?php $item->permalink(); ?>" title="<?php $item->name(); ?>"><?php $item->name(); ?></a>
                                    <svg class="joe_dropdown__link-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="13" height="13">
                                        <path d="M561.873 725.165c-11.262 11.262-26.545 21.72-41.025 18.502-14.479 2.413-28.154-8.849-39.415-18.502L133.129 375.252c-17.697-17.696-17.697-46.655 0-64.352s46.655-17.696 64.351 0l324.173 333.021 324.977-333.02c17.696-17.697 46.655-17.697 64.351 0s17.697 46.655 0 64.351L561.873 725.165z" p-id="3535" fill="var(--minor)"></path>
                                    </svg>
                                </div>
                                <nav class="joe_dropdown__menu">
                                    <?php foreach ($children as $mid) : ?>
                                        <?php $child = $item->getCategory($mid); ?>
                                        <a class="<?php echo $this->is('category', $$child['slug']) ? 'active' : '' ?>" href="<?php echo $child['permalink'] ?>" title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
                                    <?php endforeach; ?>
                                </nav>
                            </div>
                        <?php endif; ?>
                    <?php endif; ?>
                <?php endwhile; ?>
            </nav>
        </div>
    </div>
</header>