<%--
  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"%>
<%@ 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"); 
%>

<%
	String srchRoll = "N";
	if(EgovUserDetailsHelper.getAuthorities().contains("ROLE_ADMIN")){
		srchRoll = "Y";
	}
%>
<c:set var="srchRoll" value="<%=srchRoll%>" />
 
<!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">



<!--[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 == "re_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 detailCnd = "";
$(document).ready(function() {
	$('select').niceSelect();
	
	$("[name=bNm]").hide();
	
	var eqRntlStateCd = "<c:out value='${result.eqRntlStateCd}' />";
	
	if((eqRntlStateCd != "" &&
			eqRntlStateCd != "01" &&
			eqRntlStateCd != "06") || ${srchRoll != 'Y'})
		{$("#dateToday").remove()}
	
	if (eqRntlStateCd == "01" 
			|| eqRntlStateCd == "05"
			|| eqRntlStateCd == "06")
		detailCnd = "대여";
	else detailCnd = "반납";
	
	$("#viewTitle").text("장비"+detailCnd);
	
	document.title = $("#viewTitle").text();
	
	<c:if test="${srchRoll != 'Y'}"> //관리자가 아니면
	$(".insertInp").prop("disabled", true); //장비선택 버튼 제거
	$("#eqRntlCn").prop("disabled", false); //대여사유 텍스트 넘기기위에 eqRntlCn는 readonly처리하고 disabled 해제
	$(".insertInp3").attr("onclick", "return false;"); // 체크리스트 체크박스
	// 달력 버튼 제거
	$(".calBtn, .resetBtn").css("display", "none");
	</c:if>
	<c:if test="${srchRoll != 'Y' || result.eqRntlStateCd != '01'}"> //관리자, 대여신청상태를 제외하고는 장비변경 불가능
	// 신청 입력 disabled 처리
	$(".adminonly").prop("disabled", true);
	</c:if>
	
	if(eqRntlStateCd == "01" &&  ${srchRoll == "Y"}){ //대여신청, 관리자일 경우에만 대여사유 수정 가능
		$("#eqRntlCn").attr('readonly', false)
	}
	
	if(eqRntlStateCd == "03" &&  ${srchRoll != "Y"}){//반납은 결재자 승인 제외
		$("#returnOnlyAdmin").remove();
		$(".main1_btn_div").remove();
	}
	
	if(eqRntlStateCd == "04"){//반납완료시 모든 버튼 삭제
		$(".main1_btn_div").remove();
	}
});

// 저장 버튼 클릭 시
function saveDetail(cnd) {
	//var eqRntlId = $("[name=eqRntlId]").val();
	
	// validate
	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 > 365) { alert("대여기간은 최대 1년 입니다."); return; }
	
	var orgnEqRntlStateCd = $("[name=orgnEqRntlStateCd]").val();
	if (orgnEqRntlStateCd != "01" && orgnEqRntlStateCd != "05" && orgnEqRntlStateCd != "06") { // 반납신청
		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();
		
		// 반납일시 입력 시에만 validate
		if (eqRntlRtrnDt != "" || eqRntlRtrnTimeHH != "" || eqRntlRtrnTimeMI != "") {
			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; } */
			
			$("[name=eqRntlRtrnDatetime]").val(eqRntlRtrnDt + " " + eqRntlRtrnTimeHH + ":" + eqRntlRtrnTimeMI);
		}
	}

	updateDetail("S");
}

//관리자 반납신청
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");
	}
	 
	adminReturn('N');
}

//수정(임시, 수정)
function adminReturn(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 updateDetail(cnd) {
	if (cnd != "S") cnd = $("[name=apprYn]").val(); // 결재 시
	
	var cfMsg = "저장하시겠습니까?";
	if (cnd == "Y") cfMsg = "장비" + detailCnd + " 신청을 승인 하시겠습니까?";
	else if (cnd == "N") cfMsg = "장비" + detailCnd + " 신청을 반려 하시겠습니까?";
	else if (cnd == "S") cfMsg = "정보를 수정 하시겠습니까?";
	if(!confirm(cfMsg)) return;
	
	if (cnd == "Y" || cnd == "N") $("[name=procTy]").val("a");
	else $("[name=procTy]").val("M");
	
	var msg = "저장되었습니다";
	var orgnEqRntlStateCd = $("[name=orgnEqRntlStateCd]").val();
	var $eqRntlStateCd = $("[name=eqRntlStateCd]");
	
	// 대여신청, 대여중, 반납신청, 반납완료, 대여취소, 대여반려, 반납반려
	if (cnd == "Y") { // 승인
		if (orgnEqRntlStateCd == "01") $eqRntlStateCd.val("02");
		else if (orgnEqRntlStateCd == "03") $eqRntlStateCd.val("04");
	} else if (cnd == "N") { // 반려
		if (orgnEqRntlStateCd == "01") $eqRntlStateCd.val("06");
		else if (orgnEqRntlStateCd == "03") $eqRntlStateCd.val("07");
	} else {
		if (cnd == "S") $eqRntlStateCd.val("");
		else  $eqRntlStateCd.val(orgnEqRntlStateCd);
	}
	
	if($("[name=apprYn]").val() == "Y" &&  orgnEqRntlStateCd == "03"){ //반려 승인 결재시 체크리스트 확인
		if($("#return_check").is(":checked") != true
				|| $("#return_check_2").is(":checked") != true
				|| $("#return_check_3").is(":checked") != true){
		alert("체크 리스트를 확인해주세요."); return;
		}
	}
	
	if(orgnEqRntlStateCd == "03"){
	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);	
	}
	var url = "/uss/itsm/eqRntl/updateEqRntlAjax.do";
	url += "?logCmd=ADM";
	
	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'){
				alert(msg);
				window.self.close();
				opener.location.reload();
			} 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/deleteEqRntlAjax.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') {
				alert("삭제되었습니다.");
				window.self.close();
				opener.location.reload();
			} 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();
}

// 반납일시 초기화
function rtrnDateRest() {
	$("[name=eqRntlRtrnDatetime]").val(""); $("[name=eqRntlRtrnDt]").val("");
	$("[name=eqRntlRtrnTimeHH]").val(""); $("[name=eqRntlRtrnTimeMI]").val("");
}

/* 당일회의 현재날짜 구하기 */
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="userTy" value="A" /> -->
<input type="hidden" name="procTy" value="" /><%-- 처리 구분 m:수정, a:결재 --%>

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


	<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 class="enroll_popup_title_btns">
				<ul>
					<li><img src="/direct/img/popup_little_icon.png" alt=""></li>
					<li><img src="/direct/img/popup_full_icon.png" alt=""></li>
					<li><img src="/direct/img/popup_close_icon.png" alt=""></li>
				</ul>
			</div> -->
		</div>
		<div class="enroll_wrap rental_wrap return_wrap">
			<div class="enroll_input_left">
				<ul>
					<li>
						<div class="enroll_input_title"><div class="listTitle">장비명</div></div>
							<input type="text" id="astName" value="<c:out value="${result.astName}" />"  placeholder="장비를 선택하세요" class="equipment_select" readonly="readonly" >
							<input type="button" class="equipment_select_btn insertInp adminonly" value="선택" onclick="assetRentalListPop();">
					</li>
					<li>
						<div class="rental_info">
							<table>
								<colgroup>
									<col style="width: 20%;">
									<col style="width: 20%;">
									<col style="width: 20%;">
									<col style="width: 20%;">
									<col style="width: 20%;">
								</colgroup>
								<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>
					<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>
					<li>
						<div class="enroll_input_title"><div class="listTitle">대여상태</div></div>
						<span class="complanint_writer">
							<c:out value="${result.eqRntlStateNm}" />
						</span>
					</li>
					<li>
						<div class="enroll_input_title"><div class="listTitle">사용자</div></div>
						<div class="rental_user_wrap">
							<div class="rental_users">
								<ul>
									<c:forEach var="eqRntlUserInfo" items="${eqRntlUserList}" varStatus="status">
										<li id='${eqRntlUserInfo.eqRntlUserId}'>
											#${eqRntlUserInfo.eqRntlUserNm}
										</li>
									</c:forEach>
								</ul>
							</div>
							<!-- <input type="button" class="rental_user_serch_btn insertInp" value="검색"> -->
						</div>
					</li>
					<li>
						<div class="enroll_input_title"><div class="listTitle">대여사유</div></div>
						<textarea name="eqRntlCn" id="eqRntlCn" cols="30" rows="10" class="insertInp" readonly ><c:out value="${result.eqRntlCn}" /></textarea>
					</li>
					<li>
						<div class="enroll_input_title"><div class="listTitle">대여기간</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);">
						    <img src="/direct/img/bu_icon_carlendar.gif" alt="" style="top:6px;">
					    </a>
						<input type="text" name="eqRntlBgnTimeHH" id="eqRntlBgnTimeHH" class="rental_time insertInp" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlBgnDatetime, 11, 13)}" />">
						:<input 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 type="text" name="eqRntlEndTimeHH" id="eqRntlEndTimeHH" class="rental_time insertInp" maxlength="2"
							value="<c:out value="${fn:substring(result.eqRntlEndDatetime, 11, 13)}" />">
						:<input 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" style="padding-left:8px;">(예정)</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">반납일시</div></div>
						<input type="text" name="eqRntlRtrnDt" class="rental_date insertInp" readonly="readonly" 
							value="<c:out value="${fn:substring(result.eqRntlRtrnDatetime, 0, 10)}" />">
						<a href="#" class="calBtn 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 insertInp"
							value="<c:out value="${fn:substring(result.eqRntlRtrnDatetime, 11, 13)}" />">
						:<input type="text" name="eqRntlRtrnTimeMI" class="rental_time insertInp"
							value="<c:out value="${fn:substring(result.eqRntlRtrnDatetime, 14, 16)}" />">
							
						<input type="button" class="resetBtn equipment_select_btn" value="초기화" onclick="rtrnDateRest();" style="width: 52px;">
					</li>
					<li>
						<div class="enroll_input_title"><div class="listTitle">체크리스트</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>
					<c:if test="${ (curApprUsrId == loginId || srchRoll == 'Y')
										&& (result.eqRntlStateCd == '01' || result.eqRntlStateCd == '03') }">
					<li id="returnOnlyAdmin">
						<div class="enroll_input_title"><div class="listTitle">승인/반려</div></div>
						<td>
							<select name="apprYn">
								<option value="Y">승인</option>
								<option value="N">반려</option>
							</select>
							<input type="hidden" name="apprCnd" value="<c:out value="${apprCnd}"/>" />
							<input type="hidden" name="apprSn" value="<c:out value="${apprSn}"/>" />
						</td>
					</li>
					<!-- 반납 결재자 결재 빼달라고 요청와서, 반납일 경우 결재내용 삭제 -->
					<c:if test="${ (curApprUsrId == loginId || srchRoll == 'Y') && result.eqRntlStateCd == '01'}">
					<li>
						<div class="enroll_input_title"><div class="listTitle">결재내용</div></div>
						<textarea name="apprCn" id="" cols="30" rows="10" class="" style="height: 40px;"></textarea>
					</li>
					</c:if>
					</c:if>
				</ul>
				<div class="main1_btn_div">
				<%-- 1대여신청, 2대여중, 3반납신청, 4반납완료, 5대여취소, 6대여반려, 7반납반려 --%>
				<!-- 관리자가 임의로 반납 신청 할 수 있게 수정 -->
				<c:if test="${(result.eqRntlStateCd == '02' || result.eqRntlStateCd == '07') && srchRoll == 'Y'}">
				<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="updateState();">반납신청</button>
				</c:if>
				<c:choose>
				<c:when test="${result.eqRntlStateCd == '01' || result.eqRntlStateCd == '03'}"><!-- 대여신청, 반납신청 -->
				<c:if test="${srchRoll == 'Y'}">
				<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="saveDetail('');">저장</button>
				</c:if>
				
				
				<c:if test="${curApprUsrId == loginId || srchRoll == 'Y'}">
				<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="updateDetail('Y');">결재</button>
				</c:if>
				
				</c:when>
				
				<c:when test="${srchRoll == 'Y'}"><!-- 반납신청, 반납완료 -->
				<button type="button" class="main1_btn main1_ask_register" id="saveBtn" onclick="saveDetail('');">저장</button>
				</c:when>
				
				
				</c:choose>
				
				<c:if test="${srchRoll == 'Y'}">
				<button type="button" class="main1_btn main1_del" id="" onclick="updateDetailCancel();">삭제</button>
				</c:if>
			</div>
			</div>
			
		</div>
	</div>
<input type="hidden" name="dummyIEField"> <!-- this dummy hidden field resolves the stream ended unexpectedly issue -->
</form>
</body>
</html>