<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
	response.setHeader("Pragma", "No-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setHeader("Expires", "0");
%>

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<jsp:include page="/jsp/common/include/portal.jsp"/>
<script language="javascript" >
var url      ='<c:url value="/onl/apim/portalpartnership/portalPartnershipMan.json" />';
var url_view ='<c:url value="/onl/apim/portalpartnership/portalPartnershipMan.view" />';
var file_download = '<c:url value="/file/download.do" />';
var isDetail = false;

function formatFileSize(bytes) {
	if(bytes == 0) return '0 Bytes';
	var k = 1024,
			sizes = ['Bytes', 'KB', 'MB', 'GB'],
			i = Math.floor(Math.log(bytes) / Math.log(k));
	return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
}

function detail(key){
	if (!isDetail)return;
	$.ajax({
		type : "POST",
		url:url,
		dataType:"json",
		data:{cmd: 'DETAIL', id : key},
		success:function(data){
			$("#bizSubject").text(data.bizSubject);
			$("#bizDetail").html(data.bizDetail);
			$("#createdByName").text(data.createdByName);
			$("#createdById").text(data.createdById);
			$("#createdDate").text(timeStampFormat(data.createdDate));

			// 첨부파일 처리
			if(data.hasAttachment && data.fileInfo) {
				$("#fileRow").show();
				var iconPath = '${pageContext.request.contextPath}/images/icon_file.png';
				var fileLink = $('<span class="file-item" style="cursor:pointer">').click(function() {
					downloadFile(data.fileInfo.fileId);
				});

				$('<img>').attr('src', iconPath)
						.css({ 'marginRight': '5px', 'height': '1.2em', 'verticalAlign': 'middle'})
						.appendTo(fileLink);

				$('<span>').text(data.fileInfo.fileDetails[0].originalFileName + '.' +
						data.fileInfo.fileDetails[0].fileExtension + ' (' +
						formatFileSize(data.fileInfo.fileDetails[0].fileSize) + ')')
						.appendTo(fileLink);

				$("#fileArea").empty().append(fileLink);
			} else {
				$("#fileRow").hide();
			}
		},
		error:function(e){
			alert(e.responseText);
		}
	});
}

function downloadFile(fileId) {
	if (fileId) {
		var fileSn = 1;
		window.location.href = file_download + '?fileId=' + fileId + '&fileSn=' + fileSn;
	}
}

$(document).ready(function() {
	var key = "${param.id}";

	if (key && key !=="null"){
		isDetail = true;
		detail(key);
	}

	$("#btn_previous").click(function(){
		var returnUrl = getReturnUrlForReturn();
		goNav(returnUrl);//LIST로 이동
	});

	$("#btn_delete").click(function(){
		if (!confirm('선택한 항목을 삭제하시겠습니까?')) {
			return;
		}

		$.ajax({
			type: "POST",
			url: url,
			dataType: "json",
			data: { cmd: 'DELETE', id: key },
			success: function(data) {
				alert('삭제되었습니다.');
				var returnUrl = getReturnUrlForReturn();
				goNav(returnUrl);//LIST로 이동
			},
			error: function(e) {
				alert('삭제 중 오류가 발생했습니다.');
			}
		});
	});

	$("#btn_unmask").click(function () {
		const reason = prompt("마스킹 해제 사유를 입력하세요:");

		if (reason && reason.trim() !== "") {
			$.ajax({
				type: "POST",
				url: url,
				dataType: "json",
				data: {
					cmd: "UNMASK",
					id: key,
					reason: reason
				},
				success: function (data) {
					$("#createdByName").text(data.createdByName);
					$("#createdById").text(data.createdById);
					$("#btn_unmask").hide();
				},
				error: function (xhr, status, error) {
					alert("서버 요청 중 오류가 발생했습니다. 다시 시도해 주세요.");
				}
			});
		} else if (unmaskReason !== null) {
			alert("마스킹 해제 사유를 입력해야 합니다.");
		}
	});

	buttonControl();
});

</script>
</head>
	<body>
		<div class="right_box">
			<div class="content_top">
				<ul class="path">
					<li><a href="#">${rmsMenuPath}</a></li>
				</ul>
			</div><!-- end content_top -->
			<div class="content_middle">
				<div class="search_wrap">
					<button type="button" class="cssbtn" id="btn_unmask" level="W" status="DETAIL"><i class="material-icons">lock_open</i> 마스킹해제</button>
					<button type="button" class="cssbtn" id="btn_delete" level="W" status="DETAIL" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i class="material-icons">delete_forever</i> 삭제</button>
					<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
				</div>
				<div class="title">피드백/개선요청 신청 상세</div>

				<table id="grid" ></table>
				<div id="pager"></div>

				<form id="ajaxForm">
					<table class="table_row" cellspacing="0">
						<tr>
							<th style="width:10%;">작성자</th>
							<td id="createdByName" style="width:40%;"></td>
							<th style="width:10%;">작성일</th>
							<td id="createdDate" style="width:40%;"></td>
						</tr>
						<tr>
							<th style="width:10%;">작성자 아이디</th>
							<td id="createdById" colspan="3"></td>
						</tr>
						<tr>
							<th style="width:10%;">사업 제목</th>
							<td colspan="5" id="bizSubject"></td>
						</tr>
						<tr id="fileRow">
							<th>첨부파일</th>
							<td colspan="5" id="fileArea"></td>
						</tr>
						<tr>
							<th>사업 내용</th>
							<td colspan="5">
								<div id="bizDetail" style="min-height: 200px; padding-top: 10px;"></div>
							</td>
							</td>
						</tr>
					</table>
				</form>

			</div><!-- end content_middle -->
		</div><!-- end right_box -->
	</body>
</html>

