<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$faq_skin_url.'/style.css">', 0);
?>

<!-- FAQ 시작 { -->
<?php
// 상단 HTML
echo '<div id="faq_hhtml">'.conv_content($fm['fm_mobile_head_html'], 1).'</div>';
?>

<?php
if( count($faq_master_list) ){
?>

<div class="faq_inner">
	<div id="faq_sch">
		<legend>FAQ 검색</legend>
	    <form name="faq_search_form" method="get" class="faq_sch_frm">
	    <input type="hidden" name="fm_id" value="<?php echo $fm_id;?>">
	    <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="frm_input" size="15" maxlength="15" placeholder="검색어">
	    <button type="submit" value="검색" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
	    </form>
	</div>

	<nav id="bo_cate">
	    <h2>자주하시는질문 분류</h2>
	    <ul id="bo_cate_ul">
	        <?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>';
	            }
	        ?>
	        <li><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>
	</nav>
	<?php } ?>

	<div id="faq_wrap" class="faq_<?php echo $fm_id; ?>">
	    <?php // FAQ 내용
	    if( count($faq_list) ){
	    ?>
	    <section id="faq_con">
	        <h2><?php echo $g5['title']; ?> 목록</h2>
	        <ol>
	            <?php
	            foreach($faq_list as $key=>$v){
	                if(empty($v))
	                    continue;
	            ?>
	            <li>
	            	<h3><button onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></button></h3>
	                <div class="con_inner pv_ji_close">
	                    <?php echo conv_content($v['fa_content'], 1); ?>
	                </div>
	            </li>
	            <?php
	            }
	            ?>
	        </ol>
	    </section>
	    <?php
	
	    } else {
	        if($stx){
	            echo '<p class="empty_list">검색된 게시물이 없습니다.</p>';
	        } else {
	            echo '<div class="empty_table">등록된 FAQ가 없습니다.';
	            if($is_admin)
	                echo '<br><a href="'.G5_ADMIN_URL.'/faqmasterlist.php">FAQ를 새로 등록하시려면 FAQ관리</a> 메뉴를 이용하십시오.';
	            echo '</div>';
	        }
	    }
	    ?>
	</div>

<?php echo get_paging($page_rows, $page, $total_page, $_SERVER['SCRIPT_NAME'].'?'.$qstr.'&amp;page='); ?>

<?php
// 하단 HTML
echo '<div id="faq_thtml">'.conv_content($fm['fm_mobile_tail_html'], 1).'</div>';
?>
</div>
<!-- } FAQ 끝 -->

<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
<script>
$(function() {
    $(".closer_btn").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>