/**
 * 공통 스크립트 함수
 *  gcone.js
 */

/**************************************************************
 *    CK editor객체 선언
 ****************************************************************/
let CKEditorArray = [];

/**************************************************************
 * CKeditor 생성
 * 파라미터 설명{
 *    selectorId : CKediotr가 생성될 HTML Object ID
 *    data : ediotr영역에 출력할 데이터
 * }
 ****************************************************************/
const fn_create_ckeditor = function (selectorId, shopCd, data) {
    CKSource
        .Editor
        .create(document.querySelector(selectorId), {
            //extraPlugins: [gconeUploadAdapterPlugin],
            removePlugins: [
                'Markdown', 'Title'
            ],
            toolbar: {
                items: [
                    'undo', 'redo', '|',
                    'findAndReplace', 'selectAll', '|',
                    'link', 'insertImage', 'insertTable', 'blockQuote', 'mediaEmbed', 'codeBlock', 'horizontalLine', 'specialCharacters', '|',
                    'outdent', 'indent', '|',
                    'bulletedList', 'numberedList', 'todoList',
                    '-',
                    'heading', 'style', '|',
                    'bold', 'italic', 'underline', 'strikethrough',
                    {
                        label: 'Basic styles',
                        icon: 'text',
                        items: [
                            'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight',
                            'superscript', 'subscript', 'code'
                        ],
                    },
                    'removeFormat', '|',
                    'alignment', 'pageBreak', '|',
                    'sourceEditing'
                ],
                shouldNotGroupWhenFull: true
            },
            mediaEmbed: {
                previewsInData: true,
            },
            // 모든 콘텐츠 허용
            htmlSupport: {
                allow: [
                    {
                        name: /.*/,       // 모든 태그
                        attributes: true, // 모든 속성 허용
                        styles: true,     // 모든 스타일 허용
                        classes: true,    // 모든 클래스 허용
                    },
                ],
                disallow: [],
            },
            htmlEmbed: {
                showPreviews: true,
            },
            style: {
                definitions: [
                    {
                        name: 'Title',
                        element: 'h1',
                        classes: ['document-title'],
                    },
                    {
                        name: 'Subtitle',
                        element: 'h2',
                        classes: ['document-subtitle'],
                    },
                    {
                        name: 'Callout',
                        element: 'p',
                        classes: ['callout'],
                    },
                    {
                        name: 'Side quote',
                        element: 'blockquote',
                        classes: ['side-quote'],
                    },
                    {
                        name: 'Needs clarification',
                        element: 'span',
                        classes: ['needs-clarification'],
                    },
                    {
                        name: 'Wide spacing',
                        element: 'span',
                        classes: ['wide-spacing'],
                    },
                    {
                        name: 'Small caps',
                        element: 'span',
                        classes: ['small-caps'],
                    },
                    {
                        name: 'Code (dark)',
                        element: 'pre',
                        classes: ['stylish-code', 'stylish-code-dark'],
                    },
                    {
                        name: 'Code (bright)',
                        element: 'pre',
                        classes: ['stylish-code', 'stylish-code-bright'],
                    },
                ],
            },
        }).then(editor => {
            if (data != null) {
                editor.setData(data);
            }
            CKEditorArray[selectorId] = editor;
            editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
                // return new UploadAdapter(loader,'/file/ckeditor/image/fileUpload?shopCd='+shopCd);
                return new UploadAdapter(loader,'/mngr/file/ckeditorFileUpload?shopCd='+shopCd);
            };
        }).catch(error => {
            console.log(error);
        });
}
/**************************************************************
 * CKeditor에 작성된 값 가져오기
 * 파라미터 설명{
 *    selectorId : CKediotr가 생성된 HTML Object ID
 * }
 ****************************************************************/
const fn_get_editor_data = function (selectorId) {
    return CKEditorArray[selectorId].getData();
}

/**************************************************************
 * CKeditor에 특정값 설정하기
 *      파라미터 설명{
 *          selectorId : CKediotr가 생성된 HTML Object ID
 *          data : 에디터 영역에 설정할 내용
 *      }
 ****************************************************************/
const fn_set_editor_data = function (selectorId, data) {
    return CKEditorArray[selectorId].setData(data);
}
// gconeUploadAdapterPlugin 정의
const gconeUploadAdapterPlugin = function (editor) {
    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
        return new UploadAdapter(loader,'/mngr/file/ckeditorFileUpload');
    };
};

/**************************************************************
 * JSON 객체인지 확인하는 script
 ****************************************************************/
const fn_check_json = function (str) {
    try {
        let json = JSON.parse(str);
        return (typeof json === 'object');
    } catch (e) {
        return false;
    }
}

/**************************************************************
 * 	Tab영역 활성화/비활성화
 *    	파라미터 설명{
 *        index : 선택된 Tab버튼 순서
 *    	}
 ****************************************************************/
const fn_set_content_tab = function (index) {
    const contentTabBtn = $(".content-tab__btn");
    const contentTabContent = $(".content-tab__content");
    contentTabBtn.removeClass("active");
    contentTabContent.removeClass("active");
    contentTabBtn.eq(index).addClass("active");
    contentTabContent.eq(index).addClass("active");
}

/* ********************************************************
 *	카카오 주소 찾기 연동
 *		파라미터 설명{
 *			callback : 카카오 주소 찾기 팝업에서 주소 선택 후 호출될 콜백함수
 *		}
 ******************************************************** */
const fn_select_postcode = function (callback) {
    new daum.Postcode({
        oncomplete: function (data) {
            const postcode = data.zonecode;
            const roadAddr = data.roadAddress;
            const jibunAddress = data.jibunAddress;
            let addressType = '';
            let extraRoadAddr = '';

            // userSelectedType	R/J	검색 결과에서 사용자가 선택한 주소의 타입(R : 도로명, J : 지번)
            if (data.userSelectedType == 'R') {
                addressType = '01';
            } else {
                addressType = '02';
            }

            // 법정동명이 있을 경우 추가한다. (법정리는 제외)
            // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
            if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
                extraRoadAddr += data.bname;
            }

            // 건물명이 있고, 공동주택일 경우 추가한다.
            if (data.buildingName !== '' || data.apartment === 'Y') {
                extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
            }
            // 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
            if (extraRoadAddr !== '' && roadAddr !== '') {
                extraRoadAddr = ' (' + extraRoadAddr + ')';
            }

            callback({
                postcode: postcode,
                roadAddress: roadAddr,
                jibunAddress: jibunAddress,
                addressType: addressType,
                extraAddress: extraRoadAddr
            });
        }
    }).open();
}

/**************************************************************
 * 모달팝업 열기
 *      파라미터 설명{
 *          modalDivSltr : 모달팝업화면이 추가될 div html selector
 *          modalSlrt : 모달팝업화면 html selector
 *          url : 모달팝업화면을 조회할 url
 *          param : 모달팝업화면을 조회 시 사용할 파라미터Object
 *          callback : 모달팝업화면 조회 후 호출될 callback함수명
 *      }
 ****************************************************************/
const fn_open_modal = function (modalDivSltr, modalSlrt, url, param, callback) {
    let submitType = 'GET';
    //파라미터가 있을 경우 POST처리
    if (!param) {
        submitType = 'POST';
    }
    $.ajax({
        type: submitType,
        url: url,
        data: param,
        success: function (data) {
            //callback함수가 없을 경우 default로 지정된 영역에 모달팝업 화면을 교체하고 화면 로딩
            if (!callback) {
                $(modalSlrt).remove();
                $(modalDivSltr).html(data);
                $(modalSlrt).modal();
            } else {
                callback(data);
            }
        }
    });
}

/* ********************************************************
 *  모달팝업 닫기
 * 		파라미터 설명{
 * 		    modalId : 모달 팝업 HTML Object ID
 * 		}
 ******************************************************** */
const fn_close_modal = function (modalId) {
    $("#" + modalId + " > a").each(function () {
        if (this.href.indexOf('.close-modal')) {
            $(this).click();
        }
    });
    $('#' + modalId).remove();
    window.location.hash.replace('#', '');
}

/* ************************************************************
*   모바일 모달 show 함수
*   modalId : 콜백 함수 이름
************************************************************* */
const openModal = (modalId) => {
    MicroModal.show(modalId, {
        onShow: function (modal) {
            // 이미 존재하지 않는 경우에만 Hash 추가
            if (window.location.hash !== '#' + modalId) {
                window.history.replaceState({modal: 'open'}, '', '#' + modalId);
            }
        }
    });

    window.history.replaceState({}, '', window.location.href.split('#')[0]);
}


/* ************************************************************
*   모바일 모달 show 함수
*   modalId : 콜백 함수 이름
*   message : 얼러트 내용
************************************************************* */
const openModal_message = (modalId, message) => {
    MicroModal.show(modalId, {
        onShow: function (modal) {
            // 이미 존재하지 않는 경우에만 Hash 추가
            if (window.location.hash !== '#' + modalId) {
                window.history.replaceState({modal: 'open'}, '', '#' + modalId);
            }
            $('.message').text(message);
        },
    });
}


/* ********************************************************
*   윈도우팝업 열기
*       파라미터 설명{
*           url : controller method mapping 주소
*           title : 팝업 제목
*           w : 가로길이
*           h : 세로길이
*       }
******************************************************** */
const fn_open_windowPopup = function (url, title, w, h) {
	const dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
	const dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;

	width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
	height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

	const left = ((width / 2) - (w / 2)) + dualScreenLeft;
	const top = ((height / 2) - (h / 2)) + dualScreenTop;
	const newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

	if (window.focus) {
		newWindow.focus();
	}
}

/* ********************************************************
 *	form 초기화
 *		파라미터 설명{
 *			divId : 초기화 대상 divId
 * 		}
 ******************************************************** */
const fn_reset_form	= function(formId){
    if($('#'+formId)[0]){
        const radioArr	= [];
        $('#'+formId).eq(0).find('input,select,textarea').each(function(){
            let type	= this.type;
            let tag 	= this.tagName.toLowerCase();
            let numberArr = $('#'+formId).find('.number'); //20240223수정
            if (type === 'text') {
                if(type === 'text' || tag === 'textarea'){
                    this.value = '';
                }
                if(numberArr.length > 0){//20240223수정
                    numberArr.each(function(idx){
                        numberArr.eq(idx).val('0');
                    });
                }
            } else if (type === 'checkbox') {
                this.checked = false;
            } else if (type === 'radio') {
                this.checked = false;
                if(!radioArr.includes($(this).prop('name'))) {
                    radioArr.push($(this).prop('name'));
					radioArr.forEach((element) => $('input[name='+element+']').eq(0).prop('checked', 'checked'));
                }
            } else if (tag === 'select') {
                this.selectedIndex = 0;//20240223수정
                $(".select-box > select").niceSelect('update');
            }
        });

		//20240418 기능추가=> 20240604코드 수정
        /*버튼 초기화*/
        let dateRangeBtn = $('#' + formId).find('.dateRange-btnContainer');

        if (dateRangeBtn.length > 0) {
            dateRangeBtn.each(function (idx) {
                let notBtn = dateRangeBtn.eq(idx).find(".dateRange-btn");
                notBtn.each(function (idx1) {
                    if (idx1 === 8) {
                        notBtn.eq(idx1).addClass("selected");
                    } else {
                        notBtn.eq(idx1).removeClass("selected");
                    }
                });
            });
        }

		//$('#'+formId)[0].reset();
    }
}

/**************************************************************
 * 검색 날짜 지정시 날짜 변경
 *      파라미터 설명{
 *          fromObjId : 시작일
 *          toObjId   : 종료일
 *          stdObjeId : 기준일(시작일'fromObjId' or 종료일'toObjId')
 *          date      : 계산할 날짜 => '-(전) or +(후)'  + '계산할 숫자' + 'D(일) or M(월) or Y(년)'
 *          Ex) 현재 날짜에서 하루 전(후) => -1D(+1D)
 *          현재 날짜는 0
 *      }
 ****************************************************************/
const fn_set_date = function (fromObjId, toObjId, stdObjeId, date) {
    /* fromObj, toObj 값 변경 시 일자선택 버튼 초기화 추가 */
    $('#' + fromObjId).on('change', function () {
        $(this).parent().parent().find('.dateRange-btn').each(function () {
            $(this).removeClass('selected');
        });
        fn_check_fromTo('#' + fromObjId, '#' + toObjId, 'date');
    });
    $('#' + toObjId).on('change', function () {
        $(this).parent().parent().find('.dateRange-btn').each(function () {
            $(this).removeClass('selected');
        });
        fn_check_fromTo('#' + fromObjId, '#' + toObjId, 'date');
    });
    /* 기준일 기본값 설정(종료일이 기준일)
     *  ※toObjId or fromObjId로 설정 가능*/
    if (!stdObjeId) {
        stdObjeId = toObjId;
    }
    /* 계산할 숫자 기본값 설정(현재 날짜가 기본값) 및 date 유효성 검사*/
    if (!date) {
        /* onready시 전체 버튼 셀렉티드 class 부여*/
        //date	= '0';
        $('#' + fromObjId).parent().parent().find('.dateRange-btn').eq(8).addClass("selected");
    } else {
        //date의 형태가 숫자+'D, M, Y'경우인지 확인
        let regex = /^\d+[DMY]$/;
        if (!regex.test(date)) {
            date = '0';
        }
    }
    if (date != null) {

        if (date === '1D') {
            // 기준일을 현재 날짜로 설정
            const today = new Date();
            $('#' + stdObjeId).datepicker().datepicker("setDate", today);

            // 날짜 계산
            let fromDate, toDate;

            let days = parseInt(date);
            fromDate = new Date(today);
            fromDate.setDate(today.getDate() - days); // 어제
            toDate = new Date(fromDate); // 어제와 동일


            // 시작일과 종료일 설정
            $('#' + fromObjId).datepicker().datepicker("setDate", fromDate);
            $('#' + toObjId).datepicker().datepicker("setDate", toDate);

        } else {

            /* 기준일을 현재 날짜로 설정*/
            $('#' + stdObjeId).datepicker().datepicker("setDate", new Date());
            /* 기준일에 따라 계산 방법 분기
               stdObjeId = toObjId => '-'+date
                            = fromObjId => date*/
            if (stdObjeId == toObjId) {
                date = '-' + date;
                $('#' + fromObjId).datepicker().datepicker("setDate", date);
            } else {
                $('#' + toObjId).datepicker().datepicker("setDate", date);
            }

        }

    }


}

/**************************************************************
 * FROM ~ TO 비교
 *      파라미터 설명{
 *          fromSelector : 검색 시작 input 셀렉터 이름 ex)''#fromSelect'
 *          toSelector :  검색 끝 input 셀렉터 이름 ex)''#toSelect'
 *          valType : 비교할 대상의 타입 ex)'date' or 'number'
 *      }
 ****************************************************************/
const fn_check_fromTo = function (fromSelector, toSelector, valType) {
    switch (valType) {
        case 'date' :
            if (!fn_check_date($(fromSelector).val(), $(toSelector).val())) {
                alert("'종료일'이 '시작일'보다 작습니다");
                $(fromSelector).val('');
                $(toSelector).val('');
                setTimeout(function () {
                    $(fromSelector).datepicker().datepicker("show");
                }, 200);
            }
            break;
        case 'number' :
            if (!fn_check_number($(fromSelector).val(), $(toSelector).val())) {
                alert("'종료'값이 '시작'값보다 작습니다");
                $(fromSelector).val('');
                $(toSelector).val('');
                $(fromSelector).focus();
            }
            break;
    }
}

/**************************************************************
 * FROM ~ TO 비교 (date)
 *  fn_check_fromTo() >case 'date' boolean 반환 함수
 *   => 시작, 끝 날짜 값이 둘 다 존재시 날짜 비교
 *  끝 날짜가 시작 날짜보다 작으면 false를 반환
 *      파라미터 설명{
 *          fromDate : 검색 시작 날짜 값
 *          toDate : 검색 끝 날짜 값
 *      }
 ****************************************************************/
const fn_check_date = function (fromDate, toDate) {
    let result = true;
    try {
        if (fromDate != null
            && toDate != null) {
            const srchStartDate = new Date(fromDate);
            const srchEndDate = new Date(toDate);
            if (srchStartDate > srchEndDate) {
                result = false;
            }
        }
    } catch (e) {
        console.log(e);
    }
    return result;
}

/**************************************************************
 * FROM ~ TO 비교 (number)
 *  fn_check_fromTo() >case 'number' boolean 반환 함수
 *   => 시작, 끝 날짜 값이 둘 다 존재시 날짜 비교
 *  끝 날짜가 시작 날짜보다 작으면 false를 반환
 *      파라미터 설명{
 *          fromDate : 검색 시작 날짜 값
 *          toDate : 검색 끝 날짜 값
 *      }
 ****************************************************************/
const fn_check_number = function (fromNb, toNb) {
    if (fromNb == null) {
        fromNb = 0;
    }
    if (toNb == null) {
        toNb = 0;
    }
    let result = true;
    try {
        if (fromNb != null
            && toNb != null) {
            if (fromNb > toNb) {
                result = false;
            }
        }
    } catch (e) {
        console.log(e);
    }
    return result;
}
/**************************************************************
 * 전화번호(일반전화번호, 휴대전화번호, 대표번호) 자동 포매팅(-) 설정
 *    파라미터 설명{
 *        target : 대상 Object
 *    }
 ****************************************************************/
const fn_fmt_telno = function (target) {
    //숫자만 허용
    target.val(target.val().replace(/[^0-9]/g, ''));
    if (target.val().length <= 12) {
        if (target.val().length == 12) {
            target.val(target.val().replace(/(\d{4})(\d{4})(\d{4})/, '$1-$2-$3'));
        }else if (target.val().length == 11) {
            //휴대전호번호 혹은 02를 제외한 전화번호
            target.val(target.val().replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3'));
        }else if (target.val().length == 9) {
            //02를 포함한 9자리 전화번호(02-000-0000)
            target.val(target.val().replace(/(\d{2})(\d{3})(\d{4})/, '$1-$2-$3'));
        } else if (target.val().length == 8) {
            //대표전화번호 일경우(0000-0000)
            target.val(target.val().replace(/(\d{4})(\d{4})/, '$1-$2'));
        } else {
            if (target.val().indexOf('02') == 0) {
                //02를 포함한 10자리 전화번호(02-0000-0000)
                target.val(target.val().replace(/(\d{2})(\d{4})(\d{4})/, '$1-$2-$3'));
            } else {
                //02를 제외한 10자리 전화번호(032-000-0000)
                target.val(target.val().replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3'));
            }
        }
    }
}

/**************************************************************
 * 포매팅 (조회 값 포매팅)
 *    파라미터 설명{
 *        mbtlnb : 대상 텍스트
 *    }
 ****************************************************************/
const fn_format_mbtlnb = (mbtlnb) => {
    if(!fn_is_empty(mbtlnb)){
        if (mbtlnb.length >= 8 && mbtlnb.length <= 12) {
            if(mbtlnb.length == 12){
                mbtlnb = mbtlnb.replace(/(\d{4})(\d{4})(\d{4})/, '$1-$2-$3');
            }else if (mbtlnb.length == 11) {
                //11자리 전화번호
                mbtlnb = mbtlnb.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3');
            }else if (mbtlnb.length == 9) {
                //02를 포함한 9자리 전화번호(02-000-0000)
                mbtlnb = mbtlnb.replace(/(\d{2})(\d{3})(\d{4})/, '$1-$2-$3');
            } else if (mbtlnb.length == 8) {
                //대표전화번호 일경우(0000-0000)
                mbtlnb = mbtlnb.replace(/(\d{4})(\d{4})/, '$1-$2');
            } else {
                if (mbtlnb.indexOf('02') == 0) {
                    //02를 포함한 10자리 전화번호(02-0000-0000)
                    mbtlnb = mbtlnb.replace(/(\d{2})(\d{4})(\d{4})/, '$1-$2-$3');
                } else {
                    //02를 제외한 10자리 전화번호(032-000-0000)
                    mbtlnb = mbtlnb.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
                }
            }
        }
    }
    return mbtlnb;
}
/**************************************************************
 * 포매팅
 * 계좌번호 자동 포매팅(-) 설정
 *    파라미터 설명{
 *        target : 대상 Object
 *    }
 ****************************************************************/
const fn_fmt_accuntno = function (target) {
    target.val(target.val().replace(/^[-]|[^0-9-]/gi, ''));
}

/**************************************************************
 * 공통코드 목록을 이용한 input element 생성
 *    파라미터 설명{
 *        tgtSelector : 생성된 input element가 삽입될 DOM selector정보
 *        inputType : 생성된 input element type(radio, checkbox, select)
 *        inputName : 생성된 input element name속성
 *        selectedValue : 생성된 input element 중 선택될(checked 혹은 selected) 값
 *        codeList : 공통코드 목록 JSON 객체
 *        initValue : select box의 초기값으로 노출
 *    }
 ****************************************************************/
const fn_add_codeList = function (tgtSelector, inputType, inputName, selectedValue, codeList, initValue) {
    let tgtChildreObj;
    //input이 추가될 dom에 있는 모든 element 초기화
    $(tgtSelector).eq(0).children().remove();
    switch (inputType) {
        case 'radio' :
            for (let idx = 0; idx < codeList.length; idx++) {
                tgtChildreObj = document.createElement("div");
                tgtChildreObj.setAttribute("class", "custom-radio");
                if (selectedValue == codeList[idx].cd) {
                    tgtChildreObj.innerHTML = '<input type="radio" id="' + inputName + idx + '" name="' + inputName + '" value="' + codeList[idx].cd + '" checked="checked"><label for="' + inputName + idx + '">' + codeList[idx].cdNm + '</label>';
                } else {
                    tgtChildreObj.innerHTML = '<input type="radio" id="' + inputName + idx + '" name="' + inputName + '" value="' + codeList[idx].cd + '"><label for="' + inputName + idx + '">' + codeList[idx].cdNm + '</label>';
                }
                $(tgtSelector).eq(0).append(tgtChildreObj);
            }
            break;
        case 'checkbox' :
            for (let idx = 0; idx < codeList.length; idx++) {
                tgtChildreObj = document.createElement("label");
                tgtChildreObj.setAttribute("class", "b-checkbox checkbox");
                if (selectedValue == codeList[idx].cd) {
                    tgtChildreObj.innerHTML = '<input type="checkbox" id="' + inputName + idx + '" name="' + inputName + '" value="' + codeList[idx].cd + '" checked="checked"><span class="check"></span><span class="control-label">' + codeList[idx].cdNm + '</span>';
                } else {
                    tgtChildreObj.innerHTML = '<input type="checkbox" id="' + inputName + idx + '" name="' + inputName + '" value="' + codeList[idx].cd + '"><span class="check"></span><span class="control-label">' + codeList[idx].cdNm + '</span>';
                }
                $(tgtSelector).eq(0).append(tgtChildreObj);
            }
            break;
        case 'select' :
            tgtChildreObj = document.createElement("div");
            let selectInnerHtml = '';
            tgtChildreObj.setAttribute("class", "select-box");
            selectInnerHtml = '<select id="' + inputName + '" name="' + inputName + '">';

            if (initValue) {
                //초기값(전체)이 있을 경우
                selectInnerHtml += '<option value="">' + initValue + '</option>';
            }

            for (let idx = 0; idx < codeList.length; idx++) {
                if (selectedValue == codeList[idx].cd) {
                    selectInnerHtml += '<option value="' + codeList[idx].cd + '" selected="selected">' + codeList[idx].cdNm + '</option>';
                } else {
                    selectInnerHtml += '<option value="' + codeList[idx].cd + '">' + codeList[idx].cdNm + '</option>';
                }
            }
            selectInnerHtml += '</select>';
            tgtChildreObj.innerHTML = selectInnerHtml;
            $(tgtSelector).eq(0).append(tgtChildreObj);
            $(".select-box > select").niceSelect();
            break;
    }
}

/**************************************************************
 * datepicker 설정 수동적용
 *    파라미터 설명{
 *        selector : datepicker가 적용될 DOM selector정보
 *    }
 ****************************************************************/
const fn_set_datepicker = function (selector) {
    if (!selector) {
        selector = '.datepicker';
    }
    $(selector).each(function () {
        $(this).datepicker({
            dateFormat: "yy-mm-dd",
            prevText: "이전 달",
            nextText: "다음 달",
            changeMonth: "true",
            changeYear: "true",
            dayNames: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"],
            dayNamesMin: ["일", "월", "화", "수", "목", "금", "토"],
            monthNames: [
                "1월",
                "2월",
                "3월",
                "4월",
                "5월",
                "6월",
                "7월",
                "8월",
                "9월",
                "10월",
                "11월",
                "12월",
            ],
            monthNamesShort: [
                "1월",
                "2월",
                "3월",
                "4월",
                "5월",
                "6월",
                "7월",
                "8월",
                "9월",
                "10월",
                "11월",
                "12월",
            ],
            showMonthAfterYear: true,
            yearSuffix: "년",
            firstDay: 0
        });
    });
}

/*****************************************************************
 * 날짜 정규표현식 적용
 * $(document).ready(function(){})에 호출
 ****************************************************************/
const fn_check_date_regExp = () => {
    $(".datepicker").on("input", function () {
        // 입력 값 가져오기
        let inputValue = $(this).val();
        // 입력 값에서 한글 및 문자 제거
        let cleanedValue = inputValue.replace(/[^0-9]/g, '');

        // 날짜 형식 변경 (YYYYMMDD -> YYYY-MM-DD)
        let formattedDate = cleanedValue.replace(/^(\d{4})(\d{2})(\d{2})$/, '$1-$2-$3');

        // 형식이 변경된 값을 다시 입력 필드에 설정
        $(this).val(formattedDate);

        //maxlength 제한
        let newMaxlength = 10;
        $(this).attr("maxlength", newMaxlength);
    });
}

/**************************************************************
 * input
 * 특정 input(select)에 특정 event 발생시 처리할 함수 지정
 *    파라미터 설명{
 *        selector : 대상 input Object selector
 *        eventType : 대상 event종류(예시>keyup)
 *        callback : 대상 event발생 시 호출될 callback함수
 *    }
 ****************************************************************/
const fn_set_event = function (selector, eventType, callback) {
    $(selector).on(eventType, function () {
        let target = $(this);
        callback(target);
    });
}

/*********************************************************************************
 * input
 * 조건에 따른 대상input 활성화/비활성화
 *    파라미터 설명{
 *        disArr : 비활성화 대상 input selector배열
 *               (체크박스의 경우 컨트롤할 영역만 파라미터를 넘겨줘야함 enArr -> [])
 *        enArr : 활성화 대상 input selector배열
 *        element : 셀렉터 작성 -> $(this)
 *        reveresAt : 체크박스일 경우 disable 영역 반전, default -> 체크시 enable
 *    }
 **********************************************************************************/
const fn_ctrl_disable = function (disArr, enArr, element, reveresAt) {

    const fn_disable = function(disArr, enArr) {
        const propUpdate = function (selector, bool) {
            const boolean = bool;
            $(selector).find('input, select').each(function () {
                let type = this.type;
                let tag = this.tagName.toLowerCase();
                if (type === 'text' || tag === 'textarea' || type === 'checkbox' || type === 'radio' || type === 'password') {
                    this.disabled = boolean;
                } else if (tag === 'select') {
                    this.disabled = boolean;
                    $(this).niceSelect('update');
                }
            });
        };

        if (disArr != null && disArr.length > 0) {
            const isTrue = true;
            for (let idx = 0; idx < disArr.length; idx++) {
                propUpdate(disArr[idx], isTrue);
            }
        }

        if (enArr != null && enArr.length > 0) {
            const isFalse = false;
            for (let idx = 0; idx < enArr.length; idx++) {
                propUpdate(enArr[idx], isFalse);
            }
        }
    }

    if (element) {
        const thisType = element.attr('type');

        if (thisType === 'checkbox') {
            var isChecked = element.is(':checked');
            if (reveresAt === 'Y') {
                if (isChecked == true) {
                    fn_disable(disArr);
                } else if (isChecked == false) {
                    fn_disable([], disArr);
                }
            } else {
                if (isChecked == true) {
                    fn_disable([], disArr);
                } else if (isChecked == false) {
                    fn_disable(disArr);
                }
            }
        } else {
            fn_disable(disArr, enArr);
        }
    } else {
        fn_disable(disArr, enArr);
    }
}

/**************************************************************
 * 데이터 NULL 여부
 *      파라미터 설명 {
 *          data : 데이터
 *      }
 ****************************************************************/
const fn_is_empty = (data) => {
    if (typeof data === 'undefined' ||
        data === 'undefined' ||
        data === null ||
        data === '' ||
        data === 'null' ||
        data.length === 0 ||
        (typeof input === 'object' && !Object.keys(data).length)) {
        return true;
    } else {
        return false;
    }
}

/**************************************************************
 * 데이터 NULL 일 경우 대체 문자 또는 데이터 반환
 *      파라미터 설명 {
 *          expr1 : 데이터
 *          expr2 : 대체 데이터
 *      }
 ****************************************************************/
const fn_nvl = function (expr1, expr2) {
    if (fn_is_empty(expr1)) {
        expr1 = expr2;
    }

    return expr1;
}

/*************************************************************
 * 텍스트, value값 제어
 *      파라미터 설명 {
 *          targetSelector : 바꿀 요소 셀렉터
 *          targetCn : 바꿀 내용
 *      }
 *************************************************************/
const fn_change_content = (targetSelector, targetCn) => {
    $(targetSelector).text(targetCn);
    $(targetSelector).val(targetCn);
}


/* ********************************************************
*   tr 요소 추가
*       파라미터 설명 {
*           tableId(string) : 복제대상 tr 요소를 찾을 table Id
*           trIndex(integer) : 복제대상 tr의 index ( 특별한 경우 없을 시 0 )
*           thisValue : 복제후 초기값
*           propCtrl(string) : 속성 추가 ( readonly, disabled 등 )
*           propBol(string) : true or false
*           rmSelectAt : select값 지울지 말지 여부
*       }
******************************************************** */
const fn_add_tr = function (tableId ,trIndex, thisValue, propCtrl, propBol, rmSelectAt) {
    let count = 0;
    count = $('#' + tableId + ' > tbody').children('tr').length; // 동적 id 생성 count

    const addTrArea = $('#' + tableId + ' > tbody').find('tr').eq(trIndex).clone(); // 추가할 영역 복제
    let addTrHtml = $('#' + tableId + ' > tbody').append(addTrArea);
    // 복제된 영역의 아이디값 동적 변경
    addTrHtml.find('tr:last [id]').each(function () {
        var oldId = $(this).attr('id');
        var newId = oldId + count;
        $(this).attr('id', newId);
    });

    //요소 값 초기화
    $('#' + tableId + ' > tbody > tr:last').find('input').each(function () {
        $(this).val(thisValue);
        if (propCtrl) {
            if (propBol == 'true') {
                $(this).prop(propCtrl, true);
            } else if (propBol == 'false') {
                $(this).prop(propCtrl, false);
            }
        }
    });
    if (rmSelectAt != 'N') {
        $('#' + tableId + ' > tbody > tr:last').find('ul > li').each(function () {
            $(this).empty();  // li 안의 내용을 모두 비움
        });
    }

    $('.delete').each(function () {
        this.disabled = false;
    });

    $('#' + tableId).tableDnDUpdate();
}

/* ********************************************************
*   tr 요소 삭제
*       파라미터 설명 {
*           tableId(string) : 삭제대상 tr 요소를 찾을 table Id
*           delLimit(integer) : 제한 삭제 개수
*               파라미터가 없을 경우 '데이터가 없습니다' 문구 출력
*       }
******************************************************** */
const fn_delete_tr = function (tableId, delLimit) {
    let target = event.target;

    let trCnt = $('#' + tableId + ' > tbody tr').length

    if (delLimit) {
        if (trCnt == delLimit) {
            target.disabled = true;
        }
    }
}

/* ********************************************************
* 화면 show, hide
*       파라미터 설명 {
*           showSelector: 보일 HTML
*           hideSelector: 숨길 HTML
*           disableAt : disable 여부 , Y
*       }
* 숨길 때 disable 같이
******************************************************** */
const fn_ui_showHide = function(showSelector, hideSelector, disableAt) {
    if (showSelector != '' && showSelector != null) {
        $(showSelector).show();
    }
    if (hideSelector != '' && hideSelector != null) {
        $(hideSelector).hide();
    }
    //disable Y일시 disable 함수 실행
    if (disableAt == "Y") {
        fn_ctrl_disable([hideSelector], [showSelector]);
    }
}


/**************************************************************
 * checkbox
 * 체크박스 체크여부에 따른 전체 체크박스 제어 or 전체 체크박스 체크여부에 따른 체크박스 제어
 *    파라미터 설명 {
 *        ctrDv : 전체 체크박스에서 제어 시 param 넣기
 *        tgtSelector : 전체체크박스 대상 selector
 *        selector : 나머지 체크박스 대상 selector
 *    }
 ****************************************************************/
const fn_ctr_pCheckbox = function (tgtSelector, selector, ctrDv) {
    let isCcked = true;
    if(!fn_is_empty(ctrDv)){
        if(!$(tgtSelector).is(":checked")){
            isCcked = false;
        }
        $(selector).each(function () {
            $(selector).prop('checked', isCcked);
        });
    }else{
        $(selector).each(function () {
            if ($(this).prop('type') == 'checkbox' && !$(this).prop('checked')) {
                isCcked = false;
                return false;
            }
        });
        $(tgtSelector).prop('checked', isCcked);
    }
}

/**************************************************************
 * checkbox
 *  전체 체크박스 체크여부에 따른 체크박스 제어
 *    파라미터 설명{
 *        tgtSelector : 전체체크박스 대상 input
 *        selector : 나머지 체크박스 대상 input
 *    }
 ****************************************************************/
const fn_ctr_allCheckbox = function (tgtSelector, selector) {
    let isCcked = true;

}



/*****************************************************************
 * checkbox
 * 버튼 클릭시 체크박스 체크가 안되어 있으면 alert 호출
 *      파라미터 설명 {
 *          btnSelector : 이벤트 발생 할 버튼 셀렉터
 *          chkboxNm : 체크할 체크박스 name 이름
 *          alertCn : 호출할 내용
 *          fn_Nm : 체크시 실행 함수,
 *          fn_Param : 함수 파라미터
 *      }
 ****************************************************************/
const fn_check_chkBoxCnt = (btnSelector, chkboxNm, alertCn, fn_Nm, fn_Param) => {
    $(btnSelector).on("click", function (e) {
        if ($("input[name=" + chkboxNm + "]:checked").length < 1) {
            alert(alertCn);
        } else {
            //파라미터 존재시
            if (fn_Param != null && fn_Param != '') {
                fn_Nm(fn_Param);
            } else {
                //파라미터 존재 안할 시
                fn_Nm();
            }
        }
    });
}


/*****************************************************************
 * checkbox
 * 체크박스 리스트 선택 삭제
 *       파라미터 설명 {
 *           tbodySltr : 선택 삭제 대상 tbody 셀렉터
 *       }
 ******************************************************************/
const fn_delete_selectTr = function (tbodySltr) {
    var $tbody = $(tbodySltr);

    // 체크된 input 찾기
    $tbody.find('input[type="checkbox"]:checked').each(function () {
        $(this).closest('tr').remove(); // 체크된 tr 삭제
    });

    if ($tbody.children().length === 0) {
        var noDataMessage = $("<tr>");
        var cell = $("<td>").attr("colspan", '100%').html('<spring:message code="common.nodata"/>');
        noDataMessage.append(cell);
        $tbody.append(noDataMessage);
    }
};

/**************************************************************
 * SMS(메시지) 바이트수 세기
 *      파라미터 설명 {
 *          idSelector : textarea 셀렉터
 *          byteCntSelector : byte 표시할 span 셀렉터
 *          size : byte 제한할 size 수
 *      }
 ****************************************************************/
const fn_count_byte = (textSelector, byteCntSelector, size) => {
    $(textSelector).keyup(function (e) {
        let str = $(this).val();
        let str_len = str.length;

        let rbyte = 0;
        let rlen = 0;
        let one_char = "";
        //byte수 세기
        for (let i = 0; i < str_len; i++) {
            one_char = str.charAt(i);
            if (escape(one_char).length > 4) {
                //한글3Byte
                rbyte += 3;
            } else {
                //영문 등 나머지 1Byte
                rbyte++;
            }

            if (rbyte <= size) {
                //return할 문자열 갯수
                rlen = i + 1;
            }
        }
        //타겟 바이트 표시 요소 찾기
        let targetByte = $(this).closest(".sms-manage").find(byteCntSelector);
        //바이트 표시
        targetByte.text(rbyte);
        //size 초과시 alert 호출 후, 초과 글자 삭제
        if (size != '' && size != null) {
            if (rbyte > size) {
                alert("최대 " + size + "byte까지 입력 가능합니다.");
                $(this).val(str.substr(0, rlen));
            }
        }
    });
}
/**************************************************************
 * SMS(메시지) 바이트수 set
 *      파라미터 설명 {
 *          idSelector : textarea 셀렉터
 *          byteCntSelector : byte 표시할 span 셀렉터
 *      }
 ****************************************************************/
const fn_count_byte_set = (textSelector, byteCntSelector) => {
    let str = $(textSelector).val();
    let str_len = 0;
    let rbyte = 0;
    let one_char = "";

    if (!fn_is_empty(str)) {
        str_len = str.length;
        //byte수 세기
        for (let i = 0; i < str_len; i++) {
            one_char = str.charAt(i);
            if (escape(one_char).length > 4) {
                //한글3Byte
                rbyte += 3;
            } else {
                //영문 등 나머지 1Byte
                rbyte++;
            }
        }
    }

    //타겟 바이트 표시 요소 찾기
    let targetByte = $(textSelector).closest(".sms-manage").find(byteCntSelector);
    //바이트 표시
    targetByte.text(rbyte);
}

/**************************************************************
 *  alert
 ****************************************************************/
const fn_click_alert = function () {
	alert("check");
}


/* ********************************************************
* 검색조건 > 데이트range 이벤트 바인딩
*       파라미터 설명 {
*           divIdSelector : dateRange div id Ex) "#divId"
*           strtDtId  : 시작일 id 이름 Ex) "strtDtId"
*           EndDtId   : 종료일 id 이름 Ex) "EndDtId"
*           stdObjeId : 기준일 id 이름 Ex) "EndDtId"
*       }
*  함수 document.ready에 선언!
******************************************************** */
fn_set_dateRange_function = (divIdSelector, strtDtId, EndDtId, stdObjeId) => {
    //버튼 값
    const rangeArr = ['1D', '0', '3D', '7D', '1M', '3M', '6M', '1Y']
    //dateRange 내 button 요소 찾기
    let childEle = $(divIdSelector).find('button');
    //button 요소 idx 만큼 반복문
    childEle.each(function (idx) {
        childEle.eq(idx).on("click", function () {
            //전체 제외 날짜 설정 함수 호출
            if (idx < 8) {
                fn_set_date(strtDtId, EndDtId, EndDtId, rangeArr[idx]);
            } else if (idx == 8) {
                //전체 버튼 날짜 리셋
                $('#' + strtDtId).datepicker().datepicker("setDate", '');
                $('#' + EndDtId).datepicker().datepicker("setDate", '');
            }
        });
    });
}

/* ********************************************************
* 검색조건 > 검색구분 핸드폰 선택시 숫자만 허용
*       파라미터 설명 {
*           srchDvSelector  : 검색 구분 id 셀렉터
*           srchStrSelector : 검색어 id 셀렉터
*           mbtlnbValNm     : 검색 구분 중 휴대폰 value 이름
*       }
******************************************************** */
const fn_apply_regExp_mbtlnb = (srchDvSelector, srchStrSelector, mbtlnbValNm) => {
    $(srchStrSelector).on("input", function () {
        let dvVal = $(srchDvSelector).val();
        //검색구분이 휴대폰이면 검색어는 숫자만 허용
        if (dvVal == mbtlnbValNm) {
            $(srchStrSelector).val($(srchStrSelector).val().replace(/[^0-9]/g, ""));
        }
    });
}



/* ********************************************************
*   ajax로 목록 조회시 나이스셀렉트 , datepicker 일괄 적용
*       파라미터 설명 {
*           listIdSelector: 목록 조회 section ID 셀렉터
*       }
******************************************************** */
const fn_set_niceSelect_datePicker = (listIdSelector) => {
    //검색 조건 내 select 요소 찾기
    const selectNiceArr = $(listIdSelector).find("select");
    //select 요소 개수
    if (selectNiceArr.length > 0) {
        selectNiceArr.each(function (idx) {
            selectNiceArr.eq(idx).niceSelect();
        });
    }
    //datePicker 개수
    const datePickerArr = $(listIdSelector).find(".datepicker");
    if (datePickerArr.length > 0) {
        datePickerArr.each(function (idx) {
            fn_set_datepicker(datePickerArr.eq(idx));
        });
    }
}

/* ********************************************************
*   팝업 오픈
*   url : 호출할 윈도우 팝업 url
*   title : 팝업 이름
*   w : 윈도우 팝업 가로길이
*   h : 윈도우 팝업 세로길이
******************************************************** */
const PopupCenter = (url, title, w, h) => {
   const dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
   const dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;

   width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
   height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

   const left = ((width / 2) - (w / 2)) + dualScreenLeft;
   const top = ((height / 2) - (h / 2)) + dualScreenTop;
   const newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

   if (window.focus) {
       newWindow.focus();
   }

}

/* ********************************************************
*   crmMenu bar current 표시
* targetId : left li id 이름
******************************************************** */
const fn_add_crm_menu_class = (targetId) => {
    $(".crmMenu").each(function(){
        $(this).removeClass("current");
    });
    $("#"+targetId).addClass("current");
}

/* ********************************************************
*   crm 회원정보 세팅
* targetId : left li id 이름
******************************************************** */
const fn_set_crm_mbr_info = (mbrInnb, mbrDvCd,customer_record_key) => {
    $("#leftMbrInnb").val(mbrInnb);
    $("#leftMbrDvCd").val(mbrDvCd);
    $("#leftCustomerRecordKey").val(customer_record_key);
}

/* ********************************************************
*  상품 상세 이동
*  param : 상품고유번호(goodsInnb), 상품종류(goodsKndCd), 페이지 구분(pageDv), 창옵션(target)
*  moveDv (sopmal,mngr)
*  창옵션(target) 디폴트 새창(_blank)
* ******************************************************** */
const fn_move_goods_dtl_common = (goodsInnb, pageDv, goodsKndCd, target = '_blank') => {
    if (pageDv === 'sopmal') {
        /*도메인 주소 get*/
        $.ajax({
            type: 'post',
            url: "/mngr/getPcUrl",
            contentType: 'application/json',
            data: JSON.stringify({"sopmalCd" : ''}),
            dataType: 'json',
            success: function (data) {
                let sopmalInfo = data.resBody.result;
                sopmalInfo = JSON.parse(sopmalInfo);
                let pcDomnAdres = sopmalInfo.sopmalInfo.pcDomnAdres;

                if(pcDomnAdres.endsWith("/")){
                    window.open(pcDomnAdres + "sopmal/goods/selectGoodsDtl?goodsInnb="+goodsInnb, target,"noreferrer");
                }
                window.open(pcDomnAdres + "/sopmal/goods/selectGoodsDtl?goodsInnb="+goodsInnb,target, "noreferrer");

            }
        });
    } else if (pageDv === 'mngr') {
        if (goodsKndCd === '02') {
            window.open("/mngr/goods/prsnt/selectPrsntDtlForm?pageIndex=1&goodsInnb=" + goodsInnb, target);
        } else {
            window.open("/mngr/goods/goodsmngr/selectGoodsDtlForm?goodsInnb=" + goodsInnb, target);
        }
    }
}

/*********************************************************
 사용자 게시판 이동
 suburl : 게시판 이동 외 그외 사용자 화면으로 이동시 url
 ***************************************************************/
const fn_move_sopmal_bbs_list = (bbsId,bbsTyCd,subUrl) => {
    if(bbsId !== '' && (subUrl === '' || subUrl === undefined)){
        if (bbsTyCd === '02' || bbsTyCd === '04') {//고객센터 url
            subUrl = "/sopmal/csc/selectBbscttAuth?authDv=REDNG&reqUrl=csc&bbsId=" + bbsId;
        } else if (bbsTyCd === '01' || bbsTyCd === '03' || bbsTyCd === '09' || bbsTyCd === '11') {//이벤트,매거진,일반게시글
            subUrl = "/sopmal/csc/selectBbscttAuth?authDv=REDNG&reqUrl=subPage&bbsId=" + bbsId;
        } else if (bbsTyCd === '10') { //이용안내 url
            subUrl = "/sopmal/csc/selectBbscttAuth?authDv=REDNG&reqUrl=useGuidance&bbsId=" + bbsId;
        }
    }
    let pcDomainUrl = '';
    /*도메인 주소 get*/
    $.ajax({
        type: 'post',
        url: "/mngr/getPcUrl",
        contentType: 'application/json',
        data: JSON.stringify({"sopmalCd" : ''}),
        dataType: 'json',
        success: function (data) {
            let sopmalInfo = data.resBody.result;
            sopmalInfo = JSON.parse(sopmalInfo);
            let pcDomnAdres = sopmalInfo.sopmalInfo.pcDomnAdres;
            window.open(pcDomnAdres + subUrl, "_blank","noreferrer");
        }
    });
}

/*********************************************************
 CRM 관리자 주문 이동
 ***************************************************************/
const fn_move_mngr_ordr_regist_form = (mbrInnb, mbrDvCd,mbtlnb) => {

    if($('#ordr_regist_form')!=null){
        $('#ordr_regist_form').remove()
    }

    // FormData 객체 생성
    const formData = document.createElement('form');

    formData.id = 'ordr_regist_form'
    formData.name = 'ordr_regist_form'
    formData.method = 'post'
    formData.action = '/crm/ordr/selectMngrOrdrRegistForm'
    formData.target = '_blank'
    // 값을 추가
    if(!fn_is_empty(mbrDvCd)){
        $(formData).append($('<input/>', {type: 'hidden', name: 'mbrInnb', value: mbrInnb}));
        $(formData).append($('<input/>', {type: 'hidden', name: 'mbrDvCd', value: mbrDvCd}));
    }else{
        $(formData).append($('<input/>', {type: 'hidden', name: 'mbtlnb', value: mbtlnb}));
        $(formData).append($('<input/>', {type: 'hidden', name: 'mbrTyCd', value: '02'}));
    }


    $(formData).appendTo('body');

    $(formData).submit();
    $(formData).remove();

}

/***************************************************************
 토큰 만료를 모니터링 하고 갱신을 요청하는 기능
 ***************************************************************/

const checkTokenExpiration = () => {
    const tokenExpirationTime = localStorage.getItem('tokenExpirationTime');
    if (tokenExpirationTime && Date.now() > tokenExpirationTime) {
        refreshToken();
    }
}

const refreshToken = () => {
    fetch('/token/refresh', { method: 'POST' })
        .then(response => {
            if (response.ok) {
                return response.json();
            }
            throw new Error('Token refresh failed');
        })
        .then(data => {
            localStorage.setItem('tokenExpirationTime', Date.now() + data.expiresIn * 1000);
        })
        .catch(error => {
            console.error('Error refreshing token:', error);
            window.location.href = '/login'; // 로그인 페이지로 리다이렉트
        });
}

// 주기적으로 토큰 만료 확인 (예: 5분마다)
setInterval(checkTokenExpiration, 5 * 60 * 1000);


/*****************************************************************
 crm 회원 정보 조회
 *****************************************************************/
/* ********************************************************
*   해당 회원 정보 get
******************************************************** */
const fn_get_crm_info = (mbrInnb, mbrDvCd) => {
    $.ajax({
        type: "post",
        url: "/crm/main/selectCrmMbrInfo",
        data: {mbrInnb: mbrInnb, mbrDvCd: mbrDvCd},
        success: function (data) {
            data = JSON.parse(data.resBody.result);
            fn_set_crm_info(data);
        }
    });
}
/* ********************************************************
*   해당 회원 정보 get (비회원)
******************************************************** */
const fn_get_crm_info_nmbr = (mbtlnb,ordrInnb) => {
    $.ajax({
        type: "post",
        url: "/crm/main/selectCrmNmbrInfo",
        data: {mbtlnb: mbtlnb, ordrInnb: ordrInnb},
        success: function (data) {
            data = JSON.parse(data.resBody.result);
            fn_set_crm_info(data,mbtlnb);
        }
    });
}
/* ********************************************************
*   해당 회원 정보 set
******************************************************** */
const fn_set_crm_info = (data,mbtlnb) => {
    mbrData = data.mbrData;
    mbrAct = data.mbrAct;
    if (mbrAct.useAt === 'N') {//회원탈퇴사람인경우
        $("#secsnModalDiv").hide();
        $("#sndngDiv").hide();
    }
    /*활동정보*/
    if ($("#mbrActInfo").length > 0) {
        let rlSetleAmtSum = fn_format_comma(mbrAct.rlSetleAmtSum);
        let ordrInnbCnt = fn_format_comma(mbrAct.ordrInnbCnt);
        let actInfo = "("+ordrInnbCnt+"건 "+rlSetleAmtSum+ "원)";
        $("#mbrActInfo").text(actInfo);
    }
    /*주문*/
    if ($("#exportWaitCnt").length > 0) {
        $("#exportWaitCnt").text(fn_format_comma(mbrData.unprocessedRelease));
        $("#rcpmnyWaitCnt").text(fn_format_comma(mbrData.unprocessedDeposit));
    }
    /*반품/환불*/
    if ($("#refundCnt").length > 0) {
        $("#refundCnt").text(fn_format_comma(mbrData.unprocessedRefund));
    }
    /*마일리지*/
    if ($("#totMlg").length > 0) {
        $("#totMlg").text(fn_format_comma(mbrAct.blceSum));
    }
    /*쿠폰*/
    if ($("#couponCnt").length > 0) {
        $("#couponCnt").text(fn_format_comma(mbrAct.dwldCouponInnbCnt));
    }
    /*상품후기*/
    if ($("#rvwCnt").length > 0) {
        $("#rvwCnt").text(fn_format_comma(mbrAct.rvwWritngCnt));
    }
    /*상품문의*/
    if ($("#qnaCnt").length > 0) {
        $("#qnaCnt").text(fn_format_comma(mbrData.unprocessedQna));
    }
    /*상담*/
    if ($("#CnsltWaitCnt").length > 0) {
        $("#CnsltWaitCnt").text(fn_format_comma(mbrData.unprocessedCnslt));
    }

    if (mbrAct.mbtlnb != null) {
        $("#leftMbtlnb").val(mbrAct.mbtlnb);
    }
    if (mbrAct.email != null) {
        $("#leftEmail").val(mbrAct.email);
    }
    //회원정보에 이름 set
    $(".depth2-title").each(function () {
        if ($(this).attr('url') === '/crm/mbr/selectCstmrInfoInqire') { //회원정보 이름(아이디)로 메뉴명 바꾸기
            let id = '';
            if (mbrAct.joinMthCd === 'kakao') {
                id = ` <i class="icon icon_word-badge_kakao"></i>`;
            } else if (mbrAct.joinMthCd === 'naver') {
                id = ` <i class="icon icon_word-badge_naver"></i>`;
            } else if (mbrAct.joinMthCd === 'pos') {
                id = ` <i class="icon icon_word-badge_pos"></i>${mbrAct.mbrId}`;
            } else {
                id = `${mbrAct.mbrId}`;
            }
            let appnDv = '';
            if(mbrAct.appnDvCd === '02'){
                appnDv = `<span class="black-list">
                            B<span class="visually-hidden">블랙리스트</span>
                            </span>`;
            } else if (mbrAct.appnDvCd == '03') {
                appnDv = `<span class="white-list">
                            W<span class="visually-hidden">화이트리스트</span>
                            </span>`;
            }
            let mbrTxt = `${appnDv} ${mbrAct.mbrNm} (${id})`;
            $(this).html(mbrTxt);
        }
    });

    //회원 상담 폼일 시 전화번호  set
    /*CnsltDtlsRForm.jsp 28번줄에 해당 내용 있음*/
    if ($("#cnsltDtlsInnb").length > 0) {
        if(mbrAct.mbtlnb != null){
            $("#mbtlnb").val(mbrAct.mbtlnb);
        }else{
            $("#mbtlnb").val(mbtlnb.replaceAll('-',''));
        }
        fn_select_crm_cnslt_list(1);
    }

    if (mbrAct.mbtlnb != null) {
        $("#telnb").val(mbrAct.mbtlnb);
    } else {
        $("#telnb").val(mbtlnb.replaceAll('-', ''));
    }
}
/* ********************************************************
*   금액 포맷
******************************************************** */
const fn_format_comma = (target) => {
    if(!fn_is_empty(target)){
        target = target.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    }
    return target;
}

// 버튼을 비활성화하는 함수
const disableButton = (selector) => {
	$(selector).attr('disabled', true);
}

// 버튼을 활성화하는 함수
const enableButton = (selector) => {
	$(selector).removeAttr('disabled');
}


    /* ********************************************************
    *   해당 회원 정보 get TODO 관리자서버로 옮길시  URL 바꾸기
    ******************************************************** */
    const fn_get_itrnt_crm_info = (mbrInnb, mbrDvCd,sopmalCd) => {
        $.ajax({
            type: "post",
            url: "/itrnt/crm/mbr/selectCrmMbrInfo",
            data: {mbrInnb: mbrInnb, mbrDvCd: mbrDvCd,sopmalCd:sopmalCd},
            success: function (data) {
                data = JSON.parse(data.resBody.result);
                fn_set_itrnt_crm_info(data);
            }
        });
    }
    /* ********************************************************
    *   해당 회원 정보 set
    ******************************************************** */
    const fn_set_itrnt_crm_info = (data) => {
        mbrData = data.mbrData;
        mbrAct = data.mbrAct;
        /*마일리지*/
        if ($("#totMlg").length > 0) {
            $("#totMlg").text(fn_format_comma(mbrAct.blceSum));
        }
        /*쿠폰*/
        if ($("#couponCnt").length > 0) {
            $("#couponCnt").text(fn_format_comma(mbrAct.dwldCouponInnbCnt));
        }
        if (mbrAct.mbtlnb != null) {
            $("#leftMbtlnb").val(mbrAct.mbtlnb);
        }
        //회원정보에 이름 set
        $(".depth2-title").each(function () {
            if ($(this).attr('url') === '/itrnt/crm/mbr/selectCstmrInfoInqire') { //회원정보 이름(아이디)로 메뉴명 바꾸기
                let id = '';
                if (mbrAct.joinMthCd === 'kakao') {
                    id = ` <i class="icon icon_word-badge_kakao"></i>`;
                } else if (mbrAct.joinMthCd === 'naver') {
                    id = ` <i class="icon icon_word-badge_naver"></i>`;
                } else if (mbrAct.joinMthCd === 'pos') {
                    id = ` <i class="icon icon_word-badge_pos"></i>${mbrAct.mbrId}`;
                } else {
                    id = `${mbrAct.mbrId}`;
                }
                let mbrTxt = `${mbrAct.mbrNm} (${id})`;
                $(this).html(mbrTxt);
            }
        });
    }
/*테이블엔드 드래그 html 동적 생성 후 초기화 함수*/
const initializeTableDnD =()=> {
   if ($(".table.draggable").length > 0) {
       $(".draggable").tableDnD({
           onDragClass: "dragging",
       });
   }
}

/************************************************************
 *   숫자 혹은 영어만 입력
 *************************************************************/
const validateInputEngNumber = (thisVlaue) => {
    thisVlaue.value = thisVlaue.value.replace(/[^a-zA-Z0-9]/g, '');
}


/***************************************************************
 앨리스랩 약국 팀 내 영업사원 조회
 팀 select id teamDv
 팀 내 영업사원 select id teamMngrDv
 ***************************************************************/
/*팀 내 조회*/
const fn_select_team_member = (mngrInnb) =>  {
    const srchTeamDv = $("#teamDv").val();
    if (fn_is_empty(srchTeamDv)) {
        let optionHtml = `<option value="">영업사원 전체</option>`;
        $("#teamMngrDv").empty();
        $("#teamMngrDv").append(optionHtml)
            .niceSelect('update');
    }else{
        $.ajax({
            type: 'post',
            url: '/mngr/bsn/jobuser/selectUsersInTeam',
            data: {srchTeamDv: srchTeamDv},
            success: function (data) {
                data = JSON.parse(data.resBody.result);
                data = data.userList;
                fn_select_team_member_2(data);

                if (mngrInnb !== undefined) {
                    $("#teamMngrDv option[value='" + mngrInnb + "']").prop('selected', true);
                    $("#teamMngrDv").niceSelect('update');
                }
            }
        });
    }
}
/*html 구성*/
const fn_select_team_member_2 = (data) =>  {
    let optionHtml = `<option value="">영업사원 전체</option>`;
    data.forEach(function(item){
        optionHtml += `<option value="${item.mngrInnb}">${item.mngrNm}</option>`;
    });
    $("#teamMngrDv").empty();
    $("#teamMngrDv").append(optionHtml)
               .niceSelect('update');
}


/* ************************************************************
*   모바일 모달 show 함수_# 추가 X
*   modalId : 콜백 함수 이름
************************************************************* */
const openModal2 = (modalId) => {
    MicroModal.show(modalId);
}

/* ************************************************************
*   모바일 모달 닫고, URL Hash 제거
*   modalId : 콜백 함수 이름
************************************************************* */
const closeModal = (modalId) => {
    // 모달 닫힐 때 body 스크롤 복원
    document.body.style.overflow = '';

    // MicroModal을 사용해 모달 닫기
    MicroModal.close(modalId);

    // 추가적인 히스토리 항목을 생성하지 않고 URL에서 #이후부터 Hash 제거
    window.history.replaceState({}, '', window.location.href.split('#')[0]);
}

/* ********************************************************
 *	카카오 주소 찾기 연동(모바일)
 *	파라미터 설명 {
 *		callback : 카카오 주소 찾기 팝업에서 주소 선택 후 호출될 콜백함수
 *	}
 ******************************************************** */
const fn_select_post_mobile = (callback,modalNm,isModal) => {
    // 우편번호 찾기 화면을 넣을 element
    var element_wrap = $('#postCodeCn');


    // jQuery 객체를 DOM 요소로 변환
    var element = element_wrap.get(0);
    // 현재 scroll 위치를 저장해놓는다.
    if (element) {
        new daum.Postcode({
            oncomplete: function (data) {
                const postcode = data.zonecode;
                const roadAddr = data.roadAddress;
                const jibunAddress = data.jibunAddress;
                let addressType = '';
                let extraRoadAddr = '';

                // userSelectedType R/J 검색 결과에서 사용자가 선택한 주소의 타입(R : 도로명, J : 지번)
                if (data.userSelectedType == 'R') {
                    addressType = '01';
                } else {
                    addressType = '02';
                }

                // 법정동명이 있을 경우 추가한다. (법정리는 제외)
                // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
                if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
                    extraRoadAddr += data.bname;
                }

                // 건물명이 있고, 공동주택일 경우 추가한다.
                if (data.buildingName !== '' && data.apartment === 'Y') {
                    extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
                }
                // 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
                if (extraRoadAddr !== '' && roadAddr !== '') {
                    extraRoadAddr = ' (' + extraRoadAddr + ')';
                }

                callback({
                    postcode: postcode,
                    roadAddress: roadAddr,
                    jibunAddress: jibunAddress,
                    addressType: addressType,
                    extraAddress: extraRoadAddr
                });
            },
            width: '100%',
            height: '100%'
        }).embed(element);
    } else {
        console.error('선택한 요소가 존재하지 않습니다: ', '#postCodeCn');
    }
    // iframe을 넣은 element를 보이게 한다.
    if (element) {
        element.style.display = 'block';
        openModal2("postModal");
    }
}

const fn_set_year = (idSelector) => {
    const yearSelect = document.getElementById(idSelector);
    const currentYear = new Date().getFullYear();

    for (let i = 0; i < 10; i++) {
        const year = currentYear - i;
        const option = document.createElement('option');
        option.value = year;
        option.textContent = `${year}년`;
        yearSelect.appendChild(option);
    }

    $("#"+idSelector).niceSelect('update');
}

/************************************************************
 인풋 값에 대한 밸리데이션 체크
     num = false,      // 숫자 허용 여부
     kor = false,      // 한글 허용 여부
     eng = false,      // 영어 허용 여부
     upper = false,    // 대문자 허용 여부
     lower = false,    // 소문자 허용 여부
     special = false,  // 특수문자 허용 여부
     chars = ""        // 허용할 특수문자 (기본값 없음)
************************************************************ */
function validateInput(input, opts = {}) {
    // 기본값을 false로 설정
    let {
        num = false,      // 숫자 허용 여부
        kor = false,      // 한글 허용 여부
        eng = false,      // 영어 허용 여부
        upper = false,    // 대문자 허용 여부
        lower = false,    // 소문자 허용 여부
        special = false,  // 특수문자 허용 여부
        chars = ""        // 허용할 특수문자 (기본값 없음)
    } = opts;

    $(input).on("input", function () {
        let value = $(this).val();
        let pattern = "";

        if (num) pattern += "0-9";  // 숫자 허용
        if (kor) pattern += "가-힣"; // 한글 허용
        if (eng) {
            if (upper && lower) pattern += "a-zA-Z"; // 대소문자 모두 허용
            else if (upper) pattern += "A-Z";        // 대문자만 허용
            else if (lower) pattern += "a-z";        // 소문자만 허용
        }
        if (special || chars) {
            pattern += chars.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'); // 특수문자 이스케이프 처리
        }

        let regex = new RegExp(`[^${pattern}]`, "g"); // 허용되지 않은 문자 제거
        $(this).val(value.replace(regex, ""));
    });
}

/************************************************************
 form데이터 sealize 후 json 스트링 형태로 전환
 ************************************************************ */
function queryToJson(queryString) {
    let jsonObj = {};
    let pairs = queryString.split("&");

    $.each(pairs, function (index, pair) {
        let [key, value] = pair.split("=");
        if(!fn_is_empty(value)){
            jsonObj[key] = value ? decodeURIComponent(value) : "";
        }
    });
    const jsonStr = JSON.stringify(jsonObj);
    return jsonStr;
}

/************************************************************
 치환코드 입력
 * @param eventObj : 클릭객체
 * @param closestSelector : 가까운 객체
 * @param targetTextAreaSelector : textarea타겟대상
 * @property obj : 클릭한 객체
 * @property existingVal : 기존 텍스트 아리아 값
 * @property addStr : 추가할 치환 코드
 * @description 치환 문자 td 클래스에 subst 클래스 부여
 ************************************************************ */
function fn_set_substituon_in_texatarea(eventObj, closestSelector, targetTextAreaSelector) {
    const obj = $(eventObj);
    let existingVal = $("#"+targetTextAreaSelector).val();
    let addStr;
    const addStrT = obj.closest(closestSelector).find(".subst").text();
    const addStrV = obj.closest(closestSelector).find(".subst").val();
    if(!fn_is_empty(addStrT)){
        addStr = addStrT;
    }else{
        addStr = addStrV;
    }
    existingVal = existingVal + " " +addStr;
    $("#"+targetTextAreaSelector).val(existingVal);
}

/* ************************************************************
*   인피니티 스크롤 공통 처리 (footer가 보이면 callback함수 호출)
*   callBack : 콜백 함수 이름
*   callBackParam : callBack 함수의 파라미터
*   selector
*************************************************************
const fn_infinite_scroll = (callBack, callBackParam,selector) => {
const target = document.querySelector(selector);
const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            callBack(callBackParam);
        }
    });
});
observer.observe(target);
}
*/
const fn_infinite_scroll = (callBack, callBackParam, selector) => {
    setTimeout(() => {
        const target = document.querySelector(selector);
        if (target) {
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        callBack(callBackParam);
                    }
                });
            });
            observer.observe(target);
        } else {
            console.error('target을 찾을 수 없습니다.');
        }
    }, 500);
}

/**
 * 부모의 리스트 함수를 재조회하는 함수
 * */
function parent_list_reload(){

if (window.opener && typeof window.opener.fn_select_list === 'function') {
    window.opener.fn_select_list(1);
}
}


/*현재 URL에 히스토리 스택 추가하는 함수*/
function history_add(serializeData){

    const currentUrl = new URL(window.location.href);
    // URLSearchParams 사용하여 키, 값을 파싱
    const params = new URLSearchParams(serializeData);

    // 각 키-값을 반복 처리
    params.forEach((value, key) => {
        currentUrl.searchParams.set(key, value); // 파라미터 추가 또는 업데이트
    });

    // 히스토리 스택에서 현재 상태를 업데이트
    window.history.replaceState({}, '', currentUrl.toString());

}

/**
 * 주문번호를 받아 새창에 주문상세화면 호출
 */
const fn_comm_go_ordr_dtl = function(ordrInnb) {
    // form 생성
    var form = document.createElement('form');
    form.method = 'POST';
    form.action = '/mngr/ordr/ordrmngr/selectOrdrDtlInqire';
    form.target = '_blank'; // 새 창

    // 파라미터 input 생성
    var input = document.createElement('input');
    input.type = 'hidden';
    input.name = 'ordrInnb';
    input.value = ordrInnb;

    form.appendChild(input);

    // body에 form 추가 후 submit
    document.body.appendChild(form);
    form.submit();

    // submit 후 form 제거 (메모리 관리)
    document.body.removeChild(form);
}