<!DOCTYPE html>
<html lang="ko">
<head>
<?php $this->load->view('partial/head')?>
<link rel="stylesheet" href="/ART/grace/css/default.css">
</head>
<body>
    <?php $this->load->view('partial/sidemenu')?>
    <?php $this->load->view('partial/header')?>
    <!-- //header -->
    <main>
        <!--mainpost-->
        <section id="mainpost">
            <div class="container">
                <div class="row">
                    <div class="mainpost">
                        <!--popularpost-->
                        <div class="popularpost">
                            <div class="title">
                                <h2><a href="#"><?php echo $categoryTitle?></a></h2>
                                <span class="ft"><?php echo $categoryDescription?></span>
                            </div>
                            <div class="list">
                                <div class="swiper-container2">
                                    <!-- Additional required wrapper -->
                                    <div class="swiper-wrapper">
                                        <!-- Slides -->
                                        <?php foreach($slide as $p) { ?>
                                        <div class="swiper-slide">
                                            <a href="/grace/<?php echo $p->titleUrl?>/<?php echo $p->idx?>">
                                                <figure><img src="<?php echo imgSrc($p->mainImg)?>" alt=""></figure>
                                                <div class="info">
                                                    <p><?php echo $p->editorName?></p>
                                                    <h3><?php echo $p->title?></h3>
                                                    <span class="editor"><img src="<?php echo imgSrc($p->editorImg)?>"
                                                            alt=""></span>
                                                </div>
                                            </a>
                                        </div>
                                        <?php }?>
                                    </div>
                                    <!-- If we need navigation buttons -->
                                    <div class="swiper-button-prev2"><i class="fa fa-angle-left" aria-hidden="true"></i>
                                    </div>
                                    <div class="swiper-button-next2"><i class="fa fa-angle-right"
                                            aria-hidden="true"></i></div>
                                </div>
                            </div>
                        </div>
                        <!--//popularpost-->
                    </div>
                </div>
            </div>
        </section>
        <!--//mainpost-->
        <!--editor-->
        <section id="editor_section">
            <div class="container">
                <div class="row">
                    <div class="editor_section">
                        <div class="tit">
                            <h2>크로스맵 에디터</h2>
                            <span class="editor_num">에디터 <strong><?php echo $editorTotal?></strong></span>
                        </div>
                        <div class="editorlist">
                            <ul><?php foreach($editors as $editor) { ?>
                                <li>
                                    <a href="/grace/editor/<?php echo cleanUrl($editor->editorName)?>/<?php echo $editor->editorId?>">
                                        <div class="img"><img src="<?php echo imgSrc($editor->editorImg)?>" alt="">
                                        </div>
                                        <div class="txtbox">
                                            <h3><?php echo $editor->editorName?></h3>
                                            <p><?php echo $editor->editorIntro?></p>
                                        </div>
                                    </a>
                                </li>
                                <?php  }?>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- post_listbox -->
        <section id="post_listbox" class="mb50 cm-more-enabled" data-post-ids="<?php echo implode(',', $pageInitPostIds)?>" data-page-type="category">
            <div class="container">
                <div class="row">
                    <div class="post_listbox">
                        <div class="tit">
                            <h2>전체포스트</h2>
                            <div class="fillter">
                                <span><a class="<?php echo $isLikesOrder ? '': 'select'?>" href="/grace/category/<?php echo $categoryTitle?>/<?php echo $categoryId?>">업데이트순</a></span>
                                <span><a class="<?php echo $isLikesOrder ? 'select': ''?>" href="/grace/category/<?php echo $categoryTitle?>/<?php echo $categoryId?>/likes">좋아요순</a></span>
                            </div>
                        </div>
                        <ul>
                            <?php foreach(array_slice($posts, 0, 8) as $p) { ?>
                            <li>
                                <div class="box"><a href="/grace/<?php echo $p->titleUrl?>/<?php echo $p->idx?>"><img
                                            src="<?php echo imgSrc($p->mainImg)?>" alt=""></a></div>
                                <div class="txtbox">
                                    <span class="editor_img"><a href="/grace/editor/<?php echo cleanUrl($p->editorName)?>/<?php echo $p->editorId?>"><img
                                                src="<?php echo imgSrc($p->editorImg)?>" alt=""></a></span>
                                    <dl>
                                        <dd class="editor_txt"><a
                                                href="/grace/editor/<?php echo cleanUrl($p->editorName)?>/<?php echo $p->editorId?>"><?php echo $p->editorName?></a>
                                        </dd>
                                        <dt><a href="/grace/<?php echo $p->titleUrl?>/<?php echo $p->idx?>"><?php echo $p->title?></a></dt>

                                    </dl>
                                    <span class="info">
                                        <span class="hit">조회수 <?php echo $p->views?>회</span>
                                        <span class="reple">댓글 <?php echo $p->comments?>회</span>
                                    </span>
                                </div>
                            </li>
                            <?php } ?>
                        </ul>
                        <!-- bannerstyle1 -->
                        <div class="bannerstyle3">
                            <a href="https://dramabible.org/" target="_blank"><img src="/ART/grace/img/ban1.jpg" class="img_normal" alt=""> <img
                                    src="/ART/grace/img/ban1_@2.jpg" class="img_retina" alt=""></a>
                        </div>
                        <!-- //bannerstyle1 -->
                        <ul>
                            <?php foreach(array_slice($posts, 8, 8) as $p) { ?>
                            <li>
                                <div class="box"><a href="/grace/<?php echo $p->titleUrl?>/<?php echo $p->idx?>"><img
                                            src="<?php echo imgSrc($p->mainImg)?>" alt=""></a></div>
                                <div class="txtbox">
                                    <span class="editor_img"><a href="/grace/editor/<?php echo cleanUrl($p->editorName)?>/<?php echo $p->editorId?>"><img
                                                src="<?php echo imgSrc($p->editorImg)?>" alt=""></a></span>
                                    <dl>
                                        <dd class="editor_txt"><a
                                                href="/grace/editor/<?php echo cleanUrl($p->editorName)?>/<?php echo $p->editorId?>"><?php echo $p->editorName?></a>
                                        </dd>
                                        <dt><a href="/grace/<?php echo $p->titleUrl?>/<?php echo $p->idx?>"><?php echo $p->title?></a></dt>

                                    </dl>
                                    <span class="info">
                                        <span class="hit">조회수 <?php echo $p->views?>회</span>
                                        <span class="reple">댓글 <?php echo $p->comments?>회</span>
                                    </span>
                                </div>
                            </li>
                            <?php } ?>
                        </ul>
                    </div>
                </div>
            </div>

        </section>
        <!-- //post_listbox -->

    </main>

    <!-- footer -->
    <?php $this->load->view('partial/footer')?>
    <script src="/ART/grace/js/living_slide.js"></script>
</body>

</html>