<%
/**
 * <pre>
 * @Class Name : selectMemberJoiningInfo.jsp
 * 
 * @Description : 회원가입 이용약관
 * 
 * 
 * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
 *
 * </pre>
 *
 * @ ------------    --------    ---------------------------
 * @ 수정일                     수정자             수정내용
 * @ ------------    --------    ---------------------------
 * @ 2021. 7. 12.    JSYOO       최초 생성
 *
 * 
 * @author 이씨플라자 * DIGITALSHIP JSYOO
 * @since 2021. 7. 12.
 * @version 1.0
 *
 */
 %>
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>
<script>
function snsCertForm(){
	if(!(document.getElementsByName('agree')[0].checked))
	{
		alert("이용약관에 동의해주세요.");
		document.termsForm.agree[0].focus()
		return false;
	}
	if(!(document.getElementsByName('agree')[1].checked))
    {
        alert("개인정보처리정책에 동의해주세요.");
        document.termsForm.agree[1].focus()
        return false;
    }
	location.href="${pageContext.request.contextPath}/member/insertMemberInfoForm.do";
}

function cancle(){
	location.href="${pageContext.request.contextPath}/login/memberSnsForm.do";
}
</script>
</head>
<body>
<!-- 회원가입 섹션 -->
    <section class="location join">
        <h2 class="blind">회원가입 섹션영역</h2>
        <div class="inner">
            <div class="row-top">
                <div class="location-box">
                    <ul class="loc">
                        <li>HOME</li>
                        <li class="on">회원가입</li>
                    </ul>
                    <ul class="tit">
                        <li><span>회원</span>가입</li>
                    </ul>
                </div>
                <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
            </div>
            <div class="row-bottom">
                <div class="join-box">
                    <div class="step">
                        <div class="s1">
                            <div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="인증 성공 아이콘"></div>
                            <div class="text"><p>STEP 01</p><p>본인인증</p></div>
                        </div>
                        <div class="s2 on">
                            <div class="icon"><img src="/images/icon/icon-join-step2-on.png" alt="약관동의 아이콘"></div>
                            <div class="text"><p>STEP 02</p><p>약관동의</p></div>
                        </div>
                        <div class="s3">
                            <div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력 아이콘"></div>
                            <div class="text"><p>STEP 03</p><p>정보입력</p></div>
                        </div>
                    </div>
                    <div class="privacy-box">
                        <div class="use">
                            <div class="con-1">
                                <div class="title"><c:out value="${termTitle}" escapeXml="false"/></div>
                                <div class="chk"><input type="checkbox" id="pri-chk1" name="agree"><label for="pri-chk1">동의합니다.</label></div>
                            </div>
                            <div class="con-2">
                                <div class="textarea mCustomScrollbar" data-mcs-theme="dark-2">
                                   <c:out value="${termContent}" escapeXml="false"/> 
                                </div>
                            </div>
                        </div>
                        <div class="pri">
                            <div class="con-1">
                                <div class="title"><c:out value="${privacyTitle}" escapeXml="false"/></div>
                                <div class="chk"><input type="checkbox" id="pri-chk2" name="agree"><label for="pri-chk2">동의합니다.</label></div>
                            </div>
                            <div class="con-2">
                                <div class="textarea mCustomScrollbar" data-mcs-theme="dark-2">
                                    <c:out value="${privacyContent}" escapeXml="false"/> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="btn-box">
                        <button type="button" class="btn btn-gray" id="cancel" onclick="cancle();">취소</button>
                        <button type="button" class="btn btn-color" id="submit" onclick="snsCertForm();">다음</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
</body>
</html>