<?php
if (!defined('_GNUBOARD_')) {
    exit;
} // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="' . G5_THEME_CSS_URL . '/skin/mobile/asktheme.faq.css">', 0);

if ($admin_href) {
    echo '<div class="faq_admin"><a href="' . $admin_href . '" class="button primary">FAQ 수정</a></div>';
}
?>

<!-- FAQ 시작 { -->
<?php
if ($himg_src) {
    echo '<div id="faq_himg" class="faq_img"><img src="' . $himg_src . '" alt=""></div>';
}

// 상단 HTML
echo '<div id="faq_hhtml">' . conv_content($fm['fm_head_html'], 1) . '</div>';
?>

<?php if (count($faq_master_list)) { ?>
    <div id="bo_cate" class="tab-wrap">
        <h2 class="sound-only">자주하시는질문 분류</h2>
        <ul id="bo_cate_ul" class="tabs tab-header">
            <?php
            foreach ($faq_master_list as $v) {
                $category_msg = '';
                $category_option = '';
                if ($v['fm_id'] == $fm_id) { // 현재 선택된 카테고리라면
                    $category_option = ' id="bo_cate_on"';
                    $category_msg = '<span class="sound_only">열린 분류 </span>';
                }
                $active = '';
                if (!$fm_id) {
                    $active = 'active';
                }
                if ($fm_id == $v['fm_id']) {
                    $active = 'active';
                }
                ?>
                <li class="<?php echo $active ?>"><a href="<?php echo $category_href; ?>?fm_id=<?php echo $v['fm_id']; ?>" <?php echo $category_option; ?> ><?php echo $category_msg . $v['fm_subject']; ?></a></li>
                <?php
            }
            ?>
        </ul>
        <div id="faq_wrap" class="faq_<?php echo $fm_id; ?> tab-contents">
            <?php
            // FAQ 내용
            if (count($faq_list)) {
                ?>
                <section id="faq_con">
                    <h2 class="sound-only"><?php echo $g5['title']; ?> 목록</h2>
                    <ol>
                        <?php
                        foreach ($faq_list as $key => $v) {
                            if (empty($v)) {
                                continue;
                            }
                            ?>
                            <li>
                                <h3><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a></h3>
                                <div class="con_inner list-content-wrap">
                                    <?php echo conv_content($v['fa_content'], 1); ?>
                                    <div class="con_closer"><button type="button" class="close-button button primary">닫기</button></div>
                                </div>
                            </li>
                            <?php
                        }
                        ?>
                    </ol>
                </section>
                <?php
            } else {
                echo '<ol><li><div class="list-content-wrap">';
                if ($stx) {
                    echo '<p class="empty_list">검색된 게시물이 없습니다.</p>';
                } else {
                    echo '<div class="empty_list">등록된 FAQ가 없습니다.';
                    if ($is_admin) {
                        echo '<br><a href="' . G5_ADMIN_URL . '/faqmasterlist.php">FAQ를 새로 등록하시려면 FAQ관리</a> 메뉴를 이용하십시오.';
                    }
                    echo '</div>';
                }
                echo '</div></li></ol>';
            }
            ?>
        </div>
    </div>
<?php } ?>
<div class="paging-wrap">
    <?php echo get_paging($page_rows, $page, $total_page, $_SERVER['SCRIPT_NAME'] . '?' . $qstr . '&amp;page='); ?>
</div>


<?php
// 하단 HTML
echo '<div id="faq_thtml">' . conv_content($fm['fm_tail_html'], 1) . '</div>';

if ($timg_src) {
    echo '<div id="faq_timg" class="faq_img"><img src="' . $timg_src . '" alt=""></div>';
}
?>

<div class="search-wrap">
    <fieldset id="faq_sch">
        <legend class="sound-only">FAQ 검색</legend>
        <form name="faq_search_form" method="get">
            <input type="hidden" name="fm_id" value="<?php echo $fm_id; ?>">
            <div class="stx-tbl">
                <div class="stx-cell">
                    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
                    <input type="text" name="stx" value="<?php echo $stx; ?>" required id="stx" class="required" size="15" maxlength="15">
                </div>
                <div class="stx-cell">
                    <button type="submit"><i class='fa fa-search'></i></button>
                </div>
            </div>
        </form>
    </fieldset>
</div>
<!-- } FAQ 끝 -->

<?php
if ($admin_href) {
    echo '<div class="faq_admin"><a href="' . $admin_href . '" class="button primary">FAQ 수정</a></div>';
}
?>

<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
<script type="text/javascript">
                                    $(function () {
                                        $(".close-button").on("click", function () {
                                            $(this).closest(".con_inner").slideToggle();
                                        });
                                    });

                                    function faq_open(el)
                                    {
                                        var $con = $(el).closest("li").find(".con_inner");

                                        if ($con.is(":visible")) {
                                            $con.slideUp();
                                        } else {
                                            $("#faq_con .con_inner:visible").css("display", "none");

                                            $con.slideDown(
                                                    function () {
                                                        // 이미지 리사이즈
                                                        $con.viewimageresize2();
                                                    }
                                            );
                                        }

                                        return false;
                                    }
</script>