<%--
  Class Name : cvlCmplntDetailWeb.jsp
  Description : (사용자) 민원 상세(임시/등록/수정)
  Modification Information
 
      수정일      수정자              수정내용
     ----------  --------    ---------------------------
     2009.03.23   이삼섭        최초 생성
 
    author   : 공통서비스 개발팀 이삼섭
    since    : 2009.03.23
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import ="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<%
	String srchRoll = "N";
	if(EgovUserDetailsHelper.getAuthorities().contains("ROLE_ADMIN")){
		srchRoll = "Y";
	}
%>
<c:set var="srchRoll" value="<%=srchRoll%>" />

<c:forEach var="appr" items="${apprList}">
	<c:if test="${appr.apprYn == 'Y'}">
		<c:set var="apprYn" value="Y" />
	</c:if>
</c:forEach>

<%@ taglib prefix="ckeditor" uri="http://ckeditor.com"%>
<%   
	response.setHeader("Cache-Control","no-store");   
	response.setHeader("Pragma","no-cache");   
	response.setDateHeader("Expires",0);   
	if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache"); 
%> 
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Document</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/direct/css/font.css">
<link rel="stylesheet" href="/direct/css/reset.css">
<link rel="stylesheet" href="/direct/css/enroll_popup.css">
<link rel="stylesheet" href="/direct/css/nice-select.css">

<style type="text/css">
.required_area {
	background-position: 35%;
}
.listTitle {
	padding-left: 8px;
}
.listTitle.required_area {
	background-position: 0%;
}

.addBt{
	font-size:12px;     
	border: 1px solid #aaa;
    background-color: #aaa;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
    margin-left: -10px;
    margin-top:3px;"
}
</style>

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/direct/css/ie_popup.css" />
<![endif]-->
<script src="/direct/js/jquery-1.11.3.min.js"></script>
<script src="/direct/js/jquery-ui.min.js"></script>
<script src="/direct/js/jquery.nice-select.js"></script>
<script src="/direct/js/script.js"></script>

<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js' />"></script>
<script type="text/javascript" src="/js/audit/audit.common.js"></script>

<!-- 추가민원, 상태 확인 체크 -->
<script type="text/javaScript" language="javascript">
	var resultMsg = "<c:out value='${resultMsg}' />"; 
	if (resultMsg == "fail") { alert("조회에 실패하였습니다."); window.self.close(); }
	else if (resultMsg == "asset_state_fail") { alert("해당 장비를 대여할 수 없습니다."); window.self.close(); }
	else if (resultMsg == "self_fail") { alert("본인글 외에는 수정할 수 없습니다."); window.self.close(); }
	else if (resultMsg == "state_fail") { alert("현재 진행상태에서는 처리할 수 없습니다."); window.self.close(); }
</script>
   
<script type="text/javaScript" language="javascript">
var srchRoll = "<c:out value='${srchRoll}' />";

$(document).ready(function() {
	$('select').niceSelect();
	setNumberOnly();
	
	var eqRntlStateCd = "<c:out value='${result.eqRntlStateCd}' />";
	
	if(eqRntlStateCd != "" &&
			eqRntlStateCd != "01" &&
			eqRntlStateCd != "06")
		{$("#dateToday").remove()}
	
	if (eqRntlStateCd == "01" 
			|| eqRntlStateCd == "05"
			|| eqRntlStateCd == "06") 
		$("#viewTitle").text("장비대여");
	else if (eqRntlStateCd == "") $("#viewTitle").text("장비대여");
	else $("#viewTitle").text("장비반납");
	
	document.title = $("#viewTitle").text();
	
	var apprYn = "<c:out value='${apprYn}' />";
	
	if ((eqRntlStateCd != "" && eqRntlStateCd != "01" && eqRntlStateCd != "06")
			|| (eqRntlStateCd == '01' && apprYn == 'Y')) {
		// 신청 입력 disabled 처리
		$(".insertInp").prop("disabled", true);
		
		//반납신청시 대여사유 값이 안넘어가서, disabled 해제하고 readonly로 수정
		$("#eqRntlCn").prop("disabled", false);
		$("#eqRntlCn").prop("readonly", true);
		// 달력 버튼 제거
		$(".calBtn").css("display", "none");
	}
	if (eqRntlStateCd != "02" && eqRntlStateCd != "07") {
		// 반납일시
		$(".insertInpRntl").prop("disabled", true);
		$(".calBtnRntl").css("display", "none");
	}
	if (eqRntlStateCd == "04" || eqRntlStateCd == "05") 
		//$(".insertInp3").prop("disabled", true);
		$(".insertInp3").attr("onclick", "return false;")
	
	// 반납신청때 신청가 수정할거 있나?
});

// 임시/저장 버튼 클릭 시
function saveDetail(cnd) {
	var eqRntlId = $("[name=eqRntlId]").val();
	
	var imsiYn = "${result.imsiYn}"
	var astUseCodeNm = $("#td_astUseCodeNm").text(); 
	
	if(imsiYn == "Y" && astUseCodeNm != "사용가능" ){
		alert("해당 장비를 대여할 수 없습니다.")
		return;
	}

	
	// validate
	if ($("[name=astId]").val() == "") { alert("장비를 선택해주세요."); return; }
	if ($("[name=eqRntlUserId").length == 0) { alert("사용자를 선택해주세요."); return; }
	// 2025.04.17 결재자 제거요청으로 주석처리
	//if ($("[name^=apprUsrIds]:eq(0)").val() == "") { alert("결재자 1단계는 필수 선택사항입니다."); return; } 

	var timeFormat = /^([01][0-9]|2[0-3]):([0-5][0-9])$/; // 시간형식 체크 정규화 hh:mm
	
	var eqRntlBgnDt = $("[name=eqRntlBgnDt]").val();
	var eqRntlBgnTimeHH = $("[name=eqRntlBgnTimeHH]").val();
	var eqRntlBgnTimeMI = $("[name=eqRntlBgnTimeMI]").val();
	var eqRntlEndDt = $("[name=eqRntlEndDt]").val();
	var eqRntlEndTimeHH = $("[name=eqRntlEndTimeHH]").val();
	var eqRntlEndTimeMI = $("[name=eqRntlEndTimeMI]").val();
	
	if ( eqRntlBgnDt == "" || !timeFormat.test(eqRntlBgnTimeHH + ":" + eqRntlBgnTimeMI) ) {
		alert("대여기간을 시간유형에 맞게 입력해주세요. ex) YYYY-MM-DD HH:MI"); return;
	}
	if ( eqRntlEndDt == "" || !timeFormat.test(eqRntlEndTimeHH + ":" + eqRntlEndTimeMI) ) {
		alert("대여기간을 시간유형에 맞게 입력해주세요. ex) YYYY-MM-DD HH:MI"); return;
	}
		
	$("[name=eqRntlBgnDatetime]").val(eqRntlBgnDt + " " + eqRntlBgnTimeHH + ":" + eqRntlBgnTimeMI);
	$("[name=eqRntlEndDatetime]").val(eqRntlEndDt + " " + eqRntlEndTimeHH + ":" + eqRntlEndTimeMI);
	
	if ($("[name=eqRntlBgnDatetime]").val() > $("[name=eqRntlEndDatetime]").val()) { alert("시작일시는 종료일시보다 작아야 합니다."); return; }
	
	var dateDiff = ((new Date(eqRntlEndDt).getTime() - new Date(eqRntlBgnDt).getTime()) / 1000 / 60 / 60 / 24);
	if (dateDiff > 30) { alert("대여기간은 최대 30일 입니다."); return; }
	
	if ($("[name=eqRntlCn]").val() == "") { alert("대여사유를 입력해주세요."); return; }
	
	var orgnEqRntlStateCd = $("[name=orgnEqRntlStateCd]").val();
	if (orgnEqRntlStateCd == "02"
			|| orgnEqRntlStateCd == "03"
			|| orgnEqRntlStateCd == "04"
			|| orgnEqRntlStateCd == "07") {
		if($("#return_check").is(":checked") != true
				|| $("#return_check_2").is(":checked") != true
				|| $("#return_check_3").is(":checked") != true)
				{alert("체크 리스트를 확인해주세요."); return;}
	}

	var cofirmMsg = "";
	var reMsg = "";
	if (orgnEqRntlStateCd == "06") {
		reMsg = "재"; $("[name=eqRntlStateCd]").val("01"); // 대여신청
	}
		
	if (cnd == "N") cofirmMsg = reMsg+"대여 신청하시겠습니까?";
	else cofirmMsg = "임시 저장 하시겠습니까?";
	if (!confirm(cofirmMsg)) return false;
	
	if (eqRntlId != "") updateDetail(cnd); // 수정, 임시저장에서 대여신청
	else insertDetail(cnd); // 등록
}

// 등록(임시, 신규)
function insertDetail(cnd) {
	// validate
	$("[name=imsiYn]").val(cnd);
	
	var msg = "저장되었습니다";
	if (cnd == "Y") msg = "임시 저장되었습니다";
	
	var data = new FormData(document.detailForm);
    $.ajax({
        type: "POST",
        //enctype: 'multipart/form-data',
        url: "/uss/itsm/eqRntl/insertEqRntlAjax.do",
        data: data,
        dataType:'jsonp',
        processData: false,
        contentType: false,
        cache: false,
        timeout: 600000,
        success: function (returnData, status) {
			if(returnData.result == 'success'){
				if (cnd == "N") opener.location.reload();
				alert(msg);
				window.self.close();
			} else if(returnData.result == 'fail'){
				alert("저장에 실패하였습니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}

// 재대여신청, 반납신청
function updateState() {
	var orgnEqRntlStateCd = $("[name=orgnEqRntlStateCd]").val();
	var $eqRntlStateCd = $("[name=eqRntlStateCd]");

	if (orgnEqRntlStateCd == "06") {
		if (!confirm("재대여 신청하시겠습니까?")) return false;
		
		
		
		$eqRntlStateCd.val("01"); // 재대여신청
	} else if (orgnEqRntlStateCd == "02" || orgnEqRntlStateCd == "07") { // 반납신청
		var timeFormat = /^([01][0-9]|2[0-3]):([0-5][0-9])$/; // 시간형식 체크 정규화 hh:mm
		var eqRntlRtrnDt = $("[name=eqRntlRtrnDt]").val();
		var eqRntlRtrnTimeHH = $("[name=eqRntlRtrnTimeHH]").val();
		var eqRntlRtrnTimeMI = $("[name=eqRntlRtrnTimeMI]").val();
		
		if ( eqRntlRtrnDt == "" || !timeFormat.test(eqRntlRtrnTimeHH + ":" + eqRntlRtrnTimeMI) )
			{ alert("반납일시를 시간유형에 맞게 입력해주세요. ex) YYYY-MM-DD HH:MI"); return; }
		$("[name=eqRntlRtrnDatetime]").val(eqRntlRtrnDt + " " + eqRntlRtrnTimeHH + ":" + eqRntlRtrnTimeMI);
		//if ($("[name=eqRntlRtrnDatetime]").val() < $("[name=eqRntlEndDatetime]").val()) { alert("반납 일시는 종료 일시 후 이어야 합니다."); return; }
	
/* 		if ($("[name=eqRntlVcChkYn]:checked").length == 0
				||  $("[name=eqRntlCleanChkYn]").length == 0 
				|| $("[name=eqRntlBrknChkYn]").length == 0)
			{ alert("체크 리스트를 확인해주세요."); return; } */
		
		if($("#return_check").is(":checked") != true
				|| $("#return_check_2").is(":checked") != true
				|| $("#return_check_3").is(":checked") != true)
				{alert("체크 리스트를 확인해주세요."); return;}
		
		$eqRntlStateCd.val("03");
	}
	
	updateDetail('N');
}

// 수정(임시, 수정)
function updateDetail(cnd) {
	$("[name=imsiYn]").val(cnd);
	var msg = "저장되었습니다.";
	if (cnd == "Y") msg = "임시 저장되었습니다.";
	
	var url = "/uss/itsm/eqRntl/updateEqRntlAjax.do";
	url += "?logCmd=USR";
	
	var data = new FormData(document.detailForm);
    $.ajax({
        type: "POST",
        //enctype: 'multipart/form-data',
        url: url,
        data: data,
        dataType:'jsonp',
        processData: false,
        contentType: false,
        cache: false,
        timeout: 600000,
        success: function (returnData, status) {
			if(returnData.result == 'success'){
				if (cnd == "N") opener.location.reload();
				alert(msg);
				window.self.close();
			} else if(returnData.result == 'self_fail'){
				alert("본인글 외에는 수정할 수 없습니다.");
			} else if(returnData.result == 'state_fail'){
				alert("현재 진행상태에서는 처리할 수 없습니다.");
			} else if(returnData.result == 'asset_state_fail'){
				window.location.reload();
				alert("해당 장비를 대여할 수 없습니다.");
			} else {
				alert("저장에 실패하였습니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}

// 민원취소(임시삭제/민원취소).
function updateDetailCancel() {
	if(!confirm("장비대여를 취소하시겠습니까?")) return false;
	
    $.ajax({
        type: "POST",
        url: "/uss/itsm/eqRntl/updateEqRntlCancelAjax.do",
        data:{ "eqRntlId" : $("[name=eqRntlId]").val(), "astId" : $("[name=astId]").val(), "orgnAstId" : $("[name=orgnAstId]").val() },
        dataType:'jsonp',
        timeout: 600000,
        success: function (returnData, status) {
			if(returnData.result == 'success') {
				if ($("[name=imsiYn]").val() == "N") opener.location.reload();
				alert("취소되었습니다.");
				window.self.close();
			} else if(returnData.result == 'self_fail') {
				alert("본인글 외에는 수정할 수 없습니다.");
			} else if(returnData.result == 'state_fail') {
				alert("현재 민원 진행상태에서는 처리할 수 없습니다.");
			} else {
				alert("저장에 실패하였습니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}

// 수정 가능 상태 확인. return '' 값 없을 시 가능
function isUpdate() {
	var cmplntStateCd = "<c:out value='${result.eqRntlStateCd}' />";
	var msg = "";
	
	if (cmplntStateCd == "04" 
			|| cmplntStateCd == "05"
			|| cmplntStateCd == "06"){
		msg = "현재 진행상태에서는 처리할 수 없습니다.";
	}
	
	return msg;
}

// 장비 목록 팝업
function assetRentalListPop() {
	
	var docWidth = screen.availWidth;
	var docHeight = screen.availHeight;
	
	var scX = opener.window.screenX||opener.window.screenLeft||0;
	var scY = opener.window.screenY||opener.window.screenTop||0;
	
	var popupX = scX + (docWidth - 775) / 2;
	var popupY = scY + (docHeight - 493) / 2;
	
   	window.open('', "assetRentalListOpener", "width=775, height=493, left="+popupX+", top="+popupY,"toolbar=0","location=no", "directories=0", "status=0", "menubar=0");
	document.detailForm.searchOrgnztNo.value = "Y";
	document.detailForm.method = "post";
	document.detailForm.action = "<c:url value='/uss/itsm/eqRntl/selectAssetRentalList.do'/>";
	document.detailForm.target = "assetRentalListOpener" ;
	document.detailForm.submit();
}

var gamsaOpener;

function orgChartPopup(cnd){
	
	var docWidth = screen.availWidth;
	var docHeight = screen.availHeight;
	
	var scX = opener.window.screenX||opener.window.screenLeft||0;
	var scY = opener.window.screenY||opener.window.screenTop||0;
	
	var popupX = scX + (docWidth - 500) / 2;
	var popupY = scY + (docHeight - 440) / 2;
	
	gamsaOpener = window.open('', 'gamsaOpener', "width=500, height=440, left="+popupX+", top="+popupY,"location = no","status= no","toolbars= no");
	document.detailForm.addVar.value = cnd;
	document.detailForm.method = "post";
	document.detailForm.action = "/uss/itsm/orgChart/OrgChartPopup.do";
	document.detailForm.target = "gamsaOpener" ;
	document.detailForm.submit();
}

function staffInfo(id , name, locNm, addVar){
	var idArray =id.split(',');
	var nameArray =name.split(',');
	var locNmArray =locNm.split(',');
	var tempHtml="";
	
	for(var i in idArray){
		var liId = addVar + idArray[i];
		if ($("li#"+liId).length > 0) continue;
		
		if (addVar == "u1") { // 장비사용자
			tempHtml += "<li id='"+liId+"'>"
			tempHtml += "<input type='hidden'  name='eqRntlUserId' value='"+idArray[i]+"'>"
			tempHtml += "<input type='hidden'  name='eqRntlUserNm' value='"+nameArray[i]+"'>"
			tempHtml += "#"+nameArray[i]+"<input type='button' class='user_del' onclick='staffDel(\""+liId+"\")'>"
			tempHtml += "</li>"
			
		} else { // 결재자
			var dupChk = false;
			$("[name=apprUsrIds]").each(function() { // 중복체크
			    if ($(this).val() == idArray[i]) { gamsaOpener.alert("이미 지정한 결재자 입니다."); dupChk = true; }
			});
			
			if (dupChk) return;
			
			$("#"+addVar+" td:eq(3)").text(locNmArray[i]); // 부서명
			$("#"+addVar+" td:eq(4)").text(nameArray[i]); // 결재자명
			$("#"+addVar+" [name^=apprUsrIds]").val(idArray[i]); // 결재자ID  
			$("#"+addVar+" [name^=apprUsrNms]").val(nameArray[i]); // 결재자명
		}
	}
	
	if (addVar == "u1") $('.usersList').html(tempHtml);	// 장비사용자
}

// 장비사용자 제거
function staffDel(id){
	$("#"+id).remove();
}

// 결재자 제거
function apprDel(addVar){
	$("#"+addVar+" td:eq(3)").text(""); // 부서명
	$("#"+addVar+" td:eq(4)").text(""); // 결재자명
	$("#"+addVar+" td:eq(5)").text(""); // 상태
	$("#"+addVar+" td:eq(6)").text(""); // 처리일자
	$("#"+addVar+" [name^=apprUsrIds]").val(""); // 결재자ID  
	$("#"+addVar+" [name^=apprUsrNms]").val(""); // 결재자명
}

function setNumberOnly(){ //숫자만 입력
	$("input:text[numberOnly]").on("keyup", function(){
	    $(this).val($(this).val().replace(/[^0-9]/g,""));
	});

}

/* 당일회의 현재날짜 구하기 */
var date = new Date();
date.getFullYear(); //년
date.getMonth() +1 ; //월
date.getDate(); //일
date.getHours(); //시
date.getMinutes(); //분
date.getSeconds(); //초

/* 당일날짜 체크버튼 클릭시 */
function nowDate(object){
	var nowDate = new Date();
	var year = nowDate.getFullYear(); //년
	var month = ("0"+(nowDate.getMonth()+1)).slice(-2); //월
	var date = ("0"+nowDate.getDate()).slice(-2); //일
	var date2 = ("0"+(nowDate.getDate()+1)).slice(-2); //다음날
	var hours =("0"+nowDate.getHours()).slice(-2);
	var minutes =("0"+nowDate.getMinutes()).slice(-2); //분
	var seconds =("0"+nowDate.getSeconds()).slice(-2); //초
	if($(object).is(':checked')){
		$("#eqRntlBgnDt").val(year+"-"+month+"-"+date);
		$("#eqRntlBgnTimeHH").val(hours);
		$("#eqRntlBgnTimeMI").val(minutes);
		$("#eqRntlEndDt").val(year+"-"+month+"-"+date2);
		$("#eqRntlEndTimeHH").val(hours);
		$("#eqRntlEndTimeMI").val(minutes);
	}else{
		$("#eqRntlBgnDt").val("");
		$("#eqRntlBgnTimeHH").val("");
		$("#eqRntlBgnTimeMI").val("");
		$("#eqRntlEndDt").val("");
		$("#eqRntlEndTimeHH").val("");
		$("#eqRntlEndTimeMI").val("");
	}
}
</script>
</head>
<body>
<form name="detailForm" method="post" enctype="multipart/form-data">
<input type="hidden" name="eqRntlId" value="<c:out value="${result.eqRntlId}" />" />
<input type="hidden" name="imsiYn" value="<c:out value="${result.imsiYn}" />" />
<input type="hidden" name="astId" value="<c:out value="${result.astId}" />" />
<input type="hidden" name="orgnAstId" value="<c:out value="${result.astId}" />" />
<input type="hidden" name="eqRntlBgnDatetime" value="<c:out value="${result.eqRntlBgnDatetime}" />" />
<input type="hidden" name="eqRntlEndDatetime" value="<c:out value="${result.eqRntlEndDatetime}" />" />
<input type="hidden" name="eqRntlRtrnDatetime" value="<c:out value="${result.eqRntlRtrnDatetime}" />" />
<input type="hidden" name="eqRntlStateCd" value="<c:out value='${result.eqRntlStateCd}' />" />
<input type="hidden" name="orgnEqRntlStateCd" value="<c:out value='${result.eqRntlStateCd}' />" />
<input type="hidden" name="searchOrgnztNo" value="" />

<input type="hidden" name="addVar" value="" /> <!-- 직원검색 팝업 -->
<!-- <input type="hidden" name="userTy" value="U" /> -->
<input type="hidden" name="procTy" value="M" /> <!-- 처리 구분 -->

<input type="hidden" name="logCmd" value="USR" /> <!-- 로그메소드 구분 -->

	<div class="enroll_popup rental_popup_wrap return_popup_wrap">
		<div class="enroll_popup_title">
			<img src="/direct/img/enroll_popup_title_bg.png" alt=""><span id="viewTitle"></span>
		</div>
		<div class="enroll_wrap rental_wrap return_wrap">
			<div class="enroll_input_left">
				<ul>
					<li>
						<div class="enroll_input_title"><div class="listTitle required_area">장비명</div></div>
						<input type="text" id="astName" value="<c:out value="${result.astName}" />" placeholder="장비를 선택하세요" class="equipment_select" disabled="disabled">
						<input type="button" class="equipment_select_btn insertInp" value="선택" onclick="assetRentalListPop();">
					</li>
					<li>
						<div class="rental_info">
							<table>
								<thead>
									<tr>
										<th>자산명</th>
										<th>제조사</th>
										<th>운영체제</th>
										<th style="display:none;">상태</th>
										<th>모델명</th>
										<th>자산위치</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td id="td_astName"><c:out value="${result.astName}" /></td>
										<td id="td_astMak"><c:out value="${result.astMak}" /></td>
										<td id="td_astOs"><c:out value="${result.astOs}" /></td>
										<td id="td_astUseCodeNm" style="display:none;"><c:out value="${result.astUseCodeNm}" /></td>
										<td id="td_astModel"><c:out value="${result.astModel}" /></td>
										<td id="td_astLocText"><c:out value="${result.locNm}" /></td>
									</tr>
								</tbody>
							</table>
						</div>
					</li>
					<c:if test="${not empty result.frstRegisterNm}">
					<li>
						<div class="enroll_input_title"><div class="listTitle">등록자</div></div>
						<span class="complanint_writer">
							<c:if test="${not empty result.reqDeptNm}" >
								<c:out value="${result.reqDeptNm}" /> &ensp;｜&ensp;
							</c:if>
							<c:out value="${result.frstRegisterNm}" />
						</span>
						<span class="rental_enroll_time"><c:out value="${result.frstRegistPnttm}" /></span>
					</li>
					</c:if>
					<c:if test="${not empty result.eqRntlStateNm}">
					<li>
						<div class="enroll_input_title"><div class="listTitle">대여상태</div></div>
						<span class="complanint_writer">
							<c:out value="${result.eqRntlStateNm}" />
						</span>
					</li>
					</c:if>
					<li>
						<div class="enroll_input_title"><div class="listTitle required_area">사용자</div></div>
						<div class="rental_user_wrap">
							<div class="rental_users">
								<ul class="usersList" >
									<c:forEach var="eqRntlUserInfo" items="${eqRntlUserList}" varStatus="status">
										<li id='${eqRntlUserInfo.eqRntlUserId}'>
											<input type='hidden'  name='eqRntlUserId' value='${eqRntlUserInfo.eqRntlUserId}'>
											<input type='hidden'  name='eqRntlUserNm' value='${eqRntlUserInfo.eqRntlUserNm}'>
											#${eqRntlUserInfo.eqRntlUserNm}
											<c:if test="${result.eqRntlStateCd == '01'}">
											<input type='button' class='user_del' onclick='staffDel("${eqRntlUserInfo.eqRntlUserId}")'>
											</c:if>
										</li>
									</c:forEach>
								</ul>
							</div>
							<input type="button" class="rental_user_serch_btn insertInp" value="검색" onclick="orgChartPopup('u1')">
						</div>
					</li>
					<li>
						<div class="enroll_input_title"><div class="listTitle required_area">대여사유</div></div>
						<textarea name="eqRntlCn" id="eqRntlCn" cols="30" rows="10" class="insertInp" maxlength="400"><c:out value="${result.eqRntlCn}" /></textarea>
					</li>

					<!-- 대여기간 -->
					<li>
						<div class="enroll_input_title"><div class="listTitle required_area">대여기간</div></div>
						<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" > 
						<input type="text" name="eqRntlBgnDt" id="eqRntlBgnDt" class="rental_date insertInp" readonly="readonly" 
							value="<c:out value="${fn:substring(result.eqRntlBgnDatetime, 0, 10)}" />">
						<a href="#" class="calBtn date_select_btn" onclick="javascript:fn_egov_NormalCalendar(document.detailForm, document.detailForm.eqRntlBgnDt);" class="date_select_btn">
						    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:6px;">
					    </a>
						<input numberOnly type="text" name="eqRntlBgnTimeHH" id="eqRntlBgnTimeHH" class="rental_time insertInp" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlBgnDatetime, 11, 13)}" />">
						:<input numberOnly type="text" name="eqRntlBgnTimeMI" id="eqRntlBgnTimeMI" class="rental_time insertInp" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlBgnDatetime, 14, 16)}" />">
						<span style="padding-left:30px; padding-right:30px;">~</span>
						<input type="text" name="eqRntlEndDt" id="eqRntlEndDt" class="rental_date insertInp" readonly="readonly" 
							value="<c:out value="${fn:substring(result.eqRntlEndDatetime, 0, 10)}" />">
						<a href="#" class="calBtn date_select_btn" onclick="javascript:fn_egov_NormalCalendar(document.detailForm, document.detailForm.eqRntlEndDt);" class="date_select_btn">
						    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:6px;">
					    </a>
						<input numberOnly type="text" name="eqRntlEndTimeHH" id="eqRntlEndTimeHH" class="rental_time insertInp" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlEndDatetime, 11, 13)}" />">
						:<input numberOnly type="text" name="eqRntlEndTimeMI" id="eqRntlEndTimeMI" class="rental_time insertInp" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlEndDatetime, 14, 16)}" />">
<!-- 						<span class="default_text">(예정)</span> -->
						<span id="dateToday"><input type="checkbox" id="date" onclick="nowDate(this);"><label for="date"></label><label for="date" style="margin-left:6px;vertical-align:middle;">당일</label></span>
					</li>
					
					<c:if test="${result.eqRntlStateCd == '02' || result.eqRntlStateCd == '03' || result.eqRntlStateCd == '04' || result.eqRntlStateCd == '07'}">
					<!-- 반납일시 & 체크리스트 -->
					<li>
						<div class="enroll_input_title"><div class="listTitle required_area">반납일시</div></div>
						<input type="text" name="eqRntlRtrnDt" class="rental_date insertInpRntl" readonly="readonly" 
							value="<c:out value="${fn:substring(result.eqRntlRtrnDatetime, 0, 10)}" />">
						<a href="#" class="calBtnRntl date_select_btn" onclick="javascript:fn_egov_NormalCalendar(document.detailForm, document.detailForm.eqRntlRtrnDt);" class="date_select_btn">
						    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:6px;">
					    </a>
						<input type="text" name="eqRntlRtrnTimeHH" class="rental_time insertInpRntl" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlRtrnDatetime, 11, 13)}" />">
						:<input type="text" name="eqRntlRtrnTimeMI" class="rental_time insertInpRntl" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlRtrnDatetime, 14, 16)}" />">
					</li>
					<li>
						<div class="enroll_input_title"><div class="listTitle required_area">체크리스트</div></div>
						<div class="return_check_wrap">
							<table>
								<tr>
									<th style="text-align: left;">바이러스 백신 체크 여부</th><!--class="return_check_ok" 체크했을 때-->
									<td><input type="checkbox" name="eqRntlVcChkYn" value="Y" id="return_check" class="insertInp3" 
										<c:if test="${result.eqRntlVcChkYn == 'Y'}">checked</c:if>>
										<label for="return_check"></label><label for="return_check">점검완료</label></td>
								</tr>
								<tr>
									<th style="text-align: left;">자료 삭제여부</th>
									<td><input type="checkbox" name="eqRntlCleanChkYn" value="Y" id="return_check_2" class="insertInp3"
										<c:if test="${result.eqRntlCleanChkYn == 'Y'}">checked</c:if>>
										<label for="return_check_2"></label><label for="return_check_2">삭제완료</label></td>
								</tr>
								<tr>
									<th style="text-align: left;">파손여부</th>
									<td><input type="checkbox" name="eqRntlBrknChkYn" value="Y" id="return_check_3" class="insertInp3"
										<c:if test="${result.eqRntlBrknChkYn == 'Y'}">checked</c:if>>
										<label for="return_check_3"></label><label for="return_check_3">확인완료</label></td>
										<!-- 체크박스 라벨만 클릭되고, 체크박스 자제는 클릭 안먹음? -->
								</tr>
							</table>
						</div>
					</li>
					</c:if>
					<!-- 대여기간 변경 -->
					<!-- 결재 목록s -->
					<!-- 결재 목록e -->
					
				</ul>
				<div class="main1_btn_div">
				<c:choose>
					<c:when test="${result.eqRntlStateCd == '02' || result.eqRntlStateCd == '07'}">  
					<!-- 대여중, 반납반려 상태 -->
					<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="updateState();">반납신청</button>
					</c:when>
					<c:when test="${result.eqRntlStateCd == '06'}">
					<!-- 대여반려 -->
					<!-- <button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="updateState();">재대여신청</button> -->
					<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="saveDetail('N');">재대여신청</button>
					<button type="button" class="main1_btn main1_cancel" id="" onclick="updateDetailCancel();">취소</button>
					</c:when>
					<c:when test="${result.eqRntlStateCd == '04'}"><!-- 반납완료 --></c:when>
					<c:when test="${result.imsiYn == 'N' && not empty result.eqRntlId}">
					<!-- 수정화면 -->
						<c:if test="${result.eqRntlStateCd != '05' && (result.eqRntlStateCd == '01' && apprYn != 'Y')}">
						<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="saveDetail('N');">저장</button>
						</c:if>
						<c:if test="${result.eqRntlStateCd == '01'}">
						<button type="button" class="main1_btn main1_cancel" id="" onclick="updateDetailCancel();">취소</button>
						</c:if>
					</c:when>
					<c:otherwise>
					<!-- 최초 대여신청 등록 화면 -->
					<button type="button" class="main1_btn main1_save_btn" id="audit_save_btn_imsi" onclick="saveDetail('Y');">임시저장</button>
					<button type="button" class="main1_btn main1_ask_register main1_ask_rgrq" id="saveBtn" onclick="saveDetail('N');">대여신청</button>
						<c:if test="${not empty result.eqRntlId}" >
						<button type="button" class="main1_btn main1_cancel" id="" onclick="updateDetailCancel();">취소</button>
						</c:if>
					</c:otherwise>
				</c:choose>
			</div>
			</div>
			<%-- <c:if test="${not empty result.eqRntlId}">
			<div class="view_info">
				<div class="enroll_date">등록일시&emsp; <c:out value='${result.frstRegistPnttm}' /> </div>
				<div class="list_view_btns">
					<input type="button" value="이전글" class="before_list">&ensp;&ensp;｜&ensp;&ensp;
					<input type="button" value="다음글" class="next_list">
				</div>
			</div>
			</c:if> --%>
			
		</div>
	</div>
</form>
<script type="text/javaScript" language="javascript">
function addPay(){
	$("#a1").css("display", "");
}

function delPay(){
	$("#a1").css("display", "none");
	//기존 삭제 스크립트
	apprDel("a1"); 
}
var a1Nm = document.getElementById("a1Nm").innerHTML;

if(a1Nm != ''){
	$("#a1").css("display", "");
}
</script>
</body>
</html>
