Mini Kabibi Habibi

<%@ Control Language="vb" AutoEventWireup="true" CodeFile="CardView.ascx.vb" Inherits="CardView" %>
<dx:ASPxRoundPanel ID="ASPxRoundPanel1" runat="server" Height="0px" Width="0px" HeaderText="Special Offers" ClientInstanceName="rp1" CssClass="portraitInvisible rpLeft">
	<PanelCollection>
		<dx:PanelContent ID="PanelContent1" runat="server">
			<dx:ASPxGridView ID="gvCardHomes" runat="server" DataSourceID="XmlHomesSpecial" ClientInstanceName="gvCardHomes" EnableRowsCache="false"
				Width="482px" CssClass="cardViewGrid" Border-BorderStyle="None" style="margin-top:0;" KeyFieldName="ID">
				<Templates>
					<DataRow>
						<div class="gvItem">
							<div class="gvItemLPanel">
								<img src='<%#Utils.GetImageSrc(Eval("ID"))%>' class="icon" alt="" />
								<br />
								<div onclick="return ASPxClientUtils.PreventEventAndBubble(event)">
									<dx:ASPxButton ID="Buy" runat="server" CssClass="price" Text='<%#Utils.GetPrice(Eval("Price"))%>' AutoPostBack="false" width="123" ClientSideEvents-Click="function(){ Buy(); }"/>
								</div>
							</div>
							<div class="gvItemRPanel">
								<p><dx:ASPxLabel ID="Address" runat="server" CssClass="address" Text='<%#Utils.ExtractFirstRow(Eval("Address"))%>' /></p>
								<p><dx:ASPxLabel ID="Address2" runat="server" CssClass="address2" Text='<%#Utils.ExtractSecondRow(Eval("Address"))%>' /></p>
								<p class="spacer">&nbsp;</p>
								<span class="cardProperties">
									<p><span class="label">Beds:</span>
									<dx:ASPxLabel ID="Beds" runat="server" CssClass="beds" Text='<%#Eval("Beds")%>' />
									<span class="beds">bed</span></p>
									<p><span class="label">Baths:</span>
									<dx:ASPxLabel ID="Baths" runat="server" CssClass="baths" Text='<%#Eval("Baths")%>' />
									<span class="baths">bath</span></p>
									<p><span class="label">Year Built:</span>
									<dx:ASPxLabel ID="YearBuilt" runat="server" CssClass="yearBuilt" Text='<%#Eval("YearBuilt")%>' /></p>
									<p><span class="label">Property type:</span>
									<dx:ASPxLabel ID="PropertyType" runat="server" CssClass="type" Text='<%#Utils.GetPropertyType(Eval("Type"))%>' /></p>
								</span>
							</div>
						</div>
					</DataRow>
				</Templates>
				<SettingsPager Visible="false"/>
				<Settings VerticalScrollBarMode="Visible" ShowColumnHeaders="false"/>
				<ClientSideEvents 
					Init="function(){ hr.CardView_AdjustLPanel(); }" 
					RowClick="function(s, e){ ShowGVDetailsPage(s, e.visibleIndex); }" />
				<Border BorderStyle="None"></Border>
			</dx:ASPxGridView>
		</dx:PanelContent>
	</PanelCollection>
	<HeaderStyle ForeColor="White" HorizontalAlign="Center" >
		<BackgroundImage ImageUrl="../Images/rpHeaderBack.png" />
		<Border BorderColor="#505153" BorderStyle="Solid" BorderWidth="1px"/>
	</HeaderStyle>
</dx:ASPxRoundPanel>
<dx:ASPxRoundPanel ID="ASPxRoundPanel2" runat="server" Height="0px" Width="0px" HeaderText="All Available Offers" ClientInstanceName="rp2">
	<PanelCollection>
		<dx:PanelContent ID="PanelContent2" runat="server">
			<dx:ASPxGridView ID="cardGVHomesSpecial" runat="server" DataSourceID="XmlHomes" ClientInstanceName="cardGVHomesSpecial" EnableRowsCache="false"
				Width="482px" CssClass="cardViewGrid" Border-BorderStyle="None" KeyFieldName="ID">
				<Templates>
					<DataRow>
						<div class="gvItem">
							<div class="gvItemLPanel">
								<img src='<%#Utils.GetImageSrc(Eval("ID"))%>' class="icon" alt=""/>
								<br />
								<div onclick="return ASPxClientUtils.PreventEventAndBubble(event)">
									<dx:ASPxButton ID="Buy" runat="server" CssClass="price" Text='<%#Utils.GetPrice(Eval("Price"))%>' AutoPostBack="false" width="123" ClientSideEvents-Click="function(){ Buy(); }"/>
								</div>
							</div>
							<div class="gvItemRPanel">
								<p><dx:ASPxLabel ID="Address" runat="server" CssClass="address" Text='<%#Utils.ExtractFirstRow(Eval("Address"))%>' /></p>
								<p><dx:ASPxLabel ID="Address2" runat="server" CssClass="address2" Text='<%#Utils.ExtractSecondRow(Eval("Address"))%>' /></p>
								<p class="spacer">&nbsp;</p>
								<span class="cardProperties">
									<p><span class="label">Beds:</span>
									<dx:ASPxLabel ID="Beds" runat="server" CssClass="beds" Text='<%#Eval("Beds")%>' />
									<span class="beds">bed</span></p>
									<p><span class="label">Baths:</span>
									<dx:ASPxLabel ID="Baths" runat="server" CssClass="baths" Text='<%#Eval("Baths")%>' />
									<span class="baths">bath</span></p>
									<span class="landscapeInvisible">
										<p><span class="label">HouseSize:</span>
										<dx:ASPxLabel ID="HouseSize" runat="server" CssClass="houseSize" Text='<%#Eval("HouseSize")%>' />
										<span class="label">sq ft</span></p>
										<p><span class="label">LotSize:</span>
										<dx:ASPxLabel ID="LotSize" runat="server" CssClass="lotSize" Text='<%#Eval("LotSize")%>' />
										<span class="label">Acres</span></p>
										<p><span class="label">Price/sqf:</span>
										<dx:ASPxLabel ID="Price_sqf" runat="server" CssClass="label" Text='<%#Utils.GetPriceForSqf(Eval("HouseSize"), Eval("Price"))%>' /></p>
									</span>
									<p><span class="label">Year Built:</span>
									<dx:ASPxLabel ID="YearBuilt" runat="server" CssClass="yearBuilt" Text='<%#Eval("YearBuilt")%>' /></p>
									<p><span class="label">Property type:</span>
									<dx:ASPxLabel ID="PropertyType" runat="server" CssClass="type" Text='<%#Utils.GetPropertyType(Eval("Type"))%>' /></p>
								</span>
							</div>
						</div>
					</DataRow>
				</Templates>
				<SettingsPager Visible="false" PageSize="1000"/>
				<Settings VerticalScrollBarMode="Visible" ShowColumnHeaders="false"/>
				<ClientSideEvents 
					Init="function(){ hr.CardView_AdjustRPanel(); }" 
					RowClick="function(s, e){ ShowGVDetailsPage(s, e.visibleIndex); }" />
				<Border BorderStyle="None"></Border>
			</dx:ASPxGridView>
		</dx:PanelContent>
	</PanelCollection>
	<HeaderStyle ForeColor="White" HorizontalAlign="Center" >
		<BackgroundImage ImageUrl="../Images/rpHeaderBack.png" />
		<Border BorderColor="#505153" BorderStyle="Solid" BorderWidth="1px"/>
	</HeaderStyle>
</dx:ASPxRoundPanel>