<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.tomexam.com/taglib/tomtag" prefix="tomtag"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<base href="${tm_base}" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title><tomtag:Message key="txt.sys.user.update" /></title>
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" type="text/css" href="skins/default/style.css" />
	<link rel="stylesheet" type="text/css" href="skins/default/other.css" />
	<script src="inc/js/jquery.js" type="text/javascript"></script>
	<script src="inc/js/baseutil.js" type="text/javascript"></script>

	<script src="inc/js/layer/layer.js" type="text/javascript"></script>
	
	<link rel="stylesheet" type="text/css" href="inc/js/uploadify/uploadify.css" />  
	<script type="text/javascript" src="inc/js/uploadify/jquery.uploadify.min.js"></script>

	<link rel="stylesheet" href="inc/js/jquery-validation-engine/css/validationEngine.jquery.css" />
	<script src="inc/js/jquery-validation-engine/js/jquery.validationEngine.js"></script>
	
	<tomtag:Util action="lang" data="zh_CN">
	<script src="inc/js/jquery-validation-engine/js/languages/jquery.validationEngine-zh_CN.js"></script>
	</tomtag:Util>

	<tomtag:Util action="lang" data="en">
	<script src="inc/js/jquery-validation-engine/js/languages/jquery.validationEngine-en.js"></script>
	</tomtag:Util>
	
	<script type="text/javascript">
		$(document).ready(function() { 
			jQuery('#form_user_load').validationEngine();
			tm_uploadify('btn_photo','<tomtag:Message key="txt.other.operations.browse" />', '${tm_base}', function(data){
				if(data.code == "y"){
					$(".tm_img_preview").show();
					$("#u_photo").val(data.name);
					$(".tm_img_preview img").attr("src", '${tm_base}' + data.name);
				}
			});
			tm_bindPasswordLevelChecker("u_userpass");
		});
	</script>

  </head>
  
<body>

	<div class="tm_main">
    	
		<div class="tm_container">
			<ul class="tm_breadcrumb">
				<li><a href="common/welcome.thtml"><tomtag:Message key="txt.other.navhome" /></a> <span class="divider">&gt;</span></li>
				<li class="active"><tomtag:Message key="txt.sys.user.update" /></li>
			</ul>
		</div>
        
        <div class="tm_container">
        	<div class="tm_navtitle">
				<h1><tomtag:Message key="txt.sys.user.update" /></h1>
                <span><tomtag:Message key="txt.sys.user.updatetip" /></span>
            </div>
			<div class="tm_navbuttons">
				<a href="system/user/add.thtml"><tomtag:Message key="txt.sys.user.add" /></a>
				<a href="system/user/list.thtml"><tomtag:Message key="txt.sys.user.list" /></a>
			</div>
        </div>
        
        <br/>
        <div class="tm_container">
			<form action="system/user/update.do" method="post" id="form_user_load">
        	<table width="100%" cellpadding="5" border="0" class="tm_table_form">
            	<tbody>
                    <tr>
                        <th width="120"><tomtag:Message key="txt.sys.user.fields.username" /> : </th>
                        <td>
							<input type="text" name="u_username" class="validate[required] tm_txt tm_bg_readonly" size="50" readonly="readonly" maxlength="30" value="${user.u_username}" />
							<span class="tm_required">*</span> 
							<span class="tm_tip"><tomtag:Message key="txt.sys.user.fields.username.tip" /></span> 
						</td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.userpass" /> : </th>
                        <td>
							<input type="password" id="u_userpass" name="u_userpass" class="tm_txt" size="50" maxlength="30" />
							<span class="tm_tip"><tomtag:Message key="txt.sys.user.fields.userpass.tip_nochange" /></span> 

							<div id="tm_level" class="pw-strength">
								<div class="pw-bar"></div>
								<div class="pw-bar-on"></div>
								<div class="pw-txt">
									<span><tomtag:Message key="message.other.password.weak" /></span>
									<span><tomtag:Message key="message.other.password.middle" /></span>
									<span><tomtag:Message key="message.other.password.strong" /></span>
								</div>
							</div>

						</td>
                    </tr>
                    <tr>
                        <th><tomtag:Message key="txt.sys.user.fields.branch" /> : </th>
                        <td>
                            <select class="validate[required] tm_select" name="u_branchid" style="width:200px">
								<option value=""><tomtag:Message key="txt.other.operations.choose" /></option>
								<c:forEach var="branch" items="${branches}">
                                <option value="${branch.b_id}" <c:if test="${user.u_branchid == branch.b_id}">selected</c:if>>${branch.b_name}</option>
                                </c:forEach>
                            </select>
							<span class="tm_required">*</span> 
							<span class="tm_tip"><tomtag:Message key="txt.sys.user.fields.branch.tip" /></span> 
                        </td>
                    </tr>
                    <tr>
                        <th><tomtag:Message key="txt.sys.user.fields.position" /> : </th>
                        <td>
                            <select class="validate[required] tm_select" name="u_positionid" style="width:200px">
								<option value=""><tomtag:Message key="txt.other.operations.choose" /></option>
								<c:forEach var="postion" items="${postions}">
                                <option value="${postion.p_id}" <c:if test="${user.u_positionid == postion.p_id}">selected</c:if>>${postion.p_name}</option>
                                </c:forEach>
                            </select>
							<span class="tm_required">*</span> 
							<span class="tm_tip"><tomtag:Message key="txt.sys.user.fields.position.tip" /></span> 
                        </td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.realname" /> : </th>
                        <td>
							<input type="text" name="u_realname" class="validate[required] tm_txt" size="50" maxlength="30" value="${user.u_realname}" />
							<span class="tm_required">*</span> 
							<span class="tm_tip"><tomtag:Message key="txt.sys.user.fields.realname.tip" /></span>
						</td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.score" /> : </th>
                        <td>
							<input type="text" name="u_score" class="validate[required,custom[number]] tm_txt" size="50" maxlength="5" value="${user.u_score}" />
							<span class="tm_required">*</span> 
							<span class="tm_tip"><tomtag:Message key="txt.sys.user.fields.score.tip" /></span>
						</td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.photo" /> : </th>
                        <td>
							<c:choose>
								<c:when test="${not empty user.u_photo}">
									<div class="tm_img_preview"><img src="${tm_base}${user.u_photo}" style="cursor:pointer" onclick="tm_showPic(this.src)" /><a href="javascript:;" onclick="tm_removePhoto('u_photo')"></a></div>
									<input type="button" id="btn_photo" />
									<input type="hidden" name="u_photo" id="u_photo" value="${user.u_photo}" />
								</c:when>
								<c:otherwise>
									<div class="tm_img_preview" style="display:none"><img src="" style="cursor:pointer" onclick="tm_showPic(this.src)" /><a href="javascript:;" onclick="tm_removePhoto('u_photo')"></a></div>
									<input type="button" id="btn_photo" />
									<input type="hidden" name="u_photo" id="u_photo" />
								</c:otherwise>
							</c:choose>
						</td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.no" /> : </th>
                        <td>
							<input type="text" name="u_no" class="tm_txt" size="50" maxlength="30" value="${user.u_no}" />
							<span class="tm_tip"><tomtag:Message key="txt.sys.user.fields.no.tip" /></span>
						</td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.phone" /> : </th>
                        <td><input type="text" name="u_phone" class="tm_txt" size="50" maxlength="30" value="${user.u_phone}" /></td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.email" /> : </th>
                        <td><input type="text" name="u_email" class="tm_txt" size="50" maxlength="30" value="${user.u_email}" /></td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.address" /> : </th>
                        <td><input type="text" name="u_address" class="tm_txt" size="50" maxlength="30" value="${user.u_address}" /></td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.status" /> : </th>
                        <td>
							<select class="tm_select" name="u_status" style="width:200px">
                                <option value="1" <c:if test="${user.u_status == '1'}">selected</c:if>><tomtag:Message key="txt.other.status.normal" /></option>
                                <option value="0" <c:if test="${user.u_status == '0'}">selected</c:if>><tomtag:Message key="txt.other.status.forcheck" /></option>
                                <option value="-1" <c:if test="${user.u_status == '-1'}">selected</c:if>><tomtag:Message key="txt.other.status.lock" /></option>
                            </select>
						</td>
                    </tr>
					<tr>
                        <th><tomtag:Message key="txt.sys.user.fields.remark" /> : </th>
                        <td><input type="text" name="u_remark" class="tm_txt" size="50" value="${user.u_remark}" maxlength="50" /></td>
                    </tr>
                </tbody>
                
                <tfoot>
                	<tr>
                    	<th></th>
                        <td>
                        	<button class="tm_btn tm_btn_primary" type="submit"><tomtag:Message key="txt.other.operations.submit" /></button>
							<button class="tm_btn" type="button" onclick="javascript:history.go(-1);"><tomtag:Message key="txt.other.operations.cancel" /></button>
                        </td>
                    </tr>
                </tfoot>
            </table>

			<input type="hidden" name="u_id" value="${user.u_id}" />
			</form>
        </div>
        
        
    </div>

</body>
</html>
