<html>
<head>
<title>Plan Details Page</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style type="text/css">
.desc {
font:bold 11pt arial,verdana,sans-serif; text-indent:25;
background:khaki; border:1px inset; padding:10; margin-bottom:10}
.features {
font-size:9pt; background:#efefef;
border:1px inset; padding-right:5; margin-bottom:10}
.specs {
font-size:9pt; background:beige;
border:1px inset; padding-right:5}
</style>
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Plan Details Page</h2></div>
<br>
<div class="small"><a onMouseOver="status='Back to List';return true" href="javascript:history.go ( -1 )">Back to List</a></div>
<hr size=1 width=92%>
<div align="center">
<form runat="server">
<asp:formview id="fvPlanDetails" runat="server"
datasourceid="planDetails"
width=95% enableviewstate=false>
<itemtemplate>
<table width=100%>
<tr valign="top">
<td>
<div class="header">
<h3 style="color:maroon">
<%# Eval ( "Model" ) %>
</h2>
</div></td>
<td align="right">
<div class="header">
<h2>Plan # <%# Eval ( "PlanID" ) %></h2>
</div></td></tr>
</table>
<table width=100% cellpadding=10 style="background:ddd; border:2px outset">
<tr valign="top">
<td align="center" width=290>
<img width=290 runat="server"
src='<%# Eval ( "PlanID", "~/shared/images/plans/{0}.jpg" ) %>'
alt='<%# Eval ( "Model" ) %>'
style="border:1px inset">
<br>
<table width=90% class="data" cellspacing=0
style="font-size:8pt; text-align:center; border:1px inset">
<tr><th><%# Eval ( "Design" ) %></th></tr>
<tr><td><%# Eval ( "Area" ) %> ft<sup>2</sup>,
<%# Eval ( "Bedrooms" ) %> Bedrooms,
<%# Eval ( "Baths" ) %> Baths
<p>National Average Cost to Build: <br>
<b style="color:maroon">
<%# Eval ( "Cost", "{0:c}" ) %>
</b>
</td></tr>
</table>
</td>
<td>
<div class="desc"><%# Eval ( "Description" ) %></div>
<div class="features"><%# Eval ( "Features" ) %></div>
<div class="specs"><%# Eval ( "Specs" ) %></div>
</td></tr>
</table>
</itemtemplate>
</asp:formview>
<asp:accessdatasource id="planDetails" runat="server"
datafile="~/app_data/plans.mdb"
selectcommand="SELECT * FROM Plans WHERE PlanId = ?"
datasourcemode="datareader">
<selectparameters>
<asp:querystringparameter querystringfield="id" />
</selectparameters>
</asp:accessdatasource>
</form>
</div>
<hr size=1 width=92%>
<div class="small"><a onMouseOver="status='Back to List';return true" href="javascript:history.go ( -1 )">Back to List</a></div>
</body>
</html>