<?php $this->load->view('templates/news/news-header')?>
<main id="main" role="main" tabindex="-1">
    <div class="container">
        <div class="news-header">
            <h2><?php echo $page->postTitle ?></h2>
            <div class="time"><a href="#"><?php if ($reporter) echo $reporter->press_name;
                                                else echo '크리스천투데이'; ?></a>
                입력 <?php echo date('Y.m.d H:i', strtotime($page->datePosted)) ?></div>

            <div class="function">
                <a href="#"><img src="<?php echo THEME_FOLDER ?>/img/ic-bookmark.gif"></a>
                <a href="javascript:popup_print();"><img src="<?php echo THEME_FOLDER ?>/img/ic-print.gif"></a>
                <a href="javascript:send_email_content('1', '3452');"><img
                        src="<?php echo THEME_FOLDER ?>/img/ic-email.gif"></a>

                <a href="javascript:ts('print_area', 2);"><img
                        src="<?php echo THEME_FOLDER ?>/img/ic-text-s.gif"></a>
                <a href="javascript:ts('print_area', -2);"><img
                        src="<?php echo THEME_FOLDER ?>/img/ic-text-b.gif"></a>
            </div>

        </div>

        <!--Share-->
        <?php $this->load->view('templates/partial/share-left')?>
        <!--Left Contents-->
        <div class="layout-blog">
            <div class="view-article">
                <div class="article">
                    <div class="subTitle"><?php echo $page->postExcerpt ?></div>

                    <?php echo $page->postContentHTML ?>

                    <div class="share-footer">
                        <div class="heart">
                            <a href=""><span class="icon i-heart">
                                    <!--[if gte IE 9]><!-->
                                    <svg width="31" height="26" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M15.5 25c9-6.328 13.833-12.161 14.5-17.5C31-.508 20.75-2 15.5 6 10.25-2 0-.508 1 7.5c.667 5.339 5.5 11.172 14.5 17.5z"
                                            stroke="#aaa" fill="#FFF" fill-rule="nonzero"></path>
                                    </svg>
                                    <!--<![endif]-->
                                    <!--[if lte IE 8 ]>
                  <img src="<?php echo THEME_FOLDER ?>/img/social/heart.png" alt="" width="31" height="26">
                  <![endif]-->
                                </span>
                                <span class="count heart-count">14</span></a>
                        </div>

                        <div class="share-footer-main">
                            <span class="visible-icons">
                                <a href="">
                                    <span class="icon i-circle i-facebook">
                                        <!--[if gte IE 9]><!-->
                                        <svg width="10" height="20" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M6.496 19.13H2.953v-8.745H0V6.988h2.953V4.49c0-1.432.42-2.55 1.26-3.358C5 .377 6.05 0 7.363 0 8.096 0 8.975.039 10 .117v3.045H8.15c-1.103 0-1.654.495-1.654 1.484v2.342h3.386l-.433 3.397H6.496v8.745z"
                                                fill="#fff" fill-rule="nonzero"></path>
                                        </svg>
                                        <!--<![endif]-->
                                        <!--[if lte IE 8 ]>
                      <img src="<?php echo THEME_FOLDER ?>/img/social/facebook.png" alt="" width="10" height="20">
                      <![endif]-->
                                    </span>
                                </a>
                                <a href="">
                                    <span class="icon i-circle i-twitter">
                                        <!--[if gte IE 9]><!-->
                                        <svg width="17" height="14" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M17 1.63s-.664 1.072-1.738 1.798c.221 4.924-3.381 10.384-9.922 10.384-3.254 0-5.34-1.578-5.34-1.578s2.56.537 5.15-1.42c-2.622-.158-3.254-2.43-3.254-2.43s.727.19 1.58-.063C.537 7.595.664 4.849.664 4.849s.726.442 1.58.442C-.412 3.239 1.168.619 1.168.619s2.402 3.378 7.205 3.662c-.696-3.82 3.697-5.587 5.94-3.188 1.17-.19 2.244-.852 2.244-.852s-.38 1.294-1.549 1.925C15.957 2.103 17 1.629 17 1.629z"
                                                fill="#fff" fill-rule="nonzero"></path>
                                        </svg>
                                        <!--<![endif]-->
                                        <!--[if lte IE 8 ]>
                      <img src="<?php echo THEME_FOLDER ?>/img/social/twitter.png" alt="" width="17" height="14">
                      <![endif]-->
                                    </span>
                                </a>
                            </span>

                            <span class="hidden-icons active">
                                <a href="">
                                    <span class="icon i-circle i-kakao">
                                        <!--[if gte IE 9]><!-->
                                        <svg width="10" height="18" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M.971.925V10H5c0 2-1 3.667-3 5l3 3c2.667-2 4.333-4.667 5-8V.925H.971z"
                                                fill="#fff" fill-rule="nonzero"></path>
                                        </svg>
                                        <!--<![endif]-->
                                        <!--[if lte IE 8 ]>
                      <img src="<?php echo THEME_FOLDER ?>/img/social/kakao.png" alt="" width="10" height="18">
                      <![endif]-->
                                    </span>
                                </a>
                                <a href="">
                                    <span class="icon i-circle i-url">
                                        <!--[if gte IE 9]><!-->
                                        <svg width="24" height="11" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M7.82.758v6.087c0 1.012-.316 1.811-.949 2.4-.632.588-1.497.882-2.593.882-1.079 0-1.936-.286-2.57-.857-.635-.571-.959-1.356-.972-2.355V.758h1.905v6.1c0 .605.145 1.046.434 1.323.29.278.691.416 1.203.416 1.071 0 1.615-.563 1.632-1.688V.758h1.91zm4.983 5.859h-1.517V10H9.382V.758h3.434c1.092 0 1.934.243 2.526.73.593.486.889 1.174.889 2.063 0 .63-.137 1.156-.41 1.577-.272.421-.686.757-1.24 1.006l2 3.777V10h-2.045l-1.733-3.383zm-1.517-1.543h1.536c.478 0 .849-.121 1.111-.365.262-.243.394-.578.394-1.006 0-.436-.124-.779-.372-1.028-.247-.25-.627-.375-1.14-.375h-1.529v2.774zm8.297 3.396h4.043V10h-5.948V.758h1.905V8.47z"
                                                fill="#fff" fill-rule="nonzero"></path>
                                        </svg>
                                        <!--<![endif]-->
                                        <!--[if lte IE 8 ]>
                      <img src="<?php echo THEME_FOLDER ?>/img/social/url.png" alt="" width="24" height="11">
                      <![endif]-->
                                    </span>
                                </a>
                            </span>
                            <span class="icon i-circle i-toggle expanded"
                                data-toggle=".share-footer-main .hidden-icons">
                            </span>
                        </div>
                    </div>

                    <div class="copyright" style="padding-bottom:0">
                        <!-- span class="reporter">강혜진 기자</span>
                            <span>
                                <저작권자 ⓒ '종교 신문 1위' 크리스천투데이, 무단전재 및 재배포 금지>​
                            </span-->
                    </div>

                    <div class="related">
                        <h4>관련기사를 더 보시려면,</h4>
                        <ul>
                            <?php foreach($relatedNews as $r) {?>
                            <li><a
                                    href="/news/<?php echo $this->uri->segment(2) ?>/<?php echo $r->postID ?>"><?php echo $r->postTitle?></a>
                            </li>
                            <?php }?>
                        </ul>
                    </div>

                    <!--Comment-->
                    <div class="comment cm-news-comment">
                        <?php $this->load->view('templates/partial/comment')?>
                    </div>
                </div>
            </div>


            <!-- side bar -->
            <div class="sidebar">
                <div class="ad gap-bottom-sm"><a href=""><img
                            src="https://crossmap.co.kr/files/advertisement/2019/04/b65bc12d9a44a20ea93b4680a800652c.png"
                            alt="" width="300" height="260"></a></div>

                <section class="realtime-rank gap-bottom-md" id="list">
                    <header class="row-header">
                        <h2>많이 본 뉴스</h2>
                        <div class="viewall">
                            <span>
                                <a href="javascript:sideNewsRankNav(-1)"><img
                                        src="<?php echo THEME_FOLDER?>/img/img_section_left.jpg"></a><a
                                    href="javascript:sideNewsRankNav(1)"><img
                                        src="<?php echo THEME_FOLDER?>/img/img_section_right.jpg"></a>
                            </span>
                        </div>
                    </header>
                    <div class="rank-list">
                        <ol class="col-item side-news-rank page1">
                            <?php
                                for ($i = 0; $i < 9; $i++) {
                                    echo '<li><a href="/news/'. $this->uri->segment(2). '/'. $hotNews[$i]->postSeq . '">' . $hotNews[$i]->postTitle . '</a></li>';
                                }
                                ?>
                        </ol>
                        <ol class="col-item side-news-rank page2" start="10">
                            <?php
                                for ($i = 9; $i < 18; $i++) {
                                    echo '<li><a href="/news/'. $this->uri->segment(2). '/'. $hotNews[$i]->postSeq. '">' . $hotNews[$i]->postTitle . '</a></li>';
                                }
                                ?>
                        </ol>
                        <ol class="col-item side-news-rank page3" start="20">
                            <?php
                                for ($i = 18; $i < 27; $i++) {
                                    echo '<li><a href="/news/'. $this->uri->segment(2). '/'. $hotNews[$i]->postSeq . '">' . $hotNews[$i]->postTitle . '</a></li>';
                                }
                                ?>
                        </ol>
                    </div>
                </section>

                <!--오늘의 포토-->
                <div class="todayPhoto">
                    <h4>
                        <a href="#">오늘의 포토</a>
                    </h4>
                    <div class="photoBox"
                        style="background:url('<?php echo $photoNews[0]->postImage ?>') no-repeat center; background-size:cover;">
                        <div class="bg"></div>

                        <h5><a href="/channel/<?php echo $photoNews[0]->pageID ?>/<?php echo $photoNews[0]->postID ?>"
                                class="cm-photo-news-link"><?php echo $photoNews[0]->postTitle ?></a></h5>

                        <ul>
                            <li class="current"
                                itemref="/channel/<?php echo $photoNews[0]->pageID ?>/<?php echo $photoNews[0]->postID ?>"
                                title="<?php echo $photoNews[0]->postTitle ?>"
                                contextmenu="<?php echo $photoNews[0]->postImage ?>"
                                style="background:url('<?php echo $photoNews[0]->postImage ?>') no-repeat center; background-size:cover;">
                            </li>
                            <li itemref="/channel/<?php echo $photoNews[1]->pageID ?>/<?php echo $photoNews[1]->postID ?>"
                                title="<?php echo $photoNews[1]->postTitle ?>"
                                contextmenu="<?php echo $photoNews[1]->postImage ?>"
                                style="background:url('<?php echo $photoNews[1]->postImage ?>') no-repeat center; background-size:cover;">
                            </li>
                            <li itemref="/channel/<?php echo $photoNews[2]->pageID ?>/<?php echo $photoNews[2]->postID ?>"
                                title="<?php echo $photoNews[2]->postTitle ?>"
                                contextmenu="<?php echo $photoNews[2]->postImage ?>"
                                style="background:url('<?php echo $photoNews[2]->postImage ?>') no-repeat center; background-size:cover;">
                            </li>
                        </ul>

                        <div class="control">
                            <div class="arrowPrev"><i class="fas fa-chevron-left"></i></div>
                            <div class="arrowNext"><i class="fas fa-chevron-right"></i></div>
                        </div>
                    </div>
                </div>
                <!--기도소식-->
                <div class="sideBox">
                    <h4>
                        <a href="#">기도소식</a>
                    </h4>
                    <ul>
                        <li class="current"
                            style="background:url('<?php echo $prayNews[0]->postImage ?>') no-repeat center; background-size:cover;">
                            <a
                                href="/channel/<?php echo $prayNews[0]->pageID ?>/<?php echo $prayNews[0]->postID ?>"><?php echo $prayNews[0]->postTitle ?></a>
                        </li>
                        <li
                            style="background:url('<?php echo $prayNews[1]->postImage ?>') no-repeat center; background-size:cover;">
                            <a
                                href="/channel/<?php echo $prayNews[1]->pageID ?>/<?php echo $prayNews[1]->postID ?>"><?php echo $prayNews[1]->postTitle ?></a>
                        </li>
                        <li
                            style="background:url('<?php echo $prayNews[2]->postImage ?>') no-repeat center; background-size:cover;">
                            <a
                                href="/channel/<?php echo $prayNews[2]->pageID ?>/<?php echo $prayNews[2]->postID ?>"><?php echo $prayNews[2]->postTitle ?></a>
                        </li>
                        <li
                            style="background:url('<?php echo $prayNews[3]->postImage ?>') no-repeat center; background-size:cover;">
                            <a
                                href="/channel/<?php echo $prayNews[3]->pageID ?>/<?php echo $prayNews[3]->postID ?>"><?php echo $prayNews[3]->postTitle ?></a>
                        </li>
                    </ul>
                </div>

                <!--banner-->
                <div class="ad gap-bottom-sm"><a href=""><img src="<?php echo THEME_FOLDER ?>/img/bn-300-webtoon.jpg"
                            alt="" width="300"></a>
                </div>

                <div class="ad gap-bottom-sm"><a href=""><img src="<?php echo THEME_FOLDER ?>/img/bn-300-grace.jpg"
                            alt="" width="300"></a>
                </div>

            </div>

        </div>

        <!--goto Top-->
        <div class="gotoTop">
            <a href="#"><img src="<?php echo THEME_FOLDER ?>/img/top.gif"></a>
        </div>

    </div>
</main>

<?php $this->load->view('templates/news/news-footer')?>