<%@page pageEncoding="utf-8" contentType="text/html; charset=utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<%@include file="/WEB-INF/navigation/JsAndCss.jsp" %>
		<link href="${path }/css/glDatePicker.default.css" rel="stylesheet" />
		<script src="/js/html5.js"></script>
		<script src="/datePicker/WdatePicker.js"></script>
		<style>
.performance_msg {
	font-size: 20px;
}

div.tabs
{
    width:940px;
	height:35px;
	overflow:hidden;
	padding-left:10px;
	margin-top:10px;
}
div.tabs ul li
{
	float:left;
	padding:0 5px;
}
div.tabs ul li a
{
	display:block;
	width:101px;
	height:36px;
	overflow:hidden;
	line-height:36px;
	text-align:center;
}
div.fee_type input, div.fee_type label
{
    border-width: 0px;
    display: block;
    height: 30px;
    line-height: 27px;
    float: left;
    margin-left: 5px;
}
div.fee_type label
{
    margin-left: 3px;
    margin-right: 5px;
}
div.input_info
{
    width: 580px;
    text-align: left;
    margin-left: 10px;
    float: left;
    height: 40px;
}
div.input_info span.info
{
    display:inline-block;
    width:50px;
}
</style>
<script type="text/javascript">
	function getProduct(id){
		var productId = id;
		var expiryDate = $("#expiryDate").val();
		$.post("findProductPerformanceByExpiryDate.do",{"productId":productId,"expiryDate":expiryDate},function(data){
			if(data!=null){
				$("#productScale").val(data.productScale);
				$("#accumulativeValue").val(data.accumulativeValue);
				$("#netValue").val(data.netValue);
			}
		});
	}
</script>
</head>
<body>
	<div class="container">
		<div class="navbar">
			<div class="navbar-inner">
				<%@include file="../navigation/menu.jsp"%>
			</div>
		</div>
		<div class="row">
			<%@include file="../navigation/navigation.jsp"%>
			<div class="span9">
			
				<div class="tabs">
					<ul style="list-style-type: none">
						
						<li><a href="javascript:;"><span class="performance_msg">业绩表现</a></span></li>
					</ul>
				</div>
				<form id="edit-profile" class="form-horizontal" name="form">
					<legend style="margin-top:15px"></legend>
					
					<div id="product_performance">
					<div class="control-group">
							<label class="control-label" for="expiryDate">截止日期</label>
							<div class="controls">
								<select id="expiryDate" name="expiryDate" onchange="getProduct(${product.productId})">
								<c:forEach items="${products }" var="products">
									<option value="${products.expiryDate }" <c:if test="${products.expiryDate==product.expiryDate }">selected</c:if>>${products.expiryDate }</option>
								</c:forEach>
								</select>
							</div>
						</div>
					
						<div class="control-group">
							<label class="control-label" for="productScale">基金规模（万元）</label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="productScale"
									name="productScale"  value="${product.productScale }" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="accumulativeValue">累计净值(元)</label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="accumulativeValue"
									name="accumulativeValue"  value="${product.accumulativeValue }"/>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="netValue">单位净值(元)</label>
							<div class="controls">
								<input type="text" class="input-xlarge" id="netValue"
									name="netValue" value="${product.netValue }" />
							</div>
						</div>
						
						<div class="form-actions">
							<button class="btn" type="reset" onclick="history.back()">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>
