<%@ page language="java" import="java.util.*,huc.blog.bean.*,huc.blog.util.*" pageEncoding="UTF-8"%>
<%@ page import="huc.blog.util.PageObject" %>
<%
	User loginUser = (User)ParamUtils.getObjectAttribute(session, "loginUser", null);
	PageObject pageObject = (PageObject)ParamUtils.getObjectAttribute(request, "page", null);
	String blogid = ParamUtils.getAttribute(request, "blogid" , "");
%>
<TABLE width="800" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#E4EDFB" style="border-color: #9f99ef;">
  <%
		if(pageObject.getList().size() > 0){
	%>
	<TR>
		<TD align="center">
			<TABLE width="800" bgcolor="#9f99ef">
				<TR>
					<TD style="font-size: 18px"><b>評論區域</b></TD>
					<TD align="right">
						<%
							if(pageObject.getPageNo() > 1){
						%>
							<A href="javascript:openRemarkSection('<%=blogid%>','<%=pageObject.getPageNo()-1%>');">上一頁</A>
						<%
							}else{
								out.print("上一頁");
							}
						%>
						<SPAN class=blogSectionLinkSep> | </SPAN>
						<%
							if(pageObject.getPageNo() < pageObject.getPageCount()){
						%>
							<A href="javascript:openRemarkSection('<%=blogid%>','<%=pageObject.getPageNo()+1%>');">下一頁</A>
						<%
							}else{
								out.print("下一頁");
							}
						%>
						<SPAN> | </SPAN><A title="單擊隱藏此項的評論。" href="javascript:closeRemarkSection('<%=blogid%>');">關閉</A>
					</TD>
				</TR>
			</TABLE>
		</TD>
	</TR>
	<TR>
		<TD align="center">
			<%
			    for(int i = 0;i < pageObject.getList().size(); i++){
			    	Remark remark = (Remark)pageObject.getList().get(i);
			    	if(i > 0){
			    		out.println("<hr width=\"95%\" align=\"center\" style=\"border-top: 2px dashed; border-bottom: 2px dashed; height: 1px ; border-color: white\">");
			    	}
			%>
				<TABLE width="800">
					<TR>
						<TD class="tdbr"><%=remark.getContent()%></TD>
					</TR>
					<TR>
						<TD>
							發布者&nbsp;&nbsp;<b><%=remark.getNickName()%></b>&nbsp;&nbsp;-&nbsp;<nobr><%=remark.getPublishTime().substring(0, remark.getPublishTime().length() - 2)%></nobr>
							<%
								if(loginUser != null){
									out.println("|&nbsp;&nbsp;<a href=\"javascript:deleteRemark('" + remark.getId() + "','" + blogid + "','" + pageObject.getPageNo() + "');\">刪除</a>");
								}
							%>
						</TD>
					</TR>
				</TABLE>
			<%
			    	
			    }
			%>
		</TD>
	</TR>
	<%
		}
	%>
	<TR>
		<TD align="center">
			<TABLE width="100%" bgcolor="#9f99ef">
				<TR>
					<TD style="font-size: 18px"><b>發布評論</b></TD>
					<%
						if(pageObject.getList().size() == 0){
							out.println("<TD align=\"right\"><A title=\"單擊隱藏此項的評論。\" href=\"javascript:closeRemarkSection('" + blogid + "');\">關閉</A></TD>");
						}
					%>
				</TR>
			</TABLE>
		</TD>
	</TR>
	<TR>
		<TD align="center">
			<TABLE width="100%">
				<TR>
					<TD>昵稱：<input type="text" name="nickName<%=blogid%>" value="<%=loginUser != null ? loginUser.getNickName() : "匆匆過客"%>" size="20"/></TD>
				</TR>
				<TR>
					<TD>評論：</TD>
				</TR>
				<TR>
					<TD><TEXTAREA name="content<%=blogid%>" cols="50" rows="10"></TEXTAREA> </TD>
				</TR>
				<TR>
					<TD>
						<input type="button" class="inputbtn" value="發表評論" onclick="postRemark('<%=blogid%>');">&nbsp;&nbsp;
						<input type="button" class="inputbtn" value="取消" onclick="cancleRemark('<%=blogid%>');">
					</TD>
				</TR>
			</TABLE>
			<input type="hidden" id="hideRemarkNum<%=blogid%>" name="hideRemarkNum<%=blogid%>" value="<%=pageObject.getTotal()%>">
		</TD>
	</TR>
</TABLE>