Mini Kabibi Habibi

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CardView.ascx.cs" 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>