<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
<%@ page import="itn.com.cmm.LoginVO" %>
<script src="/js/MJUtill.js"></script>
<script src="/js/kakao/templateComm.js"></script>
<script type="text/javascript">

function linkPage(pageNo){
    document.searchForm.pageIndex.value = pageNo;
    listLoad();
}

function fnChannelReg(){
	
	//기업회원 여부 체크
	if(usrDeptChk()){
		
		location.href="<c:url value='/web/mjon/kakao/profile/selectKaKaoProfileList.do'/>";
		
	}	
	
}

function fnTemplateReg(){
	
	//기업회원 여부 체크
	if(usrDeptChk()){
	
		location.href="<c:url value='/web/mjon/kakao/template/selectKaKaoTemplateList.do'/>";
		
	}
}

function fnGoFriends(){
	
	alert("친구톡 메뉴는 현재 개발이 진행 중입니다.");
	return false;
	
}

</script>



<form id="searchForm" name="searchForm" method="post">
	<input type="hidden" id="pageIndex" name="pageIndex" value=""/>
</form>

<form id="bizForm" name="bizForm" method="post">
	<input type="hidden" id="menuTopTab" name="menuTopTab" value="tabConf">
	<input type="hidden" id="menuSubTab" name="menuSubTab" value="tabStep">
</form>

<!-- 기업회원 이동 팝업 -->
<div class="tooltip-wrap cvt_member_popup_wrap">
    <div class="popup-com cvt_member_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
       <div class="popup_heading">
           <p>알림</p>
           <button type="button" class="tooltip-close" data-focus="popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
       </div>
       <div class="layer_in">
           <p>카카오톡 알림톡은 기업회원만 전송 가능합니다.<br>기업회원 전환 페이지로 이동하시겠습니까?</p>
           <div class="popup_btn_wrap2">
           	<button type="button" onclick="location.href='/web/user/membershipChange.do'">확인</button>
               	<button type="button" class="tooltip-close" data-focus="popup01-close" data-focus-next="popup01">취소</button>
            </div>
        </div>
    </div>
</div>
<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>

<!-- content 영역 -->
<div class="inner">
    <!-- send top -->
    <div class="send_top">
        <!-- tab button -->
        <%@include file="/WEB-INF/jsp/web/kakao/include/KaKaoAlimtalkTopMenuTap.jsp" %>
        <!--// tab button -->
        <!-- 주소록 관리 - 주소록 관리 -->
        <div class="top_content kakaotalkset_cont current">
            <div class="heading">
                <h2>카카오톡 설정</h2>
            </div>
            <div class="list_tab_wrap2 type2">
                <!-- tab button -->
                <%@include file="/WEB-INF/jsp/web/kakao/include/KaKaoAlimtalkSubMenuTap.jsp" %>
                <!--// tab button -->
            </div>

            <div class="kakao_use_guide_cont">
                <ul class="kakao_use_guide">
                    <li class="guide_01">
                        <i></i>
                        <p class="guide_title">카카오톡 채널 가입</p>
                        <span class="guide_info">카카오톡 채널 생성을 위한 계정이 없으시다면, 카카오에서 카카오톡 비즈니스 회원가입을 먼저
                            진행해주세요.</span>
                        <div class="btn_wrap">
                            <a href="https://center-pf.kakao.com/" target="_blank">채널가입 바로가기</a>
                        </div>
                    </li>
                    <li class="guide_02">
                        <i></i>
                        <p class="guide_title">채널ID 등록</p>
                        <span class="guide_info">가입하신 카카오톡 채널이름을 [채널ID 등록/관리] 메뉴에 등록해주세요.</span>
                        <div class="btn_wrap">
                            <a href="javascript:fnChannelReg();">채널ID 등록 바로가기</a>
                        </div>
                    </li>
                    <li class="guide_03">
                        <i></i>
                        <p class="guide_title">알림톡 템플릿 등록</p>
                        <span class="guide_info">알림톡 발송 시, 템플릿 등록 후 카카오 승인 완료시 발송이 가능합니다. 템플릿승인 기간은 7일 ~ 10일 소요 되며,
                            사전에 등록해주세요.</span>
                        <div class="btn_wrap">
                            <a href="javascript:fnTemplateReg();">템플릿 등록 바로가기</a>
                        </div>
                    </li>
                    <li class="guide_04">
                        <i></i>
<!--                         <p class="guide_title">알림톡/친구톡 발송</p> -->
                        <p class="guide_title">알림톡 발송</p>
<!--                         <span class="guide_info">알림톡은 승인된 템플릿으로 발송을 합니다. 친구톡은 포토이미지 + TXT 또는 1,000자의 메시지를 즉시 발송합니다.</span> -->
                        <span class="guide_info">알림톡은 승인된 템플릿으로만 발송됩니다.</span >
                        <div class="btn_wrap">
                            <a href="<c:url value='/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do'/>">알림톡 바로가기</a>
<!--                             <a href="javascript:fnGoFriends();">친구톡 바로가기</a> -->
                        </div>
                    </li>
                </ul>

                <p class="tType1_title">FAQ</p>
                <ul class="qna">
                	<c:forEach var="result" items="${resultList}" varStatus="status">
	                    <li>
	                        <button type="button" onclick="qnaList(this)" title="닫힘">
	                            <p class="question_text">Q.</p>
	                            <P><c:out value="${result.nttSj}" /></P>
	                        </button>
	                        <div class="qna_answer">
	                            <p class="answer_text">A.</p>
	                            <p class="answer_cont">
	                            	<c:out value="${result.nttCn}" escapeXml="false" />
	                            </p>
	                        </div>
	                    </li>
                    </c:forEach>
                </ul>
                <!-- pagination -->
                <ul class="pagination">
                    <ui:pagination paginationInfo="${paginationInfo}" type="imageWeb" jsFunction="linkPage" />
                </ul><!-- pagination -->

            </div>
        </div>
    </div>
    <!--// 주소록 관리 - 주소록 관리 -->
</div>
<!--// send top -->
