<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/MasterPage.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	<%: Html.Language("RoomControl")%>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	
	<div title='<%: Html.Language("RoomControl")%>' class="easyui-panel" data-options="fit:true,border:false">
		<div class="easyui-layout" data-options="fit:true">
			
			<div data-options="region:'north',border:false">
				<div class="datagrid-toolbar" style="padding:5px 0px 5px 10px;">
					<label><%: Html.Language("RoomNumber")%></label>
					<input id="cbxRoomNumber" class="easyui-combobox" style="width:80px;" 
						data-options="
							editable: false,
							valueField: 'ID',
							textField: 'RoomNumber',
							onSelect: cbxRoomNumberOnSelect
							" />

					<label><%: Html.Language("Floor")%></label>
					<input id="cbtGroup" class="easyui-combotree" style="width:110px;" 
						data-options="
							editable:false,
							lines:true
							" />

					<label><%: Html.Language("RoomStatus")%></label>
					<input id="cbxRoomStatus" class="easyui-combobox" style="width:80px;" 
						data-options="
							editable:false,
							panelHeight:'auto',
							valueField:'ID',
							textField:'Name'
							" />
					
					<label><%: Html.Language("RoomType")%></label>
					<input id="cbxRoomType" class="easyui-combobox" style="width:80px;" 
						data-options="
							editable:false,
							panelHeight:'auto',
							valueField:'ID',
							textField:'Name'
							" />
				</div>
			</div>

			<div region="center" border="false">
				
				<div id="content">
					
					<form method="post" action="#">
						<input type="hidden" name="type" value="RoomStatus" />
						<fieldset>
							<legend><%:Html.Language("ChooseTheRoomStatus")%></legend>
							<ul>
								<% foreach (var item in ViewData["RoomStatus"] as IList<Domain.RoomStatus>) { %>
									<li><input type="radio" name="status" value="<%=item.ID %>" /><%=item.Name %></li>
								<% } %>
								<li class="button">
									<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="sendRoomStatus(this)"><%: Html.Language("Issue")%></a>
								</li>
							</ul>
						</fieldset>
					</form>

					<fieldset>
							<legend><%: Html.Language("GuestRoomDisplayAndSettings")%></legend>

							<!-- col1 -->
							<div style="width:350px;float:left;">

								<form method="post" action="#">
									<fieldset>
										<input type="hidden" name="type" value="DND" />
										<legend><%: Html.Language("DoNotDisturb")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button">
												<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a>
											</li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="Clean" />
									<fieldset>
										<legend><%: Html.Language("PleaseClean")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="Call" />
									<fieldset>
										<legend><%: Html.Language("RequestACall")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="Laundry" />
									<fieldset>
										<legend><%: Html.Language("LaundryService")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="Checkout" />
									<fieldset>
										<legend><%: Html.Language("CheckOutRequest")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="SOS" />
									<fieldset>
										<legend>SOS</legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="Luggage" />
									<fieldset>
										<legend><%: Html.Language("BaggageHandling")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="MealDelivery" />
									<fieldset>
										<legend><%: Html.Language("MealDeliveryService")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="MealDelivery" />
									<fieldset>
										<legend><%: Html.Language("TidyUpThePlate")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>
							</div>

							<!-- col2 -->
							<div style="width:350px;float:left;">
								<form method="post" action="#">
									<input type="hidden" name="type" value="FreezerDoorContact" />
									<fieldset>
										<legend><%: Html.Language("TheRefrigeratorDoorMagnet")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="RoomDoorContact" />
									<fieldset>
										<legend><%: Html.Language("TheRoomDoorMagnet")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="SafeBoxDoorContact" />
									<fieldset>
										<legend><%: Html.Language("SafeBoxDoorMagnet")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="BalconyDoorContact" />
									<fieldset>
										<legend><%: Html.Language("BalconyDoorMagnet")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="WindowDoorContact" />
									<fieldset>
										<legend><%: Html.Language("WindowDoorMagnet")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="ChestDoorContact" />
									<fieldset>
										<legend><%: Html.Language("ChestDoorMagnet")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="RoomDoorLock" />
									<fieldset>
										<legend><%: Html.Language("GuestRoomDoorMagnet")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="SmokeDetector" />
									<fieldset>
										<legend><%: Html.Language("SmokeDetector")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="FloorHeating" />
									<fieldset>
										<legend><%: Html.Language("FloorHeating")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="Sink" />
									<fieldset>
										<legend><%: Html.Language("WaterPan")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

							</div>

							<!-- col3 -->
							<div style="width:350px;float:left;">
								<form method="post" action="#">
									<input type="hidden" name="type" value="BathroomInfrared" />
									<fieldset>
										<legend><%: Html.Language("BathroomInfrared")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="DrawingRoomInfrared" />
									<fieldset>
										<legend><%: Html.Language("DrawingRoomInfrared")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="BalconyInfrared" />
									<fieldset>
										<legend><%: Html.Language("BalconyInfrared")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<input type="hidden" name="type" value="ChestInfrared" />
									<fieldset>
										<legend><%: Html.Language("ChestInfrared")%></legend>
										<ul>
											<li><input type="radio" name="status" value="0" /><%: Html.Language("Issue")%>  <%: Html.Language("Cancel")%> </li>
											<li><input type="radio" name="status" value="1" /><%: Html.Language("Issue")%>  <%: Html.Language("Setting")%></li>
											<li><input type="radio" name="status" value="2" checked="checked" /><%:Html.Language("Invariability")%></li>
											<li class="button"><a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="send(this)"><%: Html.Language("Issue")%></a></li>
										</ul>
									</fieldset>
								</form>

								<form method="post" action="#">
									<fieldset>
										<input type="hidden" name="type" value="RoomStatusAid" />
										<legend><%: Html.Language("AssistRoomStatus")%></legend>
										<div style="text-align:left;padding-left:130px;">
											<% foreach (var item in ViewData["RoomStatusAid"] as IList<Domain.RoomStatusAid>) { %>
												<input type="checkbox" name="roomStatusAids" <%=item.ActiveIndicator ? "" : "disabled=\"disabled\"" %> value="<%=item.ID %>" /><%=item.Name %><br />
											<% } %>
										</div>
										<div style="text-align:center;">
											<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-send'" onclick="sendRoomStatusAid(this)"><%: Html.Language("Issue")%></a>
										</div>
									</fieldset>
								</form>

							</div>

					</fieldset>

				</div>

			</div>
		</div>
	</div>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
	
	<style type="text/css">
		
		#content {
			width:1100px;
			margin:7px;	
		}
		
		#content form{
			margin:1px;
		}
		
		#content fieldset {
			border:1px solid #95B8E7;
		}
		
		#content form ul {
			margin:0px;
			padding:0px;
			list-style-type:none;
		}
		
		#content form ul li {
			float:left;
			height:25px;
			line-height:25px;
			width:80px;
		}
		
	</style>
	<script type="text/javascript" src="/Scripts/room-control-index.js"></script>
    <% switch ((int)Session["isCN"]){case 1: %>
    <script type="text/javascript" src="/Scripts/en-US.js"></script>
    <% break; case 2: %>
    <script type="text/javascript" src="/Scripts/zh-TW.js"></script>
    <% break;default: %>
    <script type="text/javascript" src="/Scripts/zh-CN.js"></script>
    <% break; } %>
</asp:Content>
