Mini Kabibi Habibi

Current Path : C:/Users/Public/Documents/DXperience 13.1 Demos/ASP.NET/CS/HotelBooking/
Upload File :
Current File : C:/Users/Public/Documents/DXperience 13.1 Demos/ASP.NET/CS/HotelBooking/Order.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Order.aspx.cs" Inherits="Order" %>
<%@ Register src="Controls/ImagePopup.ascx" tagname="ImagePopup" tagprefix="uc1" %>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="cellOPOrder">
        <h1>
            <dx:ASPxLabel ID="lblTitle" runat="server" Text="Hotel Title">
            </dx:ASPxLabel>
            <dx:ASPxLabel ID="lblStars" runat="server" Text="3" CssClass="num">
            </dx:ASPxLabel>
            <img alt="stars" src="Content/Images/star.png" class="stars" />
        </h1>
        <div class="dest">
            (<dx:ASPxLabel ID="lblDestination" runat="server" Text="(City, Country)">
            </dx:ASPxLabel>)
        </div>
        <dx:ASPxCallbackPanel ID="cpRoomOrder" ClientInstanceName="cpRoomOrder" runat="server"
            Width="100%" LoadingPanelText="">
            <PanelCollection>
                <dx:PanelContent runat="server" SupportsDisabledAttribute="True">
                    <dx:ASPxGridView ID="gvRoomsOrder" ClientInstanceName="gvRoomsOrder" runat="server"
                        Width="100%" AutoGenerateColumns="False" EnableRowsCache="false" KeyFieldName="Id"
                        EnableCallBacks="false" TabIndex="1" CssClass="low">
                        <ClientSideEvents SelectionChanged="updateRoomsOrderPanel" />
                        <SettingsBehavior AllowDragDrop="false" />
                        <Columns>
                            <dx:GridViewCommandColumn ShowSelectCheckbox="True" VisibleIndex="0" 
                                Caption=" " FixedStyle="None">
                            </dx:GridViewCommandColumn>
                            <dx:GridViewDataTextColumn Caption="Room type" VisibleIndex="0" 
                                FieldName="Type" FixedStyle="None">
                            </dx:GridViewDataTextColumn>
                            <dx:GridViewDataTextColumn Caption="Quantity" VisibleIndex="1" Name="Quantity" 
                                FixedStyle="None">
                                <DataItemTemplate>
                                    <dx:ASPxSpinEdit ID="seQuantity" runat="server" Width="70px" Height="26px" CssClass="low" 
                                        MinValue="1" MaxValue="10" Number="1" onload="seQuantity_Load">
                                        <ClientSideEvents LostFocus="updateRoomsOrderPanel" />
                                        </dx:ASPxSpinEdit>
                                </DataItemTemplate>
                            </dx:GridViewDataTextColumn>
                            <dx:GridViewDataTextColumn Caption="Children" VisibleIndex="2" 
                                FixedStyle="None">
                                <DataItemTemplate>
                                    <span class="num">
                                        <%# GetChildrenText(Container) %></span>
                                </DataItemTemplate>
                            </dx:GridViewDataTextColumn>
                            <dx:GridViewDataTextColumn Caption="Price" VisibleIndex="3" FieldName="Price" Name="Price"
                                CellStyle-HorizontalAlign="Left" FixedStyle="None">
                                <DataItemTemplate>
                                    
                                    $<span class="num"><%#Container.Text%></span></DataItemTemplate>
<CellStyle HorizontalAlign="Left"></CellStyle>
                            </dx:GridViewDataTextColumn>
                        </Columns>
                        <SettingsPager Visible="False">
                        </SettingsPager>
                        <Styles Table-CssClass="gvRooms" Cell-Border-BorderWidth="0px" CommandColumn-Border-BorderWidth="0px">
<Table CssClass="gvRooms"></Table>
<Cell>
<Border BorderWidth="0px"></Border>
</Cell>
<CommandColumn>
<Border BorderWidth="0px"></Border>
</CommandColumn>
                        </Styles>
                    </dx:ASPxGridView>
                    <div class="roomOrderPanel">
                        <div class="cellLabel float">
                            <dx:ASPxLabel ID="ASPxLabel9" runat="server" Text="Check-in" AssociatedControlID="deCheckIn">
                        </dx:ASPxLabel>
                            </div>
                        <div class="cellInput float">
                            <dx:ASPxDateEdit ID="deCheckIn" ClientInstanceName="deCheckIn" runat="server" CssClass="low"
                                Border-BorderWidth="0px" Height="26px" AllowNull="false" Width="133px" OnValidation="deCheckIn_Validation"
                                DisplayFormatString="MMM d, yyyy" TabIndex="10" ShowShadow="false">
                                <ClientSideEvents ValueChanged="setCheckIn" />
                                <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" RequiredField-IsRequired="true">
                                    <RequiredField IsRequired="True"></RequiredField>
                                </ValidationSettings>
                                <Border BorderWidth="0px"></Border>
                                <CalendarProperties><FastNavProperties Enabled="false" /></CalendarProperties>
                            </dx:ASPxDateEdit>
                        </div>
                        <div class="cellLabel float">
                            <dx:ASPxLabel ID="ASPxLabel10" runat="server" Text="Check-out" AssociatedControlID="deCheckOut">
                        </dx:ASPxLabel>
                            </div>
                        <div class="cellInput float">
                            <dx:ASPxDateEdit ID="deCheckOut" ClientInstanceName="deCheckOut" CssClass="low" runat="server"
                                Border-BorderWidth="0px" AllowNull="false" Height="26px" Width="133px" ToolTip="To date" OnValidation="deCheckOut_Validation"
                                DisplayFormatString="MMM d, yyyy" TabIndex="12" ShowShadow="false">
                                <ClientSideEvents Validation="validateCheckOut" ValueChanged="setCheckOut" />
                                <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" RequiredField-IsRequired="true">
                                    <RequiredField IsRequired="True"></RequiredField>
                                </ValidationSettings>
                                <Border BorderWidth="0px"></Border>
                                <CalendarProperties><FastNavProperties Enabled="false" /></CalendarProperties>
                            </dx:ASPxDateEdit>
                        </div>
                        <div class="floatRight">
                            <div class="cellLabel float">
                                Total price</div>
                            <div class="cellTotal float">
                                $<dx:ASPxLabel ID="lblTotalPrice" runat="server" Text="">
                                </dx:ASPxLabel>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </dx:PanelContent>
            </PanelCollection>
        </dx:ASPxCallbackPanel>
        <div class="details">
            <h1>
                Your Details</h1>
            <div class="panelLine">
                <div class="float">
                    <div class="cellLabel">
                        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="First name*" AssociatedControlID="tbFirstName">
                        </dx:ASPxLabel>
                    </div>
                    <div class="cellInput">
                        <dx:ASPxTextBox ID="tbFirstName" runat="server" Width="270px" Height="36px" TabIndex="14">
                            <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" RequiredField-IsRequired="true">
                            </ValidationSettings>
                        </dx:ASPxTextBox>
                    </div>
                </div>
                <div class="float">
                    <div class="cellLabel">
                        <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="Last name*" AssociatedControlID="tbLastName">
                        </dx:ASPxLabel>
                    </div>
                    <div class="cellInput">
                        <dx:ASPxTextBox ID="tbLastName" runat="server" Width="370px" Height="36px" TabIndex="16">
                            <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" RequiredField-IsRequired="true">
                            </ValidationSettings>
                        </dx:ASPxTextBox>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="panelLine">
                <div class="float">
                    <div class="cellLabel">
                        <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="Phone*" AssociatedControlID="tbPhone">
                        </dx:ASPxLabel>
                    </div>
                    <div class="cellInput">
                        <dx:ASPxTextBox ID="tbPhone" runat="server" Width="270px" Height="36px" TabIndex="18">
                            <MaskSettings Mask="+0 (000) 000-0000" IncludeLiterals="None" />
                            <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" RequiredField-IsRequired="true">
                            </ValidationSettings>
                        </dx:ASPxTextBox>
                    </div>
                </div>
                <div class="float">
                    <div class="cellLabel">
                        <dx:ASPxLabel ID="ASPxLabel4" runat="server" Text="Email*" AssociatedControlID="tbEmail">
                        </dx:ASPxLabel>
                    </div>
                    <div class="cellInput">
                        <dx:ASPxTextBox ID="tbEmail" runat="server" Width="370px" Height="36px" TabIndex="20">
                            <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" 
                                RequiredField-IsRequired="true">
                                <regularexpression validationexpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" />
<RegularExpression ValidationExpression="\w+([-+.&#39;]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></RegularExpression>
<RequiredField IsRequired="True"></RequiredField>
                            </ValidationSettings>
                        </dx:ASPxTextBox>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="panelLine">
                <div class="float">
                    <div class="cellLabel">
                        <dx:ASPxLabel ID="ASPxLabel5" runat="server" Text="Country*" AssociatedControlID="cmbCountry">
                        </dx:ASPxLabel>
                    </div>
                    <div class="cellInput">
                        <dx:ASPxComboBox ID="cmbCountry" runat="server" Width="270px" Height="24px" TextField="Name"
                            ValueField="Name" ImageUrlField="ImageUrl" IncrementalFilteringMode="StartsWith" EnableViewState="false" TabIndex="22">
                            <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" RequiredField-IsRequired="true">
                            </ValidationSettings>
                        </dx:ASPxComboBox>
                    </div>
                </div>
                <div class="float">
                    <div class="cellLabel">
                        <dx:ASPxLabel ID="ASPxLabel6" runat="server" Text="Address*" AssociatedControlID="tbAddress">
                        </dx:ASPxLabel>
                    </div>
                    <div class="cellInput">
                        <dx:ASPxTextBox ID="tbAddress" runat="server" Width="370px" Height="36px" TabIndex="24">
                            <ValidationSettings ErrorDisplayMode="None" SetFocusOnError="True" RequiredField-IsRequired="true">
                            </ValidationSettings>
                        </dx:ASPxTextBox>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="panelLine">
                <div class="cellLabel">
                    <dx:ASPxLabel ID="ASPxLabel7" runat="server" Text="Passport scan copy">
                    </dx:ASPxLabel>
                </div>
                <div class="cellInput">
                    <dx:ASPxUploadControl ID="ASPxUploadControl2" runat="server" Height="32px" Width="100%" TabIndex="26" UploadMode="Advanced">
                        <ValidationSettings AllowedFileExtensions=".jpg, .png, .gif" ></ValidationSettings>
                    </dx:ASPxUploadControl>
                </div>
            </div>
            <div class="panelLine">
                <div class="cellLabel noMargin">
                    <dx:ASPxLabel ID="ASPxLabel8" runat="server" Text="Additional information">
                    </dx:ASPxLabel>
                </div>
                <div class="cellInput">
                    &nbsp;<dx:ASPxHtmlEditor ID="ASPxHtmlEditor2" runat="server" Height="204px" Width="100%" TabIndex="28">
                        <Toolbars>
                            <dx:HtmlEditorToolbar>
                                <Items>
                                    <dx:ToolbarBoldButton>
                                    </dx:ToolbarBoldButton>
                                    <dx:ToolbarItalicButton>
                                    </dx:ToolbarItalicButton>
                                    <dx:ToolbarUnderlineButton>
                                    </dx:ToolbarUnderlineButton>
                                </Items>
                            </dx:HtmlEditorToolbar>
                        </Toolbars>
                        <Settings AllowHtmlView="False" AllowPreview="False" />
                        <SettingsImageUpload>
                            <ValidationSettings AllowedFileExtensions=".jpe, .jpeg, .jpg, .gif, .png">
                            </ValidationSettings>
                        </SettingsImageUpload>
                        <SettingsImageSelector>
                            <CommonSettings AllowedFileExtensions=".jpe, .jpeg, .jpg, .gif, .png"></CommonSettings>
                        </SettingsImageSelector>
                        <SettingsDocumentSelector>
                            <CommonSettings AllowedFileExtensions=".rtf, .pdf, .doc, .docx, .odt, .txt, .xls, .xlsx, .ods, .ppt, .pptx, .odp">
                            </CommonSettings>
                        </SettingsDocumentSelector>
                    </dx:ASPxHtmlEditor>
                </div>
            </div>
            <div class="panelLine">
                <dx:ASPxButton ID="ASPxButton1" runat="server" Text="Submit Order" OnClick="ASPxButton1_Click"
                    Height="60px" Width="213px" TabIndex="30">
                    <ClientSideEvents Click="submitOrder" />
                </dx:ASPxButton>
            </div>
        </div>
    </div>
    <div class="cellOPDescription">
        <a href="javascript:showImageDialog('<%= Utils.GetImageUrl(Hotel.ImageUrl, Utils.PopupImageSize) %>')">
        <dx:ASPxImage ID="imgHotel" runat="server" CssClass="hotelImage">
        </dx:ASPxImage>
        </a>
        <dx:ASPxCallbackPanel ID="cpHotelRating" ClientInstanceName="cpHotelRating" runat="server"
            Width="100%" LoadingPanelText="" OnCallback="cpHotelRating_Callback" CssClass="hotelRating">
            <PanelCollection>
                <dx:PanelContent ID="PanelContent1" runat="server" SupportsDisabledAttribute="True">
                    <div class="rating">
                        <dx:ASPxRatingControl ID="rcHotelRating" runat="server" FillPrecision="Exact">
                            <ClientSideEvents ItemClick="updateHotelRating" />
                        </dx:ASPxRatingControl>
                    </div>
                    <div class="ratingPanel">
                        <div class="ratingValue">
                        <dx:ASPxLabel ID="lblHotelRating" runat="server" Text="ASPxLabel">
                        </dx:ASPxLabel>
                        </div>
                        <div class="ratingNum">
                        <dx:ASPxLabel ID="lblHotelVotes" runat="server" Text="9" CssClass="num">
                        </dx:ASPxLabel> votes</div>
                    </div>
                    <div class="clear">
                    </div>
                </dx:PanelContent>
            </PanelCollection>
        </dx:ASPxCallbackPanel>
        <div id="descContainer" runat="server"></div>
        <h5>
            Hotel service</h5>
        <asp:Repeater ID="rptHotelService" runat="server">
            <ItemTemplate>
                <%# Container.DataItem %><br />
            </ItemTemplate>
        </asp:Repeater>
        <h5>
            Room service</h5>
        <asp:Repeater ID="rptRoomServices" runat="server">
            <ItemTemplate>
                <%# Container.DataItem %><br />
            </ItemTemplate>
        </asp:Repeater>
    </div>
    <div class="clear">
        <uc1:ImagePopup ID="ImagePopup1" runat="server" />
    </div>
</asp:Content>