<template>
	<!-- <div class="wrap bg-wrap"> -->
	<div>
		<div class="dimmed confirm" @click="confirmModalCancel();"></div>
		<div class="popup-wrap confirm">
			<!-- 수정 확인 -->
			<div class="popup confirm">
				<div class="pop-head">
					<h3 class="pop-tit">{{title}}</h3>
				</div>
				<div class="pop-cont">
					<p>{{msg}}</p>
				</div>
				<div class="pop-btn2">
					<button class="btn-pcolor" @click="confirmModalClose();">확인</button>
					<button class="btn-default" @click="confirmModalCancel();">취소</button>
				</div>
			</div>
        </div>

        <!-- 사용자 등록 - 최초 등록 -->
        <div class="dimmed confirm-insert" @click="confirmInsertClose();"></div>
        <div class="popup-wrap confirm-insert">
          <div class="popup confirm-insert">
            <div class="pop-head">
              <h3 class="pop-tit">사용자 등록</h3>
            </div>
            <div class="pop-cont">
              <p>해당 사용자를 등록하고 인증 메일을</p>
              <p>발송하시겠습니까?</p>
              <p>사용을 위해서는 등록된 이메일 인증 후</p>
              <p>서비스 이용이 가능합니다.</p>
            </div>
            <div class="popup-btn2">
              <button class="btn-pcolor" @click="confirmInsert();">확인</button>
              <button class="btn-default" @click="confirmInsertClose();">취소</button>
            </div>
          </div>
		</div>

			<!-- 사용자 등록 - 이메일 형식 체크 -->
        <div class="dimmed validation-email" @click="validationEmailClose();"></div>
        <div class="popup-wrap validation-email">
			<div class="popup validation-email">
				<div class="pop-head">
					<h3 class="pop-tit">사용자 등록</h3>
				</div>
				<div class="pop-cont">
					<p>E-mail 형식에 맞지 않습니다.</p>
					<p>확인하여 다시 등록 부탁 드립니다.</p>
				</div>
				<div class="pop-btn1">
					<button class="btn-pcolor" @click="validationEmailClose();">확인</button>
				</div>
			</div>	
		</div>

			<!-- 사용자 등록 - 아이디 중복 체크 -->
        <div class="dimmed validation-id-duplicate" @click="validationIdDuplicateClose();"></div>
        <div class="popup-wrap validation-id-duplicate">
			<div class="popup validation-id-duplicate">
				<div class="pop-head">
					<h3 class="pop-tit">사용자 등록</h3>
				</div>
				<div class="pop-cont">
					<p>중복된 아이디가 있습니다.</p>
					<p>아이디를 다시 확인하여 등록 부탁드립니다.</p>
				</div>
				<div class="pop-btn1">
					<button class="btn-pcolor" @click="validationIdDuplicateClose();">확인</button>
				</div>
			</div>	
		</div>

			<!-- 사용자 등록 - 최대 등록 제한 -->
      <div class="dimmed validation-maxlimit" @click="validationMaxlimitClose();"></div>
      <div class="popup-wrap validation-maxlimit">
        <div class="popup validation-maxlimit">
          <div class="pop-head">
            <h3 class="pop-tit">사용자 등록</h3>
          </div>
          <div class="pop-cont">
            <p>사용자는 최대 100개까지 등록 가능합니다.</p>
          </div>
          <div class="popup-btn1">
            <button class="btn-pcolor" @click="validationMaxlimitClose();">확인</button>
          </div>
        </div>
		</div>

			<!-- 사용자 등록 - 휴대폰번호 형식 체크 -->
        <div class="dimmed valication-phonenumber" @click="validationPhonenumberClose();"></div>
        <div class="popup-wrap valication-phonenumber">
			<div class="popup valication-phonenumber">
				<div class="pop-head">
					<h3 class="pop-tit">사용자 등록</h3>
				</div>
				<div class="pop-cont">
					<p>휴대폰번호를 확인해 주세요.</p>
				</div>
				<div class="pop-btn1">
					<button class="btn-pcolor" @click="validationPhonenumberClose();">확인</button>
				</div>
			</div>	
		</div>

			<!-- 사용자 삭제 -->
        <div class="dimmed confirm-delete" @click="confirmDeleteClose();"></div>
        <div class="popup-wrap confirm-delete">
			<div class="popup confirm-delete">
				<div class="pop-head">
					<h3 class="pop-tit">사용자 삭제</h3>
				</div>
				<div class="pop-cont">
					<p>선택한 사용자를 삭제하시겠습니까?</p>
				</div>
				<div class="pop-btn2">
					<button class="btn-pcolor" @click="confirmDelete();">확인</button>
					<button class="btn-default" @click="confirmDeleteClose();">취소</button>
				</div>
			</div>	
		</div>

			<!-- 사용자 수정 확인 -->
        <div class="dimmed confirm-update" @click="confirmUpdateClose();"></div>
        <div class="popup-wrap confirm-update">
          <div class="popup confirm-update">
            <div class="pop-head">
              <h3 class="pop-tit">사용자 수정 확인</h3>
            </div>
            <div class="pop-cont">
              <p>변경된 내용을 저장하시겠습니까?</p>
            </div>
            <div class="popup-btn2">
              <button class="btn-pcolor" @click="confirmUpdate();">확인</button>
              <button class="btn-default" @click="confirmUpdateClose();">취소</button>
            </div>
          </div>
		</div>

        <!-- 사용자 수정(청약고객:sub) 확인 -->
    <div class="dimmed confirm-update-sub" @click="confirmUpdateSubClose();"></div>
    <div class="popup-wrap confirm-update-sub">
      <div class="popup confirm-update-sub">
        <div class="pop-head">
          <h3 class="pop-tit">사용자(청약고객) 수정 확인</h3>
        </div>
        <div class="pop-cont">
          <p>변경된 내용을 저장하시겠습니까?</p>
        </div>
        <div class="popup-btn2">
          <button class="btn-pcolor" @click="confirmUpdateSub();">확인</button>
          <button class="btn-default" @click="confirmUpdateSubClose();">취소</button>
        </div>
      </div>
    </div>

			<!-- 사용자 ID 생성 파일 업로드 - 성공 -->
        <div class="dimmed success-fileupload" @click="successFileuploadClose();"></div>
        <div class="popup-wrap success-fileupload">
			<div class="popup success-fileupload">
				<div class="pop-head">
					<h3 class="pop-tit">사용자 ID 생성 파일 업로드</h3>
				</div>
				<div class="pop-cont">
					<p>정상 업로드 되었습니다.</p>
				</div>
				<div class="pop-btn1">
					<button class="btn-pcolor" @click="successFileuploadClose();">확인</button>
				</div>
			</div>	
        </div>

        
    </div>
</template>

<script>

export default {
    name: "validationConfirmPop",
	data(){
        return{
		  row:{},
          title:'',
          msg: '',
        }
    },
	methods :{
        //사용자등록 - 최초등록 Open
        confirmInsertOpen(){
            var dimmed = document.getElementsByClassName('confirm-insert');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        //사용자등록 - 최초등록
        confirmInsert(){
            var dimmed = document.getElementsByClassName('confirm-insert');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

            this.$parent.memberInsert();

        },
        //사용자등록 - 최초등록 Close
        confirmInsertClose(){
            var dimmed = document.getElementsByClassName('confirm-insert');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

        },
        // 사용자 삭제 Open
        confirmDeleteOpen(){
            var dimmed = document.getElementsByClassName('confirm-delete');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        //사용자 삭제
        confirmDelete(){
            var dimmed = document.getElementsByClassName('confirm-delete');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

        },
        //사용자 삭제 Close
        confirmDeleteClose(){
            var dimmed = document.getElementsByClassName('confirm-delete');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

        },
        //사용자 수정 확인 Open
        confirmUpdateOpen(){
            var dimmed = document.getElementsByClassName('confirm-update');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        //사용자 수정 확인
        confirmUpdate(){
            var dimmed = document.getElementsByClassName('confirm-update');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';                
			}

            this.$parent.memberUpdate();

        },
        // 사용자 수정 Close
        confirmUpdateClose(){
            var dimmed = document.getElementsByClassName('confirm-update');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

        },
        //사용자 수정(청약고객-sub) 확인 Open
        confirmUpdateSubOpen(){
            var dimmed = document.getElementsByClassName('confirm-update-sub');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        //사용자 수정(청약고객-sub) 확인
        confirmUpdateSub(){
            var dimmed = document.getElementsByClassName('confirm-update-sub');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';                
			}

            this.$parent.updateAdminInfo();

        },
        // 사용자 수정(청약고객-sub) Close
        confirmUpdateSubClose(){
            var dimmed = document.getElementsByClassName('confirm-update-sub');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

        },
        // 이메일 형식 체크 Open
        validationEmailOpen(){
            var dimmed = document.getElementsByClassName('validation-email');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        // 이메일 형식 체크 Close
        validationEmailClose(){
            var dimmed = document.getElementsByClassName('validation-email');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

            this.$parent.checkEmailFocus();

        },
        // 아이디 중복 체크 Open
        validationIdDuplicateOpen(){
            var dimmed = document.getElementsByClassName('validation-id-duplicate');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        // 아이디 중복 체크 Close
        validationIdDuplicateClose(){
            var dimmed = document.getElementsByClassName('validation-id-duplicate');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

            this.$parent.checkIdDupFocus();

        },
        // 최대 등록 제한 Open
       validationMaxlimitOpen(){
          console.log("1231232323")
          var dimmed = document.getElementsByClassName('validation-maxlimit');
          for(var i = 0; i < dimmed.length; i++){
              dimmed[i].style.display = 'block';
          }
      },
        // 최대 등록 제한 Close
        validationMaxlimitClose(){
            var dimmed = document.getElementsByClassName('validation-maxlimit');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

            // this.$parent.toComplete();

        },
        // 휴대폰번호 형식 체크 Open
        validationPhonenumberOpen(){
            var dimmed = document.getElementsByClassName('valication-phonenumber');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        // 휴대폰번호 형식 체크 Close
        validationPhonenumberClose(){
            var dimmed = document.getElementsByClassName('valication-phonenumber');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}
            this.$parent.checkPhoneFocus();

        },
        // 사용자 ID 생성 파일 업로드 - 성공 Open
        successFileuploadOpen(){
            var dimmed = document.getElementsByClassName('success-fileupload');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

        },
        // 사용자 ID 생성 파일 업로드 - 성공 Close
        successFileuploadClose(){
            var dimmed = document.getElementsByClassName('success-fileupload');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

            // 목록페이지 이동
            this.toComplete();

        },
        // 정상완료 후 목록페이지 이동
        toComplete(){
			this.row.searchType1 = '';
			this.row.searchType2= '';
			this.row.searchType3= '';
			this.row.searchText1= '';          
			this.row.startDt= '';
			this.row.endDt= '';
			this.row.page = 1;

			this.$router.push({ name: 'subsList', params: this.row });
        },




        // 모달 오픈
		confirmModalOpen(props){
			var dimmed = document.getElementsByClassName('confirm');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'block';
			}

            // var modal41 = document.getElementsByClassName('modal41');
            // modal41[0].style.display = 'block';

            this.title = props.title;
            this.msg = props.msg;
		},
		// 모달 끄기(ok)
		confirmModalClose(){
			var dimmed = document.getElementsByClassName('confirm');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}
            
            this.row.result = true;
            // 부모 함수 호출.
            this.$parent.confirmCalbackFnc(this.row);
		},
        // 모달 끄기(취소)
		confirmModalCancel(){
			var dimmed = document.getElementsByClassName('confirm');
			for(var i = 0; i < dimmed.length; i++){
				dimmed[i].style.display = 'none';
			}

            this.row.result = false;
            // 부모 함수 호출.
            this.$parent.confirmCalbackFnc(this.row);
		},		
	}
}
</script>

<!-- <style>
    .popup-btn-wrap {width: 500px; margin: auto; padding: 100px 0;}
    .popup-btn-wrap button {width: 100%; margin-bottom: 10px; height: 50px; border-radius: 5px; box-shadow: none; border: 1px solid #000; }
    .popup-btn-wrap button:hover {background: #000; color: #fff;}
</style> -->