<%
/**
 * <pre>
 * @Class Name : confirmRent.jsp
 * 
 * @Description : 대출신청 확인 화면 
 * 
 * 
 * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
 *
 * </pre>
 *
 * @ ------------    --------    ---------------------------
 * @ 수정일                     수정자             수정내용
 * @ ------------    --------    ---------------------------
 * @ 2021. 10. 25.   KNKIM       최초 생성
 *
 * 
 * @author 이씨플라자 * DIGITALSHIP KNKIM
 * @since 2021. 10. 25.
 * @version 1.0
 *
 */
 %>
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ 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="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<script>
var BTN_APP_PREFIX = "대출신청/예약"; 

$( document ).ready(function() {
    
    $("[id^=chk_item_]").prop("disabled", true);
    $("[id^=chk_all_]").prop("disabled", true);
    
    $("[id=selMngOrgCd]").change(function(obj) {
        var checked = $(this).prop("checked");
        var mngOrgCd = $(this).val();
        
        if(checked) {
            // uncheck others and disable
            // enable 
            //$("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false);
            $("[id^=chk_item_" + mngOrgCd + "]").prop("disabled", false);
            $("[id^=chk_all_" + mngOrgCd + "]").prop("disabled", false);
            
            $("[id^=chk_item_]").not("[id^=chk_item_" + mngOrgCd + "]").prop("checked", false);
            $("[id^=chk_item_]").not("[id^=chk_item_" + mngOrgCd + "]").prop("disabled", true);
            
            $("[id^=chk_all_]").not("[id^=chk_all_" + mngOrgCd + "]").prop("checked", false);
            $("[id^=chk_all_]").not("[id^=chk_all_" + mngOrgCd + "]").prop("disabled", true);

        }
        $("#mngOrgCd").val(mngOrgCd);
        $("[id^=chk_item_" + mngOrgCd + "]").filter(":first").trigger("change");
        
    });

    $("[id^=chk_item_]").change(function(obj) {
        var mngOrgCd = $(this).attr("id").substr(9);
        
        var totNum = $("[id^=chk_item_" + mngOrgCd + "]").length;
        var selNum = $("[id^=chk_item_" + mngOrgCd + "]:checked").length;
        
        var checked = false;
        if(totNum <= selNum) checked = true;
        $("[id^=chk_all_" + mngOrgCd + "]").prop("checked", checked);

        $("#btnApp").val(BTN_APP_PREFIX + " (" + selNum + ")");
        $("#appCnt").text("(" + selNum + ")");
    });
    
    $("[id^=selMngOrgCd]").filter(":first").prop("checked", true);
    $("[id^=selMngOrgCd]").filter(":first").trigger("change",true);
    
}); // document ready



// 선택한 게시글 상세 보기로 이동
function fn_viewDetail(articleNo) {
    $("#articleNo").val(articleNo);
    $("#articleForm").attr("action", "${pageContext.request.contextPath}/board/selectNotice.do");
    $("#articleForm").submit();
}

function fn_insertRentItems() {
	
	<sec:authorize access="not isAuthenticated()">
        alert("먼저 로그인하신 후, 이용해 주시기 바랍니다.");
    </sec:authorize>
    
    <sec:authorize access="isAuthenticated()">
	    if($("#selItems").val() == "" || $("#selItems").val() == ",") {
	        alert("대출할 대상정보가 없습니다.");
	        return;
	    }
	    
	    $("#frm").attr("action","${pageContext.request.contextPath}/rent/insertRentItems.do");
	    $("#frm").submit();    
    </sec:authorize>
    
}

function fn_changeInterest(masterId, onOff) {
	alert("관심등록/삭제 준비중 : " + masterId + ", " + onOff);
}

function fn_gotoDetail(masterId) {
    alert("상세보기 준비중 : " + masterId);
}

function fn_searchHome() {
	location.href = "/search/searchList.do";
}

function fn_listRentItems() {
    location.href = "/rent/listRentItems.do";
}

$(document).ready(function() {
	
    /* 탭메뉴 */
    var selectedIdx = '> li:eq(' + (${cartTypeCd } -1) + ')';
	$('.cartTab ul.tabs').addClass('active').find(selectedIdx).addClass('current');
	
	$('.tab ul.tabs li a').click(function (g) { 
	    var tab = $(this).closest('.tab'), 
	        index = $(this).closest('li').index();
	
	    tab.find('ul.tabs > li').removeClass('current');
	    $(this).closest('li').addClass('current');
	
	    tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').hide();
	    tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').show();
	    g.preventDefault();
	});
    
	if("${message}" != "") alert("${message}");
	

});

</script>
    
    
    <!-- 카트완료 섹션 -->
    <section class="location cart">
        <h2 class="blind">카트완료 섹션영역</h2>
        <div class="inner">
            <div class="row-top">
                <div class="location-box">
                    <ul class="loc">
                        <li>HOME</li>
                        <c:if test='${fromCart == "Y" }'>
                        <li>카트</li>
                        </c:if>
                        <li class="on">대출신청/예약</li>
                    </ul>
                    <ul class="tit">
                        <li><span>대출신청/예약</span></li>
                    </ul>
                </div>
                <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
            </div>
            <div class="contents row-bottom">
                <div class="cart-box">
                    <div class="tab">
                        <div class="tab_content">
                            <div class="tabs_item">
                                <div class="inner">
                                    <div class="list-cart-wrap complete">
                                        <h3><label>${rentVO.mngOrgNm } (<span id="totCnt" class="count">0</span>)</label></h3>
                                        <div class="list-cart">
                                            <div class="list t-tit-line">
                                                <div class="t-data">자료정보</div>
                                                <div class="t-state">이용상태</div>
                                                <div class="t-date">반납예정일</div>
                                                <div class="t-reser">신청/예약정보</div>
                                                <div class="t-visit">비고</div>
                                            </div>
								                                            
								          <c:set var="rentType1Cnt" value="0" />
								          <c:set var="rentType2Cnt" value="0" />
                                            
                                            <c:forEach var="rent" items="${list}" varStatus="status">
                                            <!-- 행 : 시작  -->
                                            <div class="list">
                                                <div class="t-data">
                                                    <div class="img"><a href="javascript:void(0)"><img src="${rent.rprsThumbUrl }" alt="썸네일" width="60" height="91" title="상세보기" onclick="fn_gotoDetail('${rent.masterId }')"></a>
	                                                  <c:if test='${cart.MUseYn == "Y"}'>
	                                                      <span class="favorites" onclick="fn_changeInterest('${rent.masterId }', 'off')" title="관심자료에서 삭제합니다.">
	                                                      <img src="/images/icon/icon-cart-Favorites-on.png" class="off" alt="즐겨찾기 아이콘">
	                                                      <img src="/images/icon/icon-cart-Favorites.png" class="on" alt="즐겨찾기 아이콘">
	                                                      </span>
	                                                  </c:if>
	                                                  <c:if test='${rent.MUseYn != "Y"}'>
	                                                      <span class="favorites" onclick="fn_changeInterest('${rent.masterId }', 'on')" title="관심자료로 등록합니다.">
	                                                      <img src="/images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘">
	                                                      <img src="/images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘">
	                                                      </span>
	                                                  </c:if>                                                      </div>
                                                    <div class="type">
		                                                <c:if test="${rent.openDivCd != '3' }">
		                                                <span class="online">온라인열람</span>
		                                                </c:if>
		                                                
		                                                <c:if test="${rent.operOutRangeCd == '01' }">
		                                                <span class="loan">대출</span>
		                                                </c:if>
		                                                
		                                                <c:if test="${rent.operReadRangeCd != '03' }">
		                                                <span class="visit">방문열람</span>
		                                                </c:if>
                                                    </div>
                                                    <div class="title"><a href="javascript:void(0)" onclick="fn_gotoDetail('${rent.masterId }')" title="상세보기">${rent.title }</a></div>
                                                </div>
                                                <div class="t-state"><p>${rent.useStatusNm }</p></div>
                                                <div class="t-date">${rent.rtnExpctDd }</div>
                                                <div class="t-reser poss">${rent.bookLtRvStatusNm } 
                                                    <c:if test='${not empty rent.rsrvDd }'>
                                                        (${rent.rsrvDd })
                                                    </c:if>
                                                </div>
                                                <div class="t-visit long">
	                                                <c:if test='${rent.bookLtRvStatusCd != "1" }'>
	                                                                                          대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.
                                                        <c:set var="rentType1Cnt" value="${rentType1Cnt+1}" />
	                                                </c:if>
	                                                <c:if test='${rent.bookLtRvStatusCd != "2" }'>
	                                                                                           대출예약 자료는 반납 즉시 문자(SMS)나 이메일로 안내 드립니다.
	                                                    <c:set var="rentType2Cnt" value="${rentType2Cnt+1}" />
	                                                </c:if>
                                                </div>
                                                
                                            </div>
                                            <!-- 행 : 종료  -->
                                            </c:forEach>  
                                            
                                        
                                        </div>
                                    </div>
                                    
                                    <div class="compl-box">
                                        <div class="compl-icon"><img src="/images/icon/icon-cart-com.png" alt="체크 아이콘"></div>
                                        <div class="compl-text">자료 <span>${rentType1Cnt }</span>건 대출신청, 자료 <span>${rentType2Cnt }</span>건 대출예약이 <span>완료</span>되었습니다.</div>
                                    </div>
                                    
                                    <script>
                                    $("#totCnt").text("${(rentType1Cnt + rentType2Cnt) }");
                                    </script>
                                    
                                    <p class="text">- 대출신청/예약 내역은 [마이페이지 &#62; 대출관리]에서 확인하실 수 있습니다.</p>
                                    <p class="text">- 주어진 기한 안에 방문하지 않는 경우, 신청/예약이 자동 취소됩니다.</p>
                                    
                                    <div class="btn-wrap">  
                                        <button type="button" class="btn btn-color" onclick="fn_searchHome()">소장자료 가기</button>
                                        <button type="button" class="btn btn-green" onclick="fn_listRentItems()">대출관리 가기</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    


                      

