<%@page import="org.mynonglam.entitys.Place"%>
<%@page import="org.mynonglam.entitys.Phone"%>
<%@page import="org.mynonglam.entitys.Professtion"%>
<%@page import="org.mynonglam.entitys.Account"%>
<%@page import="org.mynonglam.dao.AccountDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String accsession = (String) session.getAttribute("accountinfo");
String idacc = (String) request.getParameter("acc");
if(idacc == null) {
	idacc = accsession;
}
if(idacc != null) {
	AccountDAO accDAO = new AccountDAO();
	Account accountinfo = accDAO.getAccount(idacc);
	
	if(accountinfo != null) {
		if(accsession.equals(idacc)) {
		%>
<div id="member-info">
	<div class="info-left">
	    <div class="member-info-basic">
	    	<div class="title-color-blue"></div>
	    	<div style="margin-left:20px; margin-right:20px;">
	            <div class="info-member-title"><h1>Thông Tin Cá Nhân</h1></div>
	            <div>
	                <table>
	                    <tr>
	                        <td class="info-basic-bold">Giới tính</td>
	                        <td id="info-gender"><%if(accountinfo.getGender()){%> Nam <%} else {%> Nữ <% } %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Tỉnh</td>
	                        <td id="info-country"><%=accountinfo.getCountry() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Sinh nhật</td>
	                        <td id="info-dayofbith"><%=accountinfo.getDayofbirth() %></td>
	                    </tr>
	                </table>
	            </div>
	            <div class="info-link-edit">
	            	<a href="#" id="updateinfo-link" data-reveal-id="updateinfo">Chỉnh sửa</a>
	            </div>
	        </div>
	    </div>
	    <div class="member-info-basic">
	        <div class="title-color-bluenhat"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	            <div class="info-member-title"><h1>Nghề Nghiệp</h1></div>
                <div id="info-profes-maincontent">
	            <% 
	            if(accountinfo.getProfesstions().size() > 0) {
	           		for(Professtion profes : accountinfo.getProfesstions()) {
	           	%>
                    <div id="info-pro-<%=profes.getIdpro() %>">
                        <table>
                            <tr>
                                <td class="info-basic-bold">Công Ty</td>
                                <td><%=profes.getCompanyname() %></td>
                            </tr>
                            <tr>
                                <td class="info-basic-bold">Tỉnh</td>
                                <td><%=profes.getCity() %></td>
                            </tr>
                            <tr>
                                <td class="info-basic-bold">Chức Vụ</td>
                                <td><%=profes.getDesignation() %></td>
                            </tr>
                            <tr>
                                <td class="info-basic-bold">Thời Gian</td>
                                <td><%=profes.getStartyear() %> - <%=profes.getEndyear() %></td>
                            </tr>
                        </table>
	                    <div class="info-link-edit">
	                        <a href="#" idup="<%=profes.getIdpro() %>" data-reveal-more-id="updateprofes">Chỉnh sửa</a>&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;<a href="#" idup="<%=profes.getIdpro() %>" class="info-dele-profes">Xóa</a>
	                    </div>
	                    <div style="border: 1px dotted;"></div>
                    </div>
	            <%
	            	}
	            } else {
	            	%>
	            	<div id="info-profes-nothave"><h5>Chưa có thông tin nghề nghiệp</h5></div>
	            	<%
	            }
	            %>
                	<div id="info-profes-last"></div>
                </div>
	            <div class="info-link-edit">
	            	<a href="#" data-reveal-id="updateprofes">Thêm nghề nghiệp</a>
	            </div>
	            <%-- <div>
	                <table>
	                    <tr>
	                        <td class="info-basic-bold">Công Ty</td>
	                        <td><% %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Tỉnh</td>
	                        <td></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Chức Vụ</td>
	                        <td></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Thời Gian</td>
	                        <td></td>
	                    </tr>
	                </table>
	            </div>
	            <div class="info-link-edit">
	            	<a href="#">Chỉnh sửa</a>
	            </div> --%>
	    	</div>
	    </div>
	    <div class="member-info-basic">
	        <div class="title-color-green"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	         	<div class="info-member-title"><h1>Thông Tin Liên Hệ</h1></div>
	         	<div id="info-phone-maincontent">
				<%
	         	if(accountinfo.getPhones().size() > 0) {
	         		for(Phone phone : accountinfo.getPhones()) {
	         	%>
                	<div id="info-phone-<%=phone.getIdphone() %>">
                        <div>
                            <table>
                                <tr>
                                    <td class="info-basic-bold">Phone</td>
                                    <td>+84 <%=phone.getNumber() %></td>
                                </tr>
                            </table>
                        </div>
                        <div class="info-link-edit">
                            <a href="#" idup="<%=phone.getIdphone() %>" data-reveal-phone-id="updatephone">Chỉnh sửa</a>&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;<a href="#" idup="<%=phone.getIdphone() %>" class="info-dele-phones">Xóa</a>
                        </div>
                        <div style="border: 1px dotted;"></div>
                    </div>
	         	<%
	         		}
	         	} else {
	            	%>
	            	<div id="info-phone-nothave"><h5>Chưa có thông tin liên hệ</h5></div>
	            	<%
	            }
	         	%>
                </div>
		        <div class="info-link-edit">
	            	<a href="#" data-reveal-id="updatephone">Thêm TT liên hệ</a>
	            </div>
	     	</div>
	    </div>
	</div>
	
	<div class="info-right">
	    <div class="member-info-basic">
	        <div class="title-color-orangerose"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	         	<div class="info-member-title"><h1>Sở Thích</h1></div>
	         	<div>
	         	<%
	         	if(accountinfo.getLiking() != null) {
	         		%>
	         		<table>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Âm Nhạc</td>
	                        <td id="info-music"><%=accountinfo.getLiking().getMusics() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Phim Ảnh</td>
	                        <td id="info-movie"><%=accountinfo.getLiking().getMovies() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sách</td>
	                        <td id="info-book"><%=accountinfo.getLiking().getBooks() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sở Thích</td>
	                        <td id="info-hobbies"><%=accountinfo.getLiking().getHobbies() %></td>
	                    </tr>
	                </table>
	         		<%
	         	} else {
	         	%>
	                <table>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Âm Nhạc</td>
	                        <td id="info-music">N/A</td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Phim Ảnh</td>
	                        <td id="info-movie">N/A</td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sách</td>
	                        <td id="info-book">N/A</td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sở Thích</td>
	                        <td id="info-hobbies">N/A</td>
	                    </tr>
	                </table>
	            <% } %>
	            </div>
	            <div class="info-link-edit">
	            	<a href="#" data-reveal-id="updateliking">Chỉnh sửa</a>
	            </div>
	        </div>
	    </div>
	    <!-- <div class="member-info-basic">
	        <div class="title-color-yelloworange"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	         <div class="info-member-title"><h1>Liên Kết</h1></div>
	            <div class="info-link-edit">
	            	<a href="#">Chỉnh sửa</a>
	            </div>
	        </div>
	    </div> -->
	    <div class="member-info-basic">
	        <div class="title-color-greenxam"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	             <div class="info-member-title"><h1>Địa Điểm</h1></div>
                 <div id="info-place-maincontent">
	             <%
	             if(accountinfo.getPlaces().size() > 0) {
	            	 for(Place place : accountinfo.getPlaces()) {
	            %>
                	<div id="info-place-<%=place.getIdplace() %>">
                        <div>
                            <table>
                                <tr>
                                    <td class="info-basic-bold">Địa Chỉ</td>
                                    <td><%=place.getAddress() %></td>
                                </tr>
                                <tr>
                                    <td class="info-basic-bold">Thành Phố</td>
                                    <td><%=place.getCity() %></td>
                                </tr>
                                <tr>
                                    <td class="info-basic-bold">Thời Gian</td>
                                    <td><%=place.getStartyear() %> - <%=place.getEndyear() %></td>
                                </tr>
                            </table>
                        </div>
                        <div class="info-link-edit">
                            <a href="#" idup="<%=place.getIdplace() %>" data-reveal-place-id="updateplace">Chỉnh sửa</a>&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;<a href="#" idup="<%=place.getIdplace() %>" class="info-dele-places">Xóa</a>
                        </div>
                        <div style="border: 1px dotted;"></div>
                    </div>
	            <%
	            	 }
	             } else {
	            	 %>
	 	            <div id="info-place-nothave"><h5>Chưa có thông tin địa điểm</h5></div>
 	            	<%
	             }
	             %>
                </div>
                <div class="info-link-edit">
                    <a href="#" data-reveal-id="updateplace">Thêm địa điểm</a>
                </div>
			</div>
		</div>
	</div>
	<div class="cl"></div>
</div>


<!-- update information -->
<div id="updateinfo" class="reveal-modal">
    <div class="reveal-modal-title"><h1 style="margin-top: -10px;">Thông Tin Cá Nhân</h1></div><br />
    <form action="" method="post" onsubmit="return updateinformation()">
        <div class="reveal-modal-main">
            <div style="padding: 0px 60px 10px;">
                <table>
                    <tr>
                        <td class="info-basic-bold">Giới tính</td>
                        <td><input type="radio" checked="checked" name="gender" id="nam" value="true" /> <label for="nam">Nam</label> <input type="radio" name="gender" value="false" id="nu" <%if(!accountinfo.getGender()){%> checked="checked"  <%} %>/> <label for="nu">Nữ</label> </td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Tỉnh</td>
                        <td><input value="<%=accountinfo.getCountry() %>" id="country" type="text" maxlength="30" /><br><font style="color: #ff4c4c"><span id="errcountry"></span></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Sinh nhật</td>
                        <td><input value="<%=accountinfo.getDayofbirth() %>" id="datepicker" type="text" maxlength="10" /><br><font style="color: #ff4c4c"><span id="errdateofbirth"></span></font> </td>
                    </tr>
                    <tr>
                    	<td colspan="2" align="center"><input type="submit" value="Cập Nhật" /></td>
                    </tr>
                </table>
            </div>
            <div class="cl"></div>
        </div>
    </form>
    <a class="close-reveal-modal">&#215;</a>
</div>


<!-- end update info -->


<!-- update liking -->
<div id="updateliking" class="reveal-modal">
    <div class="reveal-modal-title"><h1 style="margin-top: -10px;">Thông Tin Cá Nhân</h1></div><br />
    <form action="" method="post" onsubmit="return updatelikingaccount()">
        <div class="reveal-modal-main">
			<div>
         	<%
         	if(accountinfo.getLiking() != null) {
         	%>
         		<input type="hidden" id="likingexit" value="yes" />
         		<table>
                    <tr>
                        <td class="info-basic-bold" valign="top">Âm Nhạc</td>
                        <td><div id="info-musics-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "><%=accountinfo.getLiking().getMusics() %></div></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Phim Ảnh</td>
                        <td><div id="info-movies-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "><%=accountinfo.getLiking().getMovies() %></div></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Sách</td>
                        <td><div id="info-books-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "><%=accountinfo.getLiking().getBooks() %></div></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Sở Thích</td>
                        <td><div id="info-liking-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "><%=accountinfo.getLiking().getHobbies() %></div></td>
                    </tr>
                    <tr>
                    	<td colspan="2" align="center"><input type="submit" value="Cập Nhật" /></td>
                    </tr>
                </table>
         	<%
         	} else {
         	%>
         		<input type="hidden" id="likingexit" value="no" />
                <table>
                    <tr>
                        <td class="info-basic-bold">Âm Nhạc</td>
                        <td><div id="info-musics-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "></div></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold">Phim Ảnh</td>
                        <td><div id="info-movies-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "></div></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold">Sách</td>
                        <td><div id="info-books-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "></div></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold">Sở Thích</td>
                        <td><div id="info-liking-up" contenteditable="true" style="background-color: #FFF;  min-height:100px;height:100px; overflow:scroll; width: 300px; border:thin solid; "></div></td>
                    </tr>
                    <tr>
                    	<td colspan="2" align="center"><input type="submit" value="Cập Nhật" /></td>
                    </tr>
                </table>
            <% } %>
            </div>
            <div class="cl"></div>
        </div>
    </form>
    <a class="close-reveal-modal">&#215;</a>
</div>
<!-- end update liking -->

<!-- update Profestion -->

<div id="updateprofes" class="reveal-modal">
    <div class="reveal-modal-title"><h1 style="margin-top: -10px;">Cập Nhật Nghề Nghiệp</h1></div><br />
    <form action="" method="post" onsubmit="return updateprofes();">
    	<input type="hidden" id="idrevealupdate" />
        <div class="reveal-modal-main">
        	<div>
            	<table>
                    <tr>
                        <td class="info-basic-bold" valign="top">Công Ty</td>
                        <td><input class="input-update" type="text" id="info-company-up" /><br><font style="color: #ff4c4c"><span id="errcompanyup"></span></font></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Tỉnh</td>
                        <td><input class="input-update" type="text" id="info-city-up" /><br><font style="color: #ff4c4c"><span id="errcityproup"></span></font></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Chức Vụ</td>
                        <td><input class="input-update" type="text" id="info-designation-up" /><br><font style="color: #ff4c4c"><span id="errchucvupro"></span></font></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold" valign="top">Thời Gian</td>
                        <td><input type="text" class="input-startyear-up" id="info-startpro-up" maxlength="4" /> - <input type="text"  class="input-startyear-up" id="info-endpro-up" maxlength="4" /> <input type="checkbox" id="info-input-wordhere" /> <label for="info-input-wordhere">Hiện Tại</label>
                        <br><font style="color: #ff4c4c"><span id="errtimeproup"></span></font></td>
                    </tr>
                    <tr>
                    	<td colspan="2" align="center"><input type="submit" value="Cập Nhật" /></td>
                    </tr>
                </table>
            </div>
        	<div class="cl"></div>
        </div>
    </form>
    <a class="close-reveal-modal">&#215;</a>
</div>
<!-- end update Profestion -->

<!-- update phone -->
<div id="updatephone" class="reveal-modal">
    <div class="reveal-modal-title"><h1 style="margin-top: -10px;">Cập Nhật Liên Hệ</h1></div><br />
    <form action="" method="post" onsubmit="return updatephoneacc();">
    	<input type="hidden" id="idphoneupdate" />
        <div class="reveal-modal-main">
        	<div>
            	Số Phone: &nbsp;&nbsp; +84<input class="input-update" type="text" id="info-phone-up" maxlength="10" /><input type="submit" value="Cập Nhật" /><br><font style="color: #ff4c4c"><span id="errphoneup"></span></font>
            </div>
        	<div class="cl"></div>
        </div>
    </form>
    <a class="close-reveal-modal">&#215;</a>
</div>
<!-- end update phone -->

<!--  update place -->
<div id="updateplace" class="reveal-modal">
    <div class="reveal-modal-title"><h1 style="margin-top: -10px;">Cập Nhật Địa Điểm</h1></div><br />
    <form action="" method="post" onsubmit="return updateplacese();">
    	<input type="hidden" id="idplaceupdate" />
        <div class="reveal-modal-main">
        	<div>
				<table>
                    <tr>
                        <td class="info-basic-bold">Địa Chỉ</td>
                        <td><input class="input-update" type="text" id="info-addressplace-up" /><br><font style="color: #ff4c4c"><span id="erraddressplace"></span></font></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold">Thành Phố</td>
                        <td><input class="input-update" type="text" id="info-cityplace-up" /><br><font style="color: #ff4c4c"><span id="errcityplace"></span></font></td>
                    </tr>
                    <tr>
                        <td class="info-basic-bold">Thời Gian</td>
                        <td><input type="text" class="input-startyear-up" id="info-startplace-up" maxlength="4" /> - <input type="text" class="input-startyear-up" id="info-endyearplace-up" maxlength="4" /> <input type="checkbox" id="info-inputplace-wordhere" /> <label for="info-inputplace-wordhere">Hiện Tại</label>
                        	<br><font style="color: #ff4c4c"><span id="errtimeplaceup"></span></font>
                        </td>
                    </tr>
                	<tr>
                    	<td colspan="2" align="center"><input type="submit" value="Cập Nhật" /></td>
                    </tr>
                </table>
            </div>
        	<div class="cl"></div>
        </div>
    </form>
    <a class="close-reveal-modal">&#215;</a>
</div>
<!-- end update place -->


<style>
.input-update {
	width: 200px;
}
.input-startyear-up {
	width: 89px;
}
</style>

		<%
		} else {
			%>
<div id="member-info">
	<div class="info-left">
	    <div class="member-info-basic">
	    	<div class="title-color-blue"></div>
	    	<div style="margin-left:20px; margin-right:20px;">
	            <div class="info-member-title"><h1>Thông Tin Cá Nhân</h1></div>
	            <div>
	                <table>
	                    <tr>
	                        <td class="info-basic-bold">Giới tính</td>
	                        <td id="info-gender"><%if(accountinfo.getGender()){%> Nam <%} else {%> Nữ <% } %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Tỉnh</td>
	                        <td id="info-country"><%=accountinfo.getCountry() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Sinh nhật</td>
	                        <td id="info-dayofbith"><%=accountinfo.getDayofbirth() %></td>
	                    </tr>
	                </table>
	            </div>
	        </div>
	    </div>
	    <div class="member-info-basic">
	        <div class="title-color-bluenhat"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	            <div class="info-member-title"><h1>Nghề Nghiệp</h1></div>
                <div id="info-profes-maincontent">
	            <% 
	            if(accountinfo.getProfesstions().size() > 0) {
	           		for(Professtion profes : accountinfo.getProfesstions()) {
	           	%>
                    <div id="info-pro-<%=profes.getIdpro() %>">
                        <table>
                            <tr>
                                <td class="info-basic-bold">Công Ty</td>
                                <td><%=profes.getCompanyname() %></td>
                            </tr>
                            <tr>
                                <td class="info-basic-bold">Tỉnh</td>
                                <td><%=profes.getCity() %></td>
                            </tr>
                            <tr>
                                <td class="info-basic-bold">Chức Vụ</td>
                                <td><%=profes.getDesignation() %></td>
                            </tr>
                            <tr>
                                <td class="info-basic-bold">Thời Gian</td>
                                <td><%=profes.getStartyear() %> - <%=profes.getEndyear() %></td>
                            </tr>
                        </table>
	                    <div style="border: 1px dotted;"></div>
                    </div>
	            <%
	            	}
	            } else {
	            	%>
	            	<div id="info-profes-nothave"><h5>Chưa có thông tin nghề nghiệp</h5></div>
	            	<%
	            }
	            %>
                	<div id="info-profes-last"></div>
                </div>
	            <%-- <div>
	                <table>
	                    <tr>
	                        <td class="info-basic-bold">Công Ty</td>
	                        <td><% %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Tỉnh</td>
	                        <td></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Chức Vụ</td>
	                        <td></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold">Thời Gian</td>
	                        <td></td>
	                    </tr>
	                </table>
	            </div>
	            <div class="info-link-edit">
	            	<a href="#">Chỉnh sửa</a>
	            </div> --%>
	    	</div>
	    </div>
	    <div class="member-info-basic">
	        <div class="title-color-green"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	         	<div class="info-member-title"><h1>Thông Tin Liên Hệ</h1></div>
	         	<div id="info-phone-maincontent">
				<%
	         	if(accountinfo.getPhones().size() > 0) {
	         		for(Phone phone : accountinfo.getPhones()) {
	         	%>
                	<div id="info-phone-<%=phone.getIdphone() %>">
                        <div>
                            <table>
                                <tr>
                                    <td class="info-basic-bold">Phone</td>
                                    <td>+84 <%=phone.getNumber() %></td>
                                </tr>
                            </table>
                        </div>
                        <div style="border: 1px dotted;"></div>
                    </div>
	         	<%
	         		}
	         	} else {
	            	%>
	            	<div id="info-phone-nothave"><h5>Chưa có thông tin liên hệ</h5></div>
	            	<%
	            }
	         	%>
                </div>
	     	</div>
	    </div>
	</div>
	
	<div class="info-right">
	    <div class="member-info-basic">
	        <div class="title-color-orangerose"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	         	<div class="info-member-title"><h1>Sở Thích</h1></div>
	         	<div>
	         	<%
	         	if(accountinfo.getLiking() != null) {
	         		%>
	         		<table>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Âm Nhạc</td>
	                        <td id="info-music"><%=accountinfo.getLiking().getMusics() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Phim Ảnh</td>
	                        <td id="info-movie"><%=accountinfo.getLiking().getMovies() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sách</td>
	                        <td id="info-book"><%=accountinfo.getLiking().getBooks() %></td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sở Thích</td>
	                        <td id="info-hobbies"><%=accountinfo.getLiking().getHobbies() %></td>
	                    </tr>
	                </table>
	         		<%
	         	} else {
	         	%>
	                <table>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Âm Nhạc</td>
	                        <td id="info-music">N/A</td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Phim Ảnh</td>
	                        <td id="info-movie">N/A</td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sách</td>
	                        <td id="info-book">N/A</td>
	                    </tr>
	                    <tr>
	                        <td class="info-basic-bold" valign="top">Sở Thích</td>
	                        <td id="info-hobbies">N/A</td>
	                    </tr>
	                </table>
	            <% } %>
	            </div>
	        </div>
	    </div>
	    <!-- <div class="member-info-basic">
	        <div class="title-color-yelloworange"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	         <div class="info-member-title"><h1>Liên Kết</h1></div>
	            <div class="info-link-edit">
	            	<a href="#">Chỉnh sửa</a>
	            </div>
	        </div>
	    </div> -->
	    <div class="member-info-basic">
	        <div class="title-color-greenxam"></div>
	        <div style="margin-left:20px; margin-right:20px;">
	             <div class="info-member-title"><h1>Địa Điểm</h1></div>
                 <div id="info-place-maincontent">
	             <%
	             if(accountinfo.getPlaces().size() > 0) {
	            	 for(Place place : accountinfo.getPlaces()) {
	            %>
                	<div id="info-place-<%=place.getIdplace() %>">
                        <div>
                            <table>
                                <tr>
                                    <td class="info-basic-bold">Địa Chỉ</td>
                                    <td><%=place.getAddress() %></td>
                                </tr>
                                <tr>
                                    <td class="info-basic-bold">Thành Phố</td>
                                    <td><%=place.getCity() %></td>
                                </tr>
                                <tr>
                                    <td class="info-basic-bold">Thời Gian</td>
                                    <td><%=place.getStartyear() %> - <%=place.getEndyear() %></td>
                                </tr>
                            </table>
                        </div>
                        <div style="border: 1px dotted;"></div>
                    </div>
	            <%
	            	 }
	             } else {
	            	 %>
	 	            <div id="info-place-nothave"><h5>Chưa có thông tin địa điểm</h5></div>
 	            	<%
	             }
	             %>
                </div>
			</div>
		</div>
	</div>
	<div class="cl"></div>
</div>
			<%
		}
	}
}
%>
