<%@ 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="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="ckeditor" uri="http://ckeditor.com"%>
<%   
	response.setHeader("Cache-Control","no-store");   
	response.setHeader("Pragma","no-cache");   
	response.setDateHeader("Expires",0);   
	if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache"); 
%> 
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <title> <c:choose>
            <c:when test="${secVO.secCd eq '02'}">보안정책 등록</c:when>
            <c:when test="${secVO.secCd eq '03'}">보안서약서 등록</c:when>
            <c:when test="${secVO.secCd eq '04'}">모의훈련 등록</c:when>
            </c:choose> </title>
    <link rel="stylesheet" href="/direct/css/font.css">
    <link rel="stylesheet" href="/direct/css/reset.css">
    <link rel="stylesheet" href="/direct/css/enroll_popup.css">
    <link rel="stylesheet" href="/direct/css/file_upload_2.css">
    <script src="/direct/js/jquery-1.11.3.min.js"></script>
    <script src="/direct/js/jquery-ui.min.js"></script>
    <script src="/direct/js/script.js"></script>
    <script src="/direct/js/popup_open_2.js"></script>
    <script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
    <script type="text/javascript" src="/js/audit/audit.common.js"></script>  
	<%@ taglib prefix="ckeditor" uri="http://ckeditor.com"%> 
	  
    <script type="text/javaScript" language="javascript">
    $( document).ready(function() {
     	set_file_image(); //파일 이미지 세팅
    	
    	
    	/* 임시저장 버튼 클릭시 */
		$("#audit_btn_imsi").click(function (event){ 
			var frm = document.writeForm;
			CKEDITOR.instances.secCn.updateElement();
			if(frm.secSj.value ==""){
		    	alert("제목은 필수 값입니다.");
				return;
			}
			frm.imsi.value = 'Y' ;
			$("#audit_update_btn").trigger("click") ;	
		});
		
    	/* 저장,수정 버튼 클릭시 */
    	$("#audit_save_btn").click(function (event){
    		var frm = document.writeForm;
    		CKEDITOR.instances.secCn.updateElement();
    		if(frm.secSj.value ==""){
    	    	alert("제목은 필수 값입니다.");
    			return;
    		}
    		frm.imsi.value = 'N' ;
    		$("#audit_update_btn").trigger("click") ;	
    	});
    	
    	/* 화면에는 숨겨져 있으나 실제 임시저장, 저장, 수정 모두 처리된다. */
    	$("#audit_update_btn").click(function (event){
    		event.preventDefault();
    	    var frm = document.writeForm;
    	    if(frm.secSj.value ==""){
    	    	alert("제목은 필수 값입니다.");
    			return;
    		}
    	    var logCmd = ""; //로그 구분
    		if($('#pageType').val() == "New"){
    			logCmd = "I";
    		}else if($('#pageType').val() == "Modify"){
    			logCmd = "U";
    		}
    		
    		var secCd = "";
        	if($('#secCd').val() == '02'){
        		secCd = "02";
        	}else if($('#secCd').val() == '03'){
        		secCd = "03";
        	}else if($('#secCd').val() == '04'){
        		secCd = "04";
        	}
    	    setButtonDisableEvent("T") ;
    	    var data = new FormData(frm);
    	    $.ajax({
    	        type: "POST",
    	        url: "/uss/itsm/security/SecUpdateAjax.do?logCmd="+logCmd+secCd,
    	        data: data,
    	        dataType:'jsonp',
    	        processData: false,
    	        contentType: false,
    	        cache: false,
    	        timeout: 600000,
    	        success: function (returnData, status) {
    	            if(status == 'success'){
    	            	if(returnData.result == 'fail'){
    	            		alert("저장에 실패하였습니다.");
    	            		setButtonDisableEvent("F") ;
    	            	}else if(returnData.result == 'auth_fail'){
    	            		alert("세션이 종료되었습니다.");
    	            		if(opener !=null){
    	            			opener.location.reload();	
    	            		} 
    	            		window.self.close() ;
    	            	}else if(returnData.result =='success'){
    	            		if(opener !=null){
    	            			opener.location.reload();	
    	            		}
    	            		if($('#imsi').val()=='Y'){
    	            			alert("임시 저장되었습니다.");
    	            			setButtonDisableEvent("F") ;
    	            		}else{
    	            			alert("저장되었습니다.");
    	            			window.self.close() ;
    	            		}
    	            	}
    	            }else{
    	            	alert("저장에 실패하였습니다.");
    	            	setButtonDisableEvent("F") ;
    	            }
    	        },
    	        error: function (e) {
    	            console.log("ERROR : ", e);
    	            setButtonDisableEvent("F") ;
    	            alert("저장에 실패하였습니다.");
    	        }
    	    });
    	});
    	
    	
    	/*삭제,취소 버튼 클릭시*/
    	$("#auth_delete_btn").click(function (event){
    		var secCd = "";
        	if($('#secCd').val() == '02'){
        		secCd = "02";
        	}else if($('#secCd').val() == '03'){
        		secCd = "03";
        	}else if($('#secCd').val() == '04'){
        		secCd = "04";
        	}
    		event.preventDefault();
    		var frm = document.writeForm;
    		var data = new FormData(frm);
    	    $.ajax({
    	        type: "POST",
    	        url: "/uss/itsm/security/SecDeleteAjax.do?logCmd="+secCd,
    	        data: data,
    	        dataType:'jsonp',
    	        processData: false,
    	        contentType: false,
    	        cache: false,
    	        timeout: 600000,
    	        success: function (returnData, status) {
    	            if(status == 'success'){
    	            	if(returnData.result == 'fail'){
    	            		alert("저장에 실패하였습니다.");
    	            		setButtonDisableEvent("F") ;
    	            	}else if(returnData.result == 'auth_fail'){
    	            		alert("세션이 종료되었습니다.");
    	            		if(opener !=null){
    	            			opener.location.reload();	
    	            		} 
    	            		window.self.close() ;
    	            	}else if(returnData.result =='success'){
    	            		if(opener !=null){
    	            			opener.location.reload();	
    	            		}
    	            		if($('#auth_delete_btn').attr("buttonType") == "Cancel"){
    	            			alert("취소되었습니다.");
    	            		}else{
    	            			alert("삭제되었습니다.");	
    	            		}
                			window.self.close() ;
    	            	}
    	            }else{
    	            	alert("저장에 실패하였습니다.");
    	            	setButtonDisableEvent("F") ;
    	            }
    	        },
    	        error: function (e) {
    	            console.log("ERROR : ", e);
    	            setButtonDisableEvent("F") ;
    	            alert("저장에 실패하였습니다.");
    	        }
    	    });
    	});
    	
    	var objDragAndDrop = $(".file_upload_box");
        $(document).on("dragenter",".file_upload_box",function(e){
            e.stopPropagation();
            e.preventDefault();
            $(this).css('border', '2px solid #0B85A1');
        });
        $(document).on("dragover",".file_upload_box",function(e){
            e.stopPropagation();
            e.preventDefault();
        });
        $(document).on("drop",".file_upload_box",function(e){
            $(this).css('border', '2px dotted #0B85A1');
            e.preventDefault();
            var files = e.originalEvent.dataTransfer.files;
            handleFileUpload(files,objDragAndDrop);  //파일업로드
        });
         
        $(document).on('dragenter', function (e){
            e.stopPropagation();
            e.preventDefault();
        });
        $(document).on('dragover', function (e){
          e.stopPropagation();
          e.preventDefault();
          objDragAndDrop.css('border', '2px dotted #0B85A1');
        });
        $(document).on('drop', function (e){
            e.stopPropagation();
            e.preventDefault();
        });
        
        $(function() {
    		$('#egovComFileUploader').change(function(e){
        	   var objUpload = $(".file_upload_box");
        	        var files = $("#egovComFileUploader")[0].files;
        	        handleFileUpload(files,objUpload);  //파일업로드 
        	   });
        	});
    	
    
     
    function handleFileUpload(files,obj)  //업로드 function
    {
       var limitsize = 50*1024*1024;  //파일 제한 체크(50개, 50MB)
       var limitcount = 50;
       if($('.item_file_size').length + files.length + $('#tbody_fiielist').find('tr').length > limitcount ){
    	   alert("업로드 파일은 최대 50개 입니다.");
    	   return ;
       } 
       for (var i = 0; i < files.length; i++){ 
    	   if(files[i].size > limitsize){
    		   alert(files[i].name+"파일 사이즈가"+getStrFileSize(files[i].size)+"로 50MB이하만 업로드 가능합니다.");
    		   return ;
    	   }
       }
    	
       for (var i = 0; i < files.length; i++)
       {
            var fd = new FormData();
            fd.append('file', files[i]);
            sendFileToServer(fd, obj, files[i]);
            var totalfileSize = 0;
	       	$('.totalfileCount').text($('.upload_file_size').length) ;
	       	
	       	$('.upload_file_size').each(function(){
	       		totalfileSize += $(this).val()*1 ;
	       	});
	       	
	       	$('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 
       }
    }
    
    function sendFileToServer(formData, obj , fileObj)
    {
    	formData.append('secId', '${secVO.secId}'); //데이터 추가
    	
    	
    	var uploadURL = "/uss/itsm/security/SecFileUploadExe.do"; //Upload URL
        var extraData ={}; //Extra Data.
        var jqXHR=$.ajax({
                xhr: function() {
                var xhrobj = $.ajaxSettings.xhr();
                if (xhrobj.upload) {
                        xhrobj.upload.addEventListener('progress', function(event) {
                            var percent = 0;
                            var position = event.loaded || event.position;
                            var total = event.total;
                            if (event.lengthComputable) {
                                percent = Math.ceil(position / total * 100);
                            }
                        }, false);
                    }
                return xhrobj;
            },
            url: uploadURL,
            type: "POST",
            dataType:'jsonp',
            contentType:false,
            processData: false,
            cache: false,
            data: formData,
            async: false,
            success: function(returnData , status){
                if(returnData.result == 'auth_fail'){
                	alert("세션이 종료되었습니다.");
                }else if(returnData.result == 'success'){
        			 $('.upload_box_img').hide();  //list 박스 형식 변경
			         $('.upload_box_text').hide();
			         $('.uploaded_obj').show();
			         var list_html = "";
			         list_html += '<tr class="tr_upload_'+returnData.secItemVO.secItemId+'">';
			         list_html += '<td class="file_check">-</td>';
		        	 list_html += '<td class="file_title"><img src="'+getfile_img(fileObj.name)+'" alt=""><div class="eva_file_name">'+fileObj.name+'</div></td>';
		        	 list_html += '<td class="file_enroll_date">'+getDate()+'</td>';
		        	 list_html += '<td class="fileSize">'+getStrFileSize(fileObj.size)+'</td>';
		        	 list_html += '<td class="file_del"><img src="/direct/img/upload_delect_img.png" alt="" onclick="delete_item(\''+returnData.secItemVO.secItemId+'\' , \'tr_upload_\', \ this\); return false;"></td>';
		        	 list_html += '<input type="hidden" class="upload_file_size" value="'+fileObj.size+'">';
		        	 list_html += '<input type="hidden" name="secItemIds" value="'+returnData.secItemVO.secItemId+'">';
		        	 list_html += '</tr>';
		        	 $('#tbody_fiielist').append(list_html);
        		}
            }
        }); 
    }
    
    <c:if test="${!empty secItemFileList}">
    $('.upload_box_img').hide();
    $('.upload_box_text').hide();
    $('.uploaded_obj').show();
    var totalfileSize = 0;
	   	$('.totalfileCount').text($('.item_file_size').length) ;
	   	
	   var fileSize = 0;
	   $('.item_file_size').each(function(){
		  fileSize += $(this).find('.fileSize').text()*1 ;
		  $(this).find('.fileSize').text(getStrFileSize($(this).find('.fileSize').text()*1));
   });
		$('.totalfileSize').text(getStrFileSize(fileSize)) ;
</c:if>

<c:if test="${empty secItemFileList}">
    if($('.item_file_size').length == 0){
 	   $('.upload_box_img').show();
        $('.upload_box_text').show();
        $('.uploaded_obj').hide();
        
 	}else{
 		var totalfileSize = 0;
 	   	$('.totalfileCount').text($('.item_file_size').length) ;
 	   	$('.item_file_size').each(function(){
 	   		totalfileSize += $(this).val()*1 ;
 	   	});
 	   	$('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 	
 	}
	</c:if>
    }); /*레디 끝 */
    
    
    /* 첨부파일 삭제버튼 클릭시 */
    function delete_item(itemId , delObject, obj){ //this로 스스로 전송한 객체를 obj로 받는다
    
    	if(!confirm("삭제하시겠습니까?")){
    		return false;
    	}
    	event.preventDefault();
    	$.ajax({
    	    type: "POST",
    	    url: "/uss/itsm/security/SciTecSecItemDeleteAjax.do",
    	    data:{ "secItemId" : itemId}, //autItemId가 원래 del이였으나 위 컨트롤러url 변경하면서 autItemId로 변경
    	    dataType:'jsonp',
    	    cache: false,
    	    async: false,
    	    timeout: 600000,
    	    success: function (returnData, status) {
    	    	if(status == 'success'){
    	        	if(returnData.result == 'fail'){
    	        		alert("삭제에 실패하였습니다.");
    	        	}else if(returnData.result == 'auth_fail'){
    	        		alert("세션이 종료되었습니다.");
    	        		window.self.close() ;
    	        	}else if(returnData.result =='success'){
    	        	//obj.id = 삭제이미지의 id. tr_+obj.id = tr의 id. 이미지의 id를 이용해 tr의 아이디를 구함
    	        		var tr = $("#tr_"+obj.id);
    	        		console.log("#obj.id");
    	        		console.log(obj.id);
    	        		console.log("#tr_"+obj.id);
    	        		tr.remove();
    	        		$('.'+delObject+itemId).remove();
    	        	}
    	        }else{
    	        	alert("삭제에 실패하였습니다.");
    	        }
    	    },
    	    error: function (e) {
    	    	alert("");
    	        alert("삭제에 실패하였습니다.");
    	        setButtonDisableEvent("F") ;
    	    }
    	});
       	
    	if($('.upload_file_size').length == 0){
    		 $('.upload_box_img').show();
             $('.upload_box_text').show();
             $('.uploaded_obj').hide();
    	}else{
    		var totalfileSize = 0;
    	   	$('.totalfileCount').text($('.upload_file_size').length) ;
    	   	
    	   	
    	   	$('.upload_file_size').each(function(){
    	   		totalfileSize += $(this).val()*1 ;
    	   	});
    	   	
    	   	
    	   	$('.totalfileSize').text(getStrFileSize(totalfileSize)) ; 	
    	}

    }
    
    /* 버튼 이벤트 설정 */ 
    function setButtonDisableEvent(flag){
    	if(flag == 'T'){
    		$("#audit_btn_imsi").prop("disabled", true);
    	    $("#audit_save_btn").prop("disabled", true);
    	    $("#auth_delete_btn").prop("disabled", true);
    	}else{
    		$("#audit_btn_imsi").prop("disabled", false);
    	    $("#audit_save_btn").prop("disabled", false);
    	    $("#auth_delete_btn").prop("disabled", false);
    	}
    }
    
    /* 감사관, 담당자 첨부파일 다운로드 */
    function downItsmFile(atchFileId, fileSn){
    	window.open("/cmm/fms/ItsmFileDown.do?atchFileId="+atchFileId+"&fileSn=0");
    }
    
    /* 첨부파일 다운로드 버튼 클릭시 */
    function file_download(){
    	var checkbox_check = false;;
    	$('input:checkbox[name="atchFileId"]').each(function(){
    		if($(this).is(":checked")){
    			checkbox_check = true;
    		}
    	});
    	if(!checkbox_check){
    		alert("선택된 항목이 없습니다.");
    		return false;
    	}
    	var checkboxId = Array();
		var checkboxCnt = 0;
		var checkbox = $(".checkboxClass");
		
		for(i=0; i<checkbox.length; i++){
			if(checkbox[i].checked == true){
				checkboxId[checkboxCnt] = checkbox[i].value;
				checkboxCnt++;
			}}
		
		var frm = document.writeForm
		window.opener.name="parentPage";
		frm.target = "parentPage";
		frm.action="/cmm/fms/secFileDownZip.do?atchFileId="+checkboxId;
		frm.submit();
		
		}
    
    function set_file_image(){
		/* class^= 는 클래스의 요소마다 */    
	$("[class^='fileImg_']").each(function(){
	 	$($(this).find("img")).attr("src" , getfile_img($(this).text().trim())) ;
	});

}
    
    /* 첨부파일 최상단 체크버튼 클릭시 */
	function total_check(object, codeId){ 
		if($(object).is(':checked')){
			$('.file_upload_box').find('input[type=checkbox]').prop("checked", true);
		}else{
			$('.file_upload_box').find('input[type=checkbox]').prop("checked", false);
		}
	}
    </script>
    <style>
    	.cke_inner{width:605px;}
    	.cke_top.cke_reset_all{width:591px;}
    	.cke_bottom.cek_reset_all{width:591px;}
    	.cke_inner.cke_reset{width:605px;}
    </style>
</head>
<body>
<form name="writeForm" method="post" >
<input type="hidden" name="selectedId" />	
<input type="hidden" name="secId" value="${secVO.secId}"/>	
<input type="hidden" name="del" value="${secVO.secId}" />	
<input type="hidden" name="secCd" id="secCd" value="${secVO.secCd}" />	
<input type="hidden" name="secStrPnttm"  />	
<input type="hidden" name="secEndPnttm"  />
<input type="hidden" name="secItemId" value="${result.secItemId}"/>
<input type="hidden" name="pageType" id="pageType" value="${secVO.pageType}" />
<input type="hidden" name="pageReload" value="Y" /> <!-- 페이지 리로드를 위한 변수 -->
<input type="hidden" name="imsi"  />
<input type="hidden" name="frstRegistPnttm" value="${secVO.frstRegistPnttm}" />


    <div class="enroll_popup edu_popup">
        <div class="enroll_popup_title">
            <img src="/direct/img/enroll_popup_title_bg.png" alt=""> 
            <c:choose>
            <c:when test="${secVO.secCd eq '02'}">보안정책 등록</c:when>
            <c:when test="${secVO.secCd eq '03'}">보안서약서 등록</c:when>
            <c:when test="${secVO.secCd eq '04'}">모의훈련 등록</c:when>
            </c:choose>
        </div>
        <div class="add_edu_plan">
            <div class="enroll_input_left">
                <ul>
                <li>
                    <div class="enroll_input_title">제&emsp;&emsp;목</div>
                    <input type="text" class="edu_name" name="secSj" id="secSj" value="${secVO.secSj}" placeholder="제목을 입력하세요" maxlength="50">
                </li>
                <li>
                    <textarea name="secCn" id="secCn">${secVO.secCn}</textarea>
                    <ckeditor:replace replace="secCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
                </li>
                <li>
                   <div class="enroll_input_title input_file_title">첨부파일
                    
                    
                  	  <td colspan="3">
						<input name="file_1" id="egovComFileUploader" type="file" /><label for="egovComFileUploader"><img src="/direct/img/add_file_btn.png">파일찾기</label>
								<script>
								</script>
					  </td>
					  </div>
 					  <input type="button" value="다운로드" onclick="file_download(this); return false;" class="file_down">
			</li>
			</form>
			<form>
			<li>
        <div class="file_upload_box" style="width:605px;" > 
            <img class="upload_box_img" src="/direct/img/upload_img.png" alt="" style="margin-left: 289px;"> 
            <div class="upload_box_text" > 
                <span class="file_upload_text_1">첨부파일 올리기</span>
                <span class="file_upload_text_2">(파일을 끌어다 놓으세요)</span> 
             </div> 
            
<!--              <table class="uploaded_obj" style="display:none;"> -->
            <table class="uploaded_obj" >
           
                 <thead> 
                      <tr> 
                      	 <th class="file_check"><input type="checkbox" id="all" onclick="total_check(this);"><label for="all"></label></th> 
                         <th class="file_title">파일명</th> 
                        <th class="file_enroll_date">등록일시</th>
                         <th class="fileSize">크기</th> 
                        <th class="file_del">삭제</th>
                    </tr> 
                  </thead>
                  <tbody id="tbody_fiielist" >
                     <c:forEach var="result" items="${secItemFileList}" varStatus="status">
                     <tr class="item_file_size" id="tr_${result.secItemId}">
                     	<input type="hidden" class="upload_file_size" value="${result.fileSize}">	
                     	<td class="file_check"><input type="checkbox" name="atchFileId" value="${result.atchFileId}" id="file_sort_each_${result.secItemId}" class="checkboxClass">
                     		<label for="file_sort_each_${result.secItemId}"></label></td>
                     	<td class="fileImg_${result.secItemId} file_title">
                     		<img src="/direct/img/enroll_jpg_file.png" alt="">
                     		<a href="javascript:downItsmFile('<c:out value="${result.atchFileId}"/>','0')">
                     		<c:out value="${result.orignlFileNm}"/>
                     		</a>
                   		</td>
                     	<td class="file_enroll_date"><c:out value="${result.frstRegistPattn}"/></td>
                     	<td class="upload_number fileSize">
                     		<c:out value="${result.fileSize}"/>
                     	</td>
                     	<td class="file_del"><!-- this를 이용해 스스로를 전송(img는 객체) -->
                     		<img src="/direct/img/upload_delect_img.png" id="${result.secItemId}" alt="" onclick="delete_item('${result.secItemId}' , 'tr_upload_', this); return false;">
                   		</td>
                     </tr>
                     </c:forEach>
                     </tbody> 
              <div class="file_list uploaded_obj" style="display:none;">
                    <tbody id="tbody_fiielist">
                    </tbody>
                 
             </div>
             
                 <tfoot>
                      <tr> 
                          <td>최대 <span class="upload_number">50</span>개 ｜ <span class="upload_number">50MB(개당)</span> 제한</td> 
                          <td style="padding-left:259px;"><span class="upload_number totalfileCount"></span>개 ｜ <span class="upload_number totalfileSize">3.75</span></td> 
                     </tr>
                  </tfoot> 
             </table>
             
        </div>
                </li>
            </ul>
            </div>
        </div>
        <div class="upload_btns">
            <c:if test="${secVO.pageType eq 'New'}">  <!-- 이벤트를 2번 타게 되있어서 onclick에 insert_confirm(); return false; 주석처리 -->
            	<input type="button" class="main1_btn main1_save_imsi_btn" id="audit_btn_imsi" value="임시저장" />
				<input type="button" class="main1_btn main1_save_btn" buttonType="${secVO.pageType}" id="audit_save_btn" onclick="" value="등 록 " />
				<input type="button" class="main1_btn main1_delete_btn" buttonType="Cancel" id="auth_delete_btn" value="취 소" />
			</c:if>
			<c:if test="${secVO.pageType eq 'Imsi'}">
				<input type="button" class="main1_btn main1_save_imsi_btn" id="audit_btn_imsi" value="임시저장" />
				<input type="button" class="main1_btn main1_save_btn" buttonType="${secVO.pageType}" id="audit_save_btn" onclick="" value="저 장" />
				<input type="button" class="main1_btn main1_delete_btn" buttonType="Cancel" id="auth_delete_btn" value="취 소" />
			</c:if>
			<c:if test="${secVO.pageType eq 'Modify'}">
				<input type="button" class="main1_btn main1_save_btn" buttonType="${secVO.pageType}" id="audit_save_btn" onclick="" value="수 정" />
				<input type="button" class="main1_btn main1_delete_btn" buttonType="Delete" id="auth_delete_btn" value="삭 제">
			</c:if>
			<input type="button" class="main1_btn main1_save_imsi_btn" id="audit_update_btn" style="display:none;" />
			</div>		
        </div>
    </div>
</form>
</body>

</html>