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

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

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<div title='<%: Html.Language("InformationOverview")%>' 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">
					<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" onclick="loadState()"><%: Html.Language("Refresh")%></a> 
				</div>
			</div>

			<div region="center" border="false">
				
				<div id="cc">
					<!-- col1 -->
					<div style="width:300px;float:left;">

						<form id="rcuStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("RCUNetworkCommunicationsStatus")%></legend>
								<ul>
									<li><label><%: Html.Language("RCUNormalNetworking")%></label><input name="Online" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RCUNetworkInterruption")%></label><input name="Offline" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("TotalNumberRCU")%></label><input name="Total" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
								</ul>
							</fieldset>
						</form>

						<form id="roomServiceStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("RequestedServiceStatus")%></legend>
								<ul>
									<li><label><%: Html.Language("DontDisturbNumberOfRooms")%></label><input name="DND" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RequestToCleanUpTheRooms")%></label><input name="Clean" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RequestCallNumberOfRooms")%></label><input name="Call" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RequestACheckOutRooms")%></label><input name="Checkout" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("EmergencyCallNumberOfRooms")%></label><input name="SOS" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("LaundryRequestNumberOfRooms")%></label><input name="Laundry" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RequestNumberOfBaggageHandling")%></label><input name="Luggage" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RequestNumberOfDeliverMeals")%></label><input name="MealDelivery" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("NumberOfRoomsToCleanUpTheTable")%></label><input name="DrawCloth" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
								</ul>
							</fieldset>
						</form>

						<form id="safeBoxStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("SafeCondition")%></legend>
								<ul>
									<li><label><%: Html.Language("SafeNormalSwitch")%></label><input name="Field1" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("GuestsAreNotSafeSwitch")%></label><input name="Field2" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("CheckOutTheSafeShutdown")%></label><input name="Field3" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
								</ul>
							</fieldset>
						</form>

					</div>

					<!-- col2 -->
					<div style="width:320px;float:left;">
						<form id="roomStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("RoomAvailability")%></legend>
								<ul>
									<li><label><%: Html.Language("ConnectivityNumberOfRooms")%></label><input name="ConnectingRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("NonEnergyRoomNumberOfRooms")%></label><input name="NotEnergySavingRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("FailureNumberOfRooms")%></label><input name="FaultRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("SunnyNumberOfRooms")%></label><input name="SunRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("AccommodationRoomNumber")%></label><input name="GroupOrientedLeasingRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("SuiteNumberOfRooms")%></label><input name="SuiteRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("ReligiousRoomNumberOfRooms")%></label><input name="ReligiousRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("DisabilityRoomNumberOfRooms")%></label><input name="AmbulatoryRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
								</ul>
							</fieldset>
						</form>

						<form id="windowStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("GuestRoomWindowsStatus")%></legend>
								<ul>
									<li><label><%: Html.Language("WindowsAndDoorsNormallyClosed")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("WindowsAndDoorsNormallyOpen")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
								</ul>
							</fieldset>
						</form>

						<form id="doorStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("GuestRoomDoorSwitchStatus")%></legend>
								<ul>
									<li><label><%: Html.Language("DoorClosesProperly")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("TheDoorOpened")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("DoorOpenForTooLongAlarm")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("DoorCloseForTooLongAlarm")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li class="empty"></li>
								</ul>
							</fieldset>
						</form>
					</div>

					<!-- col3 -->
					<div style="width:300px;float:left;">

						<form id="roomRentStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("GuestRoomRentalSituation")%></legend>
								<ul>
									<li><label><%: Html.Language("VIPRoomNumberOfRooms")%></label><input name="VIPRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("NumberOfRentalRooms")%></label><input name="RentedRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("NumberOfRoomsForRent")%></label><input name="RoomForRent" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RoomsForCheckOut")%></label><input name="CheckoutRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("VacantRooms")%></label><input name="EmptyRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("TotalRooms")%></label><input name="RoomTotal" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RentalRoomsProportion")%></label><input name="RentPercent" class="easyui-numberbox text" data-options="editable:false,suffix:'%'" value="0" /></li>
									<li><label><%: Html.Language("RentalRoomsWithGuest")%></label><input name="SomeoneRentRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("RentalRoomsWithoutGuest")%></label><input name="NoOneRentRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("NotRentRoomsWithGuest")%></label><input name="SomeoneNotRentRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("NotRentRoomsWithoutGuest")%></label><input name="NoOneNotRentRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li class="empty"></li>
									<li class="empty"></li>
								</ul>
							</fieldset>
						</form>

						<form id="balconyDoorStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("RoomsBalconyDoorState")%></legend>
								<ul>
									<li><label><%: Html.Language("BalconyDoorClosedNormal")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("BalconyDoorOpenNormal")%></label><input class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li class="empty"></li>
									<li class="empty"></li>
								</ul>
							</fieldset>
						</form>

					</div>

					<!-- col4 -->
					<div style="width:230px;float:right;">
						<form id="airConditionStateForm" method="post" action="#">
							<fieldset>
								<legend><%: Html.Language("AirConditionOperatingCondition")%></legend>
								<ul>
									<li><label><%: Html.Language("AirConditionRunning")%></label><input name="Running" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("AirConditionClosed")%></label><input name="NoRunning" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("FanSpeedLow")%></label><input name="SpeedLow" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("FanSpeedMidRange")%></label><input name="SpeedMedium" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("FanSpeedHighGrade")%></label><input name="SpeedHigh" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("AirConditionerCoolingValveOpen")%></label><input name="ColdValveOn" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("AirConditioningHeatValveOpen")%></label><input name="ThermalValveOn" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("LockModeRooms")%></label><input name="LockModeRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label>已定时房数</label><input name="TimingRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("ManualModeRooms")%></label><input name="ManualModeRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("TimeSettledRooms")%></label><input name="" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("ForbidSpeedHighGradeRooms")%></label><input name="DisableSpeedHighRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("StartRoomStateFunctionRooms")%></label><input name="EnableRoomStatusRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li><label><%: Html.Language("StartSleepModeRooms")%></label><input name="EnableSleepModeRoom" class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
									<li class="empty"></li>
									<li class="empty"></li>
									<li class="empty"></li>
									<li class="empty"></li>
									<li class="empty"></li>
								</ul>
							</fieldset>
						</form>
					</div>
			
				</div>
			</div>
		</div>
	</div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
	
	<style type="text/css">
		
		#cc {
			/*background:pink;*/
			height:560px;
			width:920px;
		}
		
		#cc form {
			margin:5px;	
		}
		
		#cc form fieldset {
			border:1px solid #95B8E7;
		}
		
		#cc form ul {
			/*background:pink;*/
			padding-left:20px;
		}
		
		#cc form ul li{
			/*background:yellowgreen;*/
			height:25px;
			line-height:25px;
			margin-bottom:1px;
		}
		
		#cc form ul li.empty{
			list-style-type:none;
		}
		
		#cc form ul li label{
			/*background:red;*/
			display:inline-block;
			width:175px;
		}
		
		#cc form ul li .text {
			width:50px;	
		}
	</style>

	<script type="text/javascript" language="javascript">

		function loadState() {
		    $.tools.ajaxLoading(lang.LoadingData);

			$("#rcuStateForm").form("load", "/Overview/LoadRCUState/");
			$("#roomServiceStateForm").form("load", "/Overview/LoadRoomServiceState/");
			$("#safeBoxStateForm").form("load", "/Overview/LoadSafeBoxState/");

			$("#roomStateForm").form("load", "/Overview/LoadRoomState/");
			$("#windowStateForm").form("load", "/Overview/LoadWindowState/");
			$("#doorStateForm").form("load", "/Overview/LoadDoorState/");

			$("#roomRentStateForm").form("load", "/Overview/LoadRoomRentState/");
			$("#balconyDoorStateForm").form("load", "/Overview/LoadBalconyDoorState/");

			$("#airConditionStateForm").form("load", "/Overview/LoadAirConditionState/");

			$.tools.ajaxLoadEnd();
		}

		$(function () { loadState(); });

	</script>

</asp:Content>