dbs289
/
LifeCenter


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
<script>
$( function(){
    $( "#accept-all" ).click( function(){
        if( $( this ).is( ":checked" ) == true ) {
            console.log(  $( this ).is( ":checked" ) );
            $( ".accept-checkbox" ).prop( "checked", true );
        } else {
            $( ".accept-checkbox" ).prop( "checked", false );
        }
    });
    
    $( "#acceptForm" ).validate({
        submitHandler: function(form) {
            if( $( ".accept-checkbox[accessKey='required']" ).not(':checked').length > 0 ){
                alertBox({ txt : "서비스를 이용하시려면 필수 약관에 모두 동의해주세요" });
            } else {
                form.submit();
            }
        }
    });
})
</script>
<style>
<!--
 /* Font Definitions */
 @font-face    {font-family:"Cambria Math";    panose-1:2 4 5 3 5 4 6 3 2 4;}
 @font-face    {font-family:"Arial Unicode MS";    panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face    {font-family:"Malgun Gothic";    panose-1:2 11 5 3 2 0 0 2 0 4;}
@font-face    {font-family:함초롬바탕;    panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face    {font-family:함초롬돋움;    panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face    {font-family:휴먼명조;    panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face    {font-family:HYGothic-Medium;    panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face    {font-family:"\@Malgun Gothic";}
@font-face    {font-family:"\@Arial Unicode MS";    panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face    {font-family:"\@휴먼명조";    panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face    {font-family:"\@HYGothic-Medium";    panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face    {font-family:"\@함초롬바탕";    panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face    {font-family:"\@함초롬돋움";    panose-1:0 0 0 0 0 0 0 0 0 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal{margin:0in;text-autospace:none;word-break:break-all;font-size:11.0pt;font-family:"Malgun Gothic",sans-serif;}
p.a, li.a, div.a{mso-style-name:바탕글; margin:0in;text-align:justify;text-justify:inter-ideograph;line-height:103%;text-autospace:none;  word-break:break-all;font-size:10.0pt;font-family:"함초롬바탕",serif;color:black;}
.MsoChpDefault    {font-family:"Malgun Gothic",sans-serif;}
 /* Page Definitions */
 @page WordSection1    {size:595.25pt 841.85pt;    margin:99.2pt 85.0pt 85.0pt 85.0pt;}
div.WordSection1    {page:WordSection1;}
 /* List Definitions */
 ol    {margin-bottom:0in;}
ul    {margin-bottom:0in;}
-->
</style>
</head>
<body>
    <div class="main">
        <div class="mt-0 ml-6 mr-6 mb-6">
            <div class="text-center">
                <a class="sidebar-brand" href="javascript:;"> 
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-box align-middle"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                    <span class="align-middle text-dark">생활치료센터 의료진 시스템</span>
                </a>
                <h1 class="mt-2">약관 및 개인정보 활용 동의</h1>
            </div>
            
            <hr class="my-4">
            
            <main class="content">
                <div class="container-fluid p-0">
                    <div class="row">
                        <div class="col-8 col-lg-8">
                            <h1 class="h3 mb-3">※ 관리자 및 의료진용 서비스 이용을 위한 약관 및 개인정보활용 동의해주세요</h1>
                        </div>
                        <div class="col-4 col-lg-4 text-right">
                            <h4 class="text-info">
                                <input type="checkbox" id="accept-all" />
                                <label for="accept-all">아래 전체 약관에 동의합니다.</label>
                            </h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <form action="/accept/insert" method="post" id="acceptForm">
                                    <div class="card-body">
                                        <c:forEach var="al" items="${acceptList}" varStatus="lStatus">
                                            <div class="row mb-3">
                                                <div class="col-12">
                                                    <h4 class="">${lStatus.index + 1}. <c:out value="${al.title}"/>
                                                        <c:if test="${al.necessaryYn eq 'Y'}">(필수)</c:if>
                                                        <c:if test="${al.necessaryYn ne 'Y'}">(선택)</c:if>
                                                    </h4>
                                                </div>
                                            </div>
                                            
                                            <div style="width:100%;height:300px;overflow-y:auto;padding:20px;background:#e9ecef;border:1px solid #ced4da;">
                                                <c:out value="${al.content}" escapeXml="false"/>
                                            </div>
                                            
                                            <div class="row mt-3">
                                                <div class="col-12">
                                                    <div class="text-right">
                                                        <h4 class="text-info">
                                                            <input type="checkbox" name="acceptIdx" value="${al.acceptIdx}" class="accept-checkbox" id="accept${lStatus.index}" <c:if test="${al.necessaryYn eq 'Y'}">accessKey="required"</c:if>>
                                                            <label for="accept${lStatus.index}">위의 약관에 동의합니다.</label>
                                                        </h4>
                                                    </div>
                                                </div>
                                            </div>
                                        </c:forEach>
                                        
                                        
                                        <hr class="my-4">
                                        
                                        <div class="row mt-3">
                                            <div class="col-12">
                                                <div class="text-center">
                                                    <button type="submit" class="btn btn-primary  btn-lg">동의합니다</button>
                                                    <button type="button" class="btn btn-warning  btn-lg" onclick="location.href='./list';">동의하지 않습니다</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
        </div>
        
        <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include>
    </div>
</body>
</html>