<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>

<!-- Page Body -->
<div class="content-wrapper">
	<!-- 입력 영역 -->
	<form id="frmEdit--${pageName}" name="frmEdit">
		<!-- hidden -->
		<input type="hidden" id="levyId--${pageName}" name="levyId" data-map="LEVY_ID" />

		<div class="d-flex flex-row justify-content-evenly">
			<!-- 부과 정보 -->
			<div class="col-xl-9 mx-1">
				<div class="card">
					<!-- 업무 버튼 -->
					<div class="container-page-btn">
						<label class="w-px-120 bg-label-danger pe-2 col-form-label text-sm-center">부과 정보</label>
					</div> <!-- <div class="container-page-btn"> -->
					<div class="row g-1">
						<!-- 회계 연도 -->
						<div class="col-md-4">
							<label for="acntgYr--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">회계연도</label>
							<input type="text" class="form-control w-15" id="acntgYr--${pageName}" name="acntgYr" data-map="FYR" readonly />
						</div>
						<!-- 세목 코드 -->
						<div class="col-md-4">
							<label for="acntgSe--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">회계세목</label>
							<input type="text" class="form-control w-15" id="acntgSe--${pageName}" name="acntgSe" data-map="ACNTG_SE" readonly />
							<input type="text" class="form-control w-30" id="txitmCd--${pageName}" name="txitmCd" data-map="TXITM_CD" readonly />
						</div>
						<!-- 부과 번호 -->
						<div class="col-md-4">
							<label for="levyNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">부과번호</label>
							<input type="text" class="form-control w-20" id="levyNo--${pageName}" name="levyNo" data-map="LEVY_NO" readonly />
							<input type="text" class="form-control w-10" id="inspySn--${pageName}" name="inspySn" data-map="INSPY_SN" readonly />
						</div>
						<!-- 과세 물건 -->
						<div class="col-md-4">
							<label for="txtnThing--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">과세물건</label>
							<input type="text" class="form-control w-30" id="txtnThing--${pageName}" name="txtnThing" data-map="TXTN_THING" readonly />
						</div>
						<!-- 세목 명 -->
						<div class="col-md-4">
							<label for="txitmNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">세목명</label>
							<input type="text" class="form-control w-45" id="txitmNm--${pageName}" name="txitmNm" data-map="TXITM_NM" readonly />
						</div>
						<!-- 분납 구분 -->
						<div class="col-md-4">
							<label for="inspySe--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">분납구분</label>
							<input type="text" class="form-control w-30" id="inspySe--${pageName}" name="inspySe" data-map="INSPY_SE" readonly />
						</div>
						<!-- 부과 구분 명 -->
						<div class="col-md-4">
							<label for="levySeNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">부과구분</label>
							<input type="text" class="form-control w-30" id="levySeNm--${pageName}" name="levySeNm" data-map="LEVY_SE_NM" readonly />
						</div>
						<!-- 감경 구분 명 -->
						<div class="col-md-4">
							<label for="rductSeNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">감경구분</label>
							<input type="text" class="form-control w-30" id="rductSeNm--${pageName}" name="rductSeNm" data-map="RDUCT_SE_NM" readonly />
						</div>
						<!-- 부과 상태 명 -->
						<div class="col-md-4">
							<label for="levySttsNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">부과상태</label>
							<input type="text" class="form-control w-30" id="levySttsNm--${pageName}" name="levySttsNm" data-map="LEVY_STTS_NM" readonly />
						</div>
						<!-- 부과 일자 -->
						<div class="col-md-4">
							<label for="levyYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">부과일자</label>
							<input type="text" class="form-control w-30" id="levyYmd--${pageName}" name="levyYmd" data-map="LEVY_YMD" readonly />
						</div>
						<!-- 최초 납기 일자 -->
						<div class="col-md-4">
							<label for="frstDudtYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">최초납기일자</label>
							<input type="text" class="form-control w-30" id="frstDudtYmd--${pageName}" name="frstDudtYmd" data-map="FRST_DUDT_YMD" readonly />
						</div>
						<!-- 납기 일자 -->
						<div class="col-md-4">
							<label for="dudtYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">납기일자</label>
							<input type="text" class="form-control w-30" id="dudtYmd--${pageName}" name="dudtYmd" data-map="DUDT_YMD" readonly />
						</div>
						<!-- 부과 본세 -->
						<div class="col-md-4">
							<label for="levyPcptax--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">부과본세</label>
							<input type="text" class="form-control w-30 text-end" id="levyPcptax--${pageName}" name="levyPcptax" data-map="LEVY_PCPTAX" readonly />
						</div>
						<!-- 수납 본세 -->
						<div class="col-md-4">
							<label for="rcvmtPcptax--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">수납본세</label>
							<input type="text" class="form-control w-30 text-end" id="rcvmtPcptax--${pageName}" name="rcvmtPcptax" data-map="RCVMT_PCPTAX" readonly />
						</div>
						<!-- 감액 본세 -->
						<div class="col-md-4">
							<label for="rdcamtPcptax--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">감액본세</label>
							<input type="text" class="form-control w-30 text-end" id="rdcamtPcptax--${pageName}" name="rdcamtPcptax" data-map="RDCAMT_PCPTAX" readonly />
						</div>
						<!-- 부과 가산금 -->
						<div class="col-md-4">
							<label for="levyAdamt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">부과가산금</label>
							<input type="text" class="form-control w-30 text-end" id="levyAdamt--${pageName}" name="levyAdamt" data-map="LEVY_ADAMT" readonly />
						</div>
						<!-- 수납 가산금 -->
						<div class="col-md-4">
							<label for="rcvmtAdamt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">수납가산금</label>
							<input type="text" class="form-control w-30 text-end" id="rcvmtAdamt--${pageName}" name="rcvmtAdamt" data-map="RCVMT_ADAMT" readonly />
						</div>
						<!-- 감액 가산금 -->
						<div class="col-md-4">
							<label for="rdcamtAdamt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">감액가산금</label>
							<input type="text" class="form-control w-30 text-end" id="rdcamtAdamt--${pageName}" name="rdcamtAdamt" data-map="RDCAMT_ADAMT" readonly />
						</div>
						<!-- 분납 이자 -->
						<div class="col-md-4">
							<label for="inspyInt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">분납이자</label>
							<input type="text" class="form-control w-30 text-end" id="inspyInt--${pageName}" name="inspyInt" data-map="INSPY_INT" readonly />
						</div>
						<!--  -->
						<div class="col-md-4">
						</div>
						<!-- 합계 금액 -->
						<div class="col-md-4">
							<label for="sumAmt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">미납금액</label>
							<input type="text" class="form-control w-30 text-end" id="sumAmt--${pageName}" name="sumAmt" data-map="SUM_AMT" readonly />
						</div>
						<!-- 관리 항목 1 -->
						<div class="col-md-4">
							<label for="mngArtcl1--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">관리항목1</label>
							<input type="text" class="form-control w-60" id="mngArtcl1--${pageName}" name="mngArtcl1" data-map="MNG_ARTCL1" readonly />
						</div>
						<!-- 관리 항목 2 -->
						<div class="col-md-4">
							<label for="mngArtcl2--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">관리항목2</label>
							<input type="text" class="form-control w-60" id="mngArtcl2--${pageName}" name="mngArtcl2" data-map="MNG_ARTCL2" readonly />
						</div>
						<!-- 관리 항목 3 -->
						<div class="col-md-4">
							<label for="mngArtcl3--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">관리항목3</label>
							<input type="text" class="form-control w-60" id="mngArtcl3--${pageName}" name="mngArtcl3" data-map="MNG_ARTCL3" readonly />
						</div>
						<!-- 관리 항목 4 -->
						<div class="col-md-4">
							<label for="mngArtcl4--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">관리항목4</label>
							<input type="text" class="form-control w-60" id="mngArtcl4--${pageName}" name="mngArtcl4" data-map="MNG_ARTCL4" readonly />
						</div>
						<!-- 관리 항목 5 -->
						<div class="col-md-4">
							<label for="mngArtcl5--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">관리항목5</label>
							<input type="text" class="form-control w-60" id="mngArtcl5--${pageName}" name="mngArtcl5" data-map="MNG_ARTCL5" readonly />
						</div>
						<!-- 관리 항목 6 -->
						<div class="col-md-4">
							<label for="mngArtcl6--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">관리항목6</label>
							<input type="text" class="form-control w-60" id="mngArtcl6--${pageName}" name="mngArtcl6" data-map="MNG_ARTCL6" readonly />
						</div>
						<!-- 체납 구분 코드 -->
						<div class="col-md-4">
							<label for="npmntSeNm--${pageName}${pageDataName2}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">체납구분</label>
							<input type="text" class="form-control w-40" id="npmntSeNm--${pageName}${pageDataName2}" name="npmntSeNm" data-map="NPMNT_SE_NM" readonly />
						</div>
						<!-- 체납 사유 -->
						<div class="col-md-8">
							<label for="npmntRsn--${pageName}${pageDataName2}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">체납사유</label>
							<input type="text" class="form-control w-80" id="npmntRsn--${pageName}${pageDataName2}" name="npmntRsn" data-map="NPMNT_RSN" readonly />
						</div>
					</div> <!-- <div class="row g-1"> -->
				</div> <!-- 부과 정보 <div class="card"> -->
			</div> <!-- <div class="col-xl-9 mx-1"> -->

			<!-- 납부 정보 -->
			<div class="col-xl-3 mx-0">
				<div class="card">
					<!-- 업무 버튼 -->
					<div class="container-page-btn">
						<label class="w-px-120 bg-label-danger pe-2 col-form-label text-sm-center">납부 안내 정보</label>
					</div> <!-- <div class="container-page-btn"> -->

					<div class="row g-1">
						<!-- 전자납부번호 -->
						<div class="col-md-12">
							<label for="epayno--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">전자납부번호</label>
							<input type="text" class="form-control w-65" id="epayno--${pageName}" name="epayno" data-map="EPAYNO" readonly />
						</div>
						<!-- 가상계좌번호 -->
						<div class="col-md-12">
							<label for="vrActno--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">가상계좌번호</label>
						</div>
						<div class="col-md-12">
							<textarea type="text" class="form-control w-100" id="vrActno--${pageName}" name="vrActno" data-map="VR_ACTNO" rows="13" >
							</textarea>
						</div>
					</div>
				</div> <!-- <div class="card"> -->
			</div> <!-- 가상계좌 정보 <div class="col-xl-3 mx-0"> -->
		</div> <!-- <div class="d-flex flex-row justify-content-evenly"> -->
	</form>

	<p></p>

	<div class="d-flex flex-row justify-content-evenly">
		<!-- 압류 정보 -->
		<div class="col-xl-12 mx-1">
			<div class="card">
				<!-- 업무 버튼 -->
				<div class="container-page-btn">
					<label class="w-px-120 bg-label-danger pe-2 col-form-label text-sm-center">압류 정보</label>
				</div> <!-- <div class="container-page-btn"> -->

				<form id="frmEdit--${pageName}${pageDataName3}" name="frmEdit${pageDataName3}">
					<div class="row g-1">
						<!-- 압류 일자 -->
						<div class="col-md-3">
							<label for="szrYmd--${pageName}${pageDataName3}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">압류일자</label>
							<input type="text" class="form-control w-30" id="szrYmd--${pageName}${pageDataName3}" name="szrYmd" data-map="SZR_YMD" readonly />
						</div>
						<!-- 압류 물건 -->
						<div class="col-md-9">
							<label for="szrThing--${pageName}${pageDataName3}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">압류물건</label>
							<input type="text" class="form-control w-80" id="szrThing--${pageName}${pageDataName3}" name="szrThing" data-map="SZR_THING" readonly />
						</div>
						<!-- 압류 해제 일자 -->
						<div class="col-md-3">
							<label for="szrRmvYmd--${pageName}${pageDataName3}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">압류해제일자</label>
							<input type="text" class="form-control w-30" id="szrRmvYmd--${pageName}${pageDataName3}" name="szrRmvYmd" data-map="SZR_RMV_YMD" readonly />
						</div>
						<!-- 압류 해제 사유 -->
						<div class="col-md-9">
							<label for="szrRmvRsn--${pageName}${pageDataName3}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">압류해제사유</label>
							<input type="text" class="form-control w-80" id="szrRmvRsn--${pageName}${pageDataName3}" name="szrRmvRsn" data-map="SZR_RMV_RSN" readonly />
						</div>
					</div> <!-- <div class="row g-1"> -->
				</form>
			</div> <!-- <div class="card"> -->
		</div> <!-- 압류 정보 <div class="col-xl-12 mx-1"> -->
	</div> <!-- <div class="d-flex flex-row justify-content-evenly"> -->
</div>

<script>
	/**************************************************************************
	 * Global Variable
	 **************************************************************************/
	// URL
	var ${pageName}PrefixUrl = "/sprt/sprt02";
	// FormFields
 	var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");

	/**************************************************************************
	 * DatasetControl
	 **************************************************************************/
	var ${pageName}Control = new DatasetControl({
		  prefix : "totalInfoLevy"
		, prefixName : "부과체납 정보"
		, keymapper : info => info ? info.LEVY_ID : ""
		, dataGetter : obj => obj.levy
		, formats : {
			  LEVY_YMD : dateFormat
			, FRST_DUDT_YMD : dateFormat
			, DUDT_YMD : dateFormat
			, FFNLG_AMT : numberFormat
		    , LEVY_PCPTAX :numberFormat
		    , LEVY_ADAMT : numberFormat
		    , INSPY_INT : numberFormat
			, RCVMT_PCPTAX : numberFormat
			, RCVMT_ADAMT : numberFormat
			, RDCAMT_PCPTAX : numberFormat
			, RDCAMT_ADAMT : numberFormat
			, SUM_AMT : numberFormat
			, RCVMT_YMD : dateFormat
			, SZR_YMD : dateFormat
			, SZR_RMV_YMD : dateFormat
			, REG_DT : datetimeFormat
		}
	});

	${pageName}Control.onCurrentChange = item => {
		// Dataset 셋팅
		${pageName}Fields.set(item);

		// 가상계좌번호
		let vrActno = "";

		if (item.data.BANK_NM != null)   vrActno += item.data.BANK_NM   + " " + item.data.VR_ACTNO   + "\n";	// 가상 계좌번호
		if (item.data.BANK_NM2 != null)  vrActno += item.data.BANK_NM2  + " " + item.data.VR_ACTNO2  + "\n";	// 가상 계좌번호2
		if (item.data.BANK_NM3 != null)  vrActno += item.data.BANK_NM3  + " " + item.data.VR_ACTNO3  + "\n";	// 가상 계좌번호3
		if (item.data.BANK_NM4 != null)  vrActno += item.data.BANK_NM4  + " " + item.data.VR_ACTNO4  + "\n";	// 가상 계좌번호4
		if (item.data.BANK_NM5 != null)  vrActno += item.data.BANK_NM5  + " " + item.data.VR_ACTNO5  + "\n";	// 가상 계좌번호5
		if (item.data.BANK_NM6 != null)  vrActno += item.data.BANK_NM6  + " " + item.data.VR_ACTNO6  + "\n";	// 가상 계좌번호6
		if (item.data.BANK_NM7 != null)  vrActno += item.data.BANK_NM7  + " " + item.data.VR_ACTNO7  + "\n";	// 가상 계좌번호7
		if (item.data.BANK_NM8 != null)  vrActno += item.data.BANK_NM8  + " " + item.data.VR_ACTNO8  + "\n";	// 가상 계좌번호8
		if (item.data.BANK_NM9 != null)  vrActno += item.data.BANK_NM9  + " " + item.data.VR_ACTNO9  + "\n";	// 가상 계좌번호9
		if (item.data.BANK_NM10 != null) vrActno += item.data.BANK_NM10 + " " + item.data.VR_ACTNO10 + "\n";	// 가상 계좌번호10
		if (item.data.BANK_NM11 != null) vrActno += item.data.BANK_NM11 + " " + item.data.VR_ACTNO11;			// 가상 계좌번호11

		$("#vrActno--${pageName}").val(vrActno);
	}

	/**************************************************************************
	 *
	 **************************************************************************/


	/**************************************************************************
	 * 초기 셋팅
	 **************************************************************************/
	// 검색조건 초기값 셋팅
	initForm${pageName} = () => {

	}

	// 이벤트 설정
	setEvent${pageName} = () => {

	}

	/**************************************************************************
	 * function
	 **************************************************************************/


	/**************************************************************************
	 * script 진입
	 **************************************************************************/
	$(document).ready(function() {
		// 이벤트 설정
		setEvent${pageName}();

		// 화면 초기 설정
		initForm${pageName}();

		// 부과 정보 Data 셋팅
		let levy = ${levy};
		if (levy) {
			${pageName}${pageDataName1}Control.setData([levy]);
		}
	});

// #sourceURL=sprt02060-info.jsp
</script>
