// 텍스트 필드에서 엔터 입력시 폼전송 되는것 방지 하고, 지정한 함수를 실행 한다.
function on_enter_go(f){ // onkeydown="on_enter_go(_=>func())"
	var keycode = event.keyCode;
	if(keycode==13){
		event.preventDefault();
		if(f) f();
		return false;
	}
}

document.addEventListener('DOMContentLoaded', () => {
	let tooltip = null;
	const getElemPos = (obj) => {
		let left = 0, top = 0;
		let width = obj.offsetWidth;
		let height = obj.offsetHeight;
		
		let elem = obj;
		while(elem) {
			left += elem.offsetLeft || 0;
			top += elem.offsetTop || 0;
			elem = elem.offsetParent;
		}
		
		// 내부 스크롤이 있는 영역에 있을 경우 보정
		elem = obj.parentNode;
		while(elem && elem.tagName !== 'BODY' && elem.tagName !== 'HTML') {
			if(elem.scrollTop) top -= elem.scrollTop;
			if(elem.scrollLeft) left -= elem.scrollLeft;
			elem = elem.parentNode;
		}

		return { left, top, width, height };
	};
	document.addEventListener('mouseover', (e) => {
		const trigger = e.target.closest('.html-tooltip[desc]');
		if (!trigger) return;

		const htmlContent = trigger.getAttribute('desc');
		if (!htmlContent || htmlContent.trim() === '') return;

		if (tooltip) tooltip.remove();

		tooltip = document.createElement('div');
		tooltip.className = 'custom-tooltip';
		tooltip.innerHTML = htmlContent;

		document.body.appendChild(tooltip);

		const pos = getElemPos(trigger);
		
		const top = pos.top - 10; // 타겟 위로 10px 띄움
		const left = pos.left + (pos.width / 2); // 타겟의 가로 중앙
		
		tooltip.style.top = `${top}px`;
		tooltip.style.left = `${left}px`;
	});

	document.addEventListener('mouseout', (e) => {
		const trigger = e.target.closest('.html-tooltip[desc]');
		if (!trigger) return;
		
		if (tooltip) {
			tooltip.remove();
			tooltip = null;
		}
	});
});
function check_tabkey(o, e){
	if(window.event) e = window.event;
	var ch = e.keyCode;
	if(ch==9){
		o.focus();
		InsertTextarea(o, "\t");
		if(e.preventDefault) e.preventDefault();
		if(e.returnValue) e.returnValue = false;
		return false;
	}
}
function cat_rule_check(arr, cat_1, cat_2){ // 카테고리 규칙에 맞는가?
	const cat_match_rule = (cat1, cat2, rule)=>{ // 카테고리 1/2차 매칭여부판단 함수 실제 사용 법 if([규칙들].some(rule=>cat_match_rule(frm.cat_1.value, frm.cat_2.value, rule))) { ... }
		const [r1, r2] = rule.includes('|') ? rule.split('|') : [rule, '*'];
		const cat1Match = r1 === '*' || (r1.endsWith('*') && cat1.startsWith(r1.slice(0, -1))) || r1 === cat1;
		const cat2Match =  r2 === '*' || r2 === cat2;
		return cat1Match && cat2Match;
	};
	return arr.some(rule=>cat_match_rule(cat_1, cat_2, rule));
}
function open_cash_popup(a_idx, o_idx, mode){
	if(mode==null) mode = '';
	var fc = openWinS(ADMIN_URL+'admin_agent_list.php?cmd=call_cash_history&a_idx='+a_idx+'&o_idx='+o_idx+'&mode='+mode, 1200, screen.availHeight);
}
function open_feed_history(o_idx){
	var fc = openWinS(ADMIN_URL+'admin_order_list.php?cmd=call_feed_history&q_idx='+o_idx, 700, 700, 'FEED_HISTORY_WIN', 'yes');
}
function open_odr_stat_history(o_idx){
	var fc = openWinS(ADMIN_URL+'admin_order_list.php?cmd=call_stat_history&q_idx='+o_idx, 900, 700, 'ODR_STAT_HISTORY_WIN', 'yes');
}
function up_down_key(el_name, n, m, with_bar){
	// 블록형 입력상자 커서로 위아래 이동 onkeydown="up_down_key('a_managers',<?=$n?>,0)" name="a_managers_{n}_{m}" 형태
	// name="elname_{n}_{m}" 형태가 불가능하면
	// data-updown_ptr="tag_name_{n}_{m}" 설정 후 onkeydown"up_down_key('data-updown_ptr=tag_name', n, m)" 호출하면 됨
	var bar = '_';
	if(with_bar==false) bar = '';
	var key = event.code;
	var el_names = 'input[name="' + el_name;
	if(el_name.startsWith('data-updown_ptr=')){
		el_names = 'input[data-updown_ptr="' + el_name.replace('data-updown_ptr=', '');
	}
	if(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)){
		event.preventDefault();
	}
	if(key=='ArrowUp'){
		if(n > 0){
			var el = document.querySelector(el_names + bar + (n - 1) + '_' + m + '"]');
			if(el){
				el.focus();
				if(el.type !== 'checkbox' && el.type !== 'radio') el.select();
			}
			return false;
		}
	}
	if(key=='ArrowDown'){
		var el = document.querySelector(el_names + bar + (n + 1) + '_' + m + '"]');
		if(el){
			el.focus();
			if(el.type !== 'checkbox' && el.type !== 'radio') el.select();
		}
		return false;
	}
	if((event.ctrlKey || event.metaKey) && key === 'ArrowLeft' && m > 0){
		var el = document.querySelector(el_names + bar + n + '_' + (m - 1) + '"]');
		if(m==1){
			console.log(el_names + bar + n + '_' + (m - 1) + '"]', el);
		}
		if(el){
			if(el.type !== 'checkbox' && el.type !== 'radio') el.focus(); else el.focus({ focusVisible: true });
			if(el.type !== 'checkbox' && el.type !== 'radio') el.select();
		}
		return false;
	}
	if((event.ctrlKey || event.metaKey) && key === 'ArrowRight'){
		var el = document.querySelector(el_names + bar + n + '_' + (m + 1) + '"]');
		if (el) {
			if(el.type !== 'checkbox' && el.type !== 'radio') el.focus(); else el.focus({ focusVisible: true });
			if(el.type !== 'checkbox' && el.type !== 'radio') el.select();
		}
		return false;
	}
}
function send_sms_popup(pcs, kind){ // '폰번호;번호', '$mode/$o_idx/$a_idx'
	if(kind == null) kind = '';
	let msg = '';
	if(arguments.length>2){
		msg = arguments[2];
	}
	if(kind==''){ // 일반 메시지
		openWinS(ADMIN_URL
			+ 'popup_sms_send.php?pcs=' + encodeURIComponent(pcs)
			+ '&msg=' + encodeURIComponent(msg)
			, 450, 500, 'SMS_SEND_WIN');
	}else{
		// kind = mode/o_idx/a_idx
		openWinS(ADMIN_URL
			+ 'popup_sms_send_kind.php?pcs=' + encodeURIComponent(pcs)
			+ '&kind=' + encodeURIComponent(kind)
			+ '&msg=' + encodeURIComponent(msg)
			, 450, 500, 'SMS_SEND_WIN');
	}
}
function log_message_view(o) {
	if (window.event) {
		window.event.preventDefault();
	}

	// 속성값 추출 및 기본값 처리
	const toTel = o.getAttribute('toTel') || '';
	const fromTel = o.getAttribute('fromTel') || '';
	const mode = o.getAttribute('mode') || '';
	const desc = o.getAttribute('desc') || '';
	const tail = o.getAttribute('tail') || '';
	const text = o.innerHTML.replaceAll('<i class="xi-enter"></i>', '\n');

	const fc = openWinS('', 450, 480, 'SMS_VIEW_WINDOW');

	// CSS 스타일 정의
	const cssStyles = `
		<style>
			body { background-color: #f9f7ec !important; margin: 0; }
			.header-box { background-color: #3360b4; color: #ffffff; padding: 10px 20px 5px 20px; border-bottom: 1px solid #000000; }
			.info-row { font-size: 15px; height: 25px; white-space: nowrap; }
			.main-content { padding: 5px 10px 10px 10px; }
			.title-label { padding-bottom: 5px; font-weight: bold; }
			.msg-box { white-space: pre-line; word-break: break-all; line-height: 141%; background-color: white; padding: 15px; border: 1px solid #f3f0dc; min-height: 170px; }
			.tail-box { padding: 5px 10px 0; }
			.desc-box { padding: 20px; }
			.desc-text { white-space: pre-line; word-break: break-all; line-height: 150%; }
		</style>
	`;

	// 조건부 HTML 생성
	const fromTelHtml = fromTel ? `<div class="info-row"><strong>발신자</strong> : ${fromTel}</div>` : '';
	const modeHtml = mode ? `<div class="info-row"><strong>전송구분</strong> : ${mode}</div>` : '';
	const tailHtml = tail ? `<div class="tail-box">${tail}</div>` : '';
	const descHtml = desc ? `
		<div class="desc-box">
			<div class="desc-text">${desc}</div>
		</div>` : '';

	// 최종 HTML 템플릿 조립
	const html = `
		<!DOCTYPE html>
		<html>
		<head>
			<meta charset="UTF-8">
			<title>${toTel}님께 발송한 내용보기</title>
			<link rel="stylesheet" href="./css/style.css">
			${cssStyles}
		</head>
		<body>
			<div class="header-box">
				<div class="info-row"><strong>수신자</strong> : ${toTel}</div>
				${fromTelHtml}
				${modeHtml}
			</div>
			<div class="main-content">
				<div class="title-label">발송내용 :</div>
				<div class="msg-box">${text}</div>
				${tailHtml}
			</div>
			${descHtml}
		</body>
		</html>
	`;

	fc.document.open();
	fc.document.write(html);
	fc.document.close();
}

function popup_maps_ptr(addr){
	if(addr && addr!=''){
		openWinS('https://map.kakao.com/?map_type=TYPE_MAP&q=' + addr, 1200, 800);
	}
}

// 네이버 GeoCoding API로 주소 검색
// LAdmin_func_lib에 REST 함수 있음
// /content/request.php?cmd=call_search_addr 처리 돼 있음
let debounceTimer;

function GEOSearchAddr(inputField, nextField, zipcodeField, latLngField) {
    if (inputField.dataset.initialized) return;
    inputField.dataset.initialized = "true";

    let isSelecting = false;
    let currentFocus = -1;

    let listContainer = inputField.nextElementSibling;
    if (!listContainer || !listContainer.classList.contains('geo-addr-list')) {
        listContainer = document.createElement("div");
        listContainer.className = 'geo-addr-list';
        if (window.getComputedStyle(inputField.parentNode).position === 'static') {
            inputField.parentNode.style.position = 'relative';
        }
        listContainer.style.cssText = "position:absolute; border:1px solid #ccc; background:#fff; z-index:999999; box-sizing:border-box; display:none; box-shadow:0 4px 10px rgba(0,0,0,0.15); max-height:300px; overflow-y:auto; margin:0; padding:0;";
        inputField.parentNode.appendChild(listContainer);
    }

    inputField.addEventListener("input", function(event) {
        // [핵심] 방향키 이동 중에는 리스트 갱신 로직을 완전히 차단하여 음영 소멸 방지
        if (currentFocus > -1 || isSelecting) return;

        clearTimeout(debounceTimer);
        const val = this.value;
        if (!val) { closeAllLists(); return; }

        debounceTimer = setTimeout(() => {
            if (currentFocus > -1 || isSelecting) return;
            
            fetch(`/content/request.php?cmd=call_search_addr&addr=${encodeURIComponent(val)}`)
                .then(response => response.text())
                .then(text => {
                    if (currentFocus > -1 || isSelecting) return;
                    let data;
                    try { data = JSON.parse(text); if (typeof data === 'string') data = JSON.parse(data); } catch (e) { return; }
                    if (!data || !data.addresses || data.addresses.length === 0) { closeAllLists(); return; }
                    
                    listContainer.innerHTML = "";
                    listContainer.style.display = "block";
                    listContainer.style.width = inputField.offsetWidth + "px";
                    listContainer.style.left = inputField.offsetLeft + "px";
                    listContainer.style.top = (inputField.offsetTop + inputField.offsetHeight) + "px";

                    data.addresses.forEach((item) => {
                        const div = document.createElement("div");
                        div.style.cssText = "padding:12px 10px; cursor:pointer; border-bottom:1px solid #eee; font-size:13px; color:#333; text-align:left; background:#fff;";
                        div.innerHTML = item.roadAddress || item.jibunAddress;
                        
                        div.onmouseover = () => {
                            if (currentFocus === -1) {
                                removeActive(listContainer.getElementsByTagName("div"));
                                div.style.backgroundColor = "#f5f5f5";
                            }
                        };
                        div.onmouseout = () => {
                            if (currentFocus === -1) div.style.backgroundColor = "#fff";
                        };
                        div.addEventListener("mousedown", (event) => { 
                            event.preventDefault(); 
                            selectItem(item); 
                        });
                        listContainer.appendChild(div);
                    });
                });
        }, 150);
    });

    inputField.addEventListener("keydown", function(event) {
        const items = listContainer.getElementsByTagName("div");
        
        if (event.key === "Enter") {
            event.preventDefault();
            event.stopPropagation();
            if (event.isComposing) return;

            if (listContainer.style.display !== "none" && items.length > 0) {
                isSelecting = true;
                const target = (currentFocus > -1 && items[currentFocus]) ? items[currentFocus] : items[0];
                target.dispatchEvent(new Event('mousedown'));
                
                closeAllLists();
                inputField.blur();
                setTimeout(() => { isSelecting = false; }, 500);
                if (nextField) setTimeout(() => nextField.focus(), 50);
            } else {
                closeAllLists();
                if (nextField) nextField.focus();
            }
        } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
            if (listContainer.style.display !== "none" && items.length > 0) {
                event.preventDefault();
                // 음영 이동 시 input 이벤트가 리스트를 새로 그리지 못하게 currentFocus를 즉시 변경
                currentFocus += (event.key === "ArrowDown" ? 1 : -1);
                addActive(items);
            }
        } else if (event.key === "Escape") {
            closeAllLists();
        } else {
            // 글자를 입력하기 시작하면 focus 상태 초기화
            if (event.key.length === 1 || event.key === "Backspace") {
                currentFocus = -1;
                isSelecting = false;
            }
        }
    });

    function selectItem(item) {
        isSelecting = true; 
        inputField.value = item.roadAddress || item.jibunAddress;
        if (zipcodeField && item.addressElements) {
            const zip = item.addressElements.find(e => e.types.includes("POSTAL_CODE"));
            zipcodeField.value = zip ? zip.longName : "";
        }
        if (latLngField) latLngField.value = `${item.y},${item.x}`;
        closeAllLists();
        inputField.dispatchEvent(new Event('change', { bubbles: true }));
    }

    function addActive(items) {
        if (!items || items.length === 0) return;
        removeActive(items);
        if (currentFocus >= items.length) currentFocus = 0;
        if (currentFocus < 0) currentFocus = (items.length - 1);
        if (items[currentFocus]) {
            items[currentFocus].style.backgroundColor = "#e9e9e9";
            items[currentFocus].scrollIntoView({ block: 'nearest' });
        }
    }

    function removeActive(items) {
        for (let i = 0; i < items.length; i++) {
            items[i].style.backgroundColor = "#fff";
        }
    }

    function closeAllLists() {
        listContainer.style.display = "none";
        listContainer.innerHTML = "";
        currentFocus = -1;
    }

    document.addEventListener("mousedown", function (event) {
        if (event.target !== inputField && !listContainer.contains(event.target)) {
            closeAllLists();
        }
    });
}