Mini Kabibi Habibi

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

<%@ Page Title="" Language="vb" MasterPageFile="~/Site.master" AutoEventWireup="true"
	CodeFile="Order.aspx.vb" 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>