<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SimonMasterPage.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 class="easyui-layout" data-options="fit:true">
		<div data-options="region:'north',border:false" style="overflow:hidden;height:30px;">
			<div class="toolbar">
				<a href="javascript:void(0)" class="toolbar-button tb-icon-refresh" onclick="loadState()"><%: Html.Language("Refresh")%></a>
			</div>
		</div>

		<div data-options="region:'center',border:false">
			<div id="cc">
				<!-- col1 -->
				<div style="width: 350px; 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="safeBoxStateForm" method="post" action="#">
					<fieldset>
						<legend>
							<%: Html.Language("SafeCondition")%></legend>
						<ul>
							<li>
								<label>
									<%: Html.Language("SafeNormalSwitch")%></label><input name="SafeNormalSwitch" class="easyui-numberbox text"
										data-options="editable:false" value="0" /></li>
							<li>
								<label>
									<%: Html.Language("GuestsAreNotSafeOpen")%></label><input name="GuestsAreNotSafeOpen" class="easyui-numberbox text"
										data-options="editable:false" value="0" /></li>
							<li>
								<label>
									<%: Html.Language("CheckOutTheSafeShutdown")%></label><input name="CheckOutTheSafeShutdown" 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("TheDoorOpened")%></label><input name="RoonOpen" class="easyui-numberbox text"
										data-options="editable:false" value="0" /></li>
							<li>
								<label>
									<%: Html.Language("TheDoorClosed")%></label><input name="RoomClose" class="easyui-numberbox text"
										data-options="editable:false" value="0" /></li>
							<%--<li class="empty"></li>--%>
						</ul>
					</fieldset>
					</form>
					<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>
						</ul>
					</fieldset>
					</form>
				</div>
				<!-- col2 -->
				<%--<div style="width: 350px; 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>
							<li>
								<label>
									<%: Html.Language("VIPRoom")%></label><input name="VIPRoom"
										class="easyui-numberbox text" data-options="editable:false" value="0" /></li>
						</ul>
					</fieldset>
					</form>
				</div>--%>
				<!-- col3 -->
				<div style="width: 350px; float: left;">
					<form id="roomRentStateForm" method="post" action="#">
					<fieldset>
						<legend>
							<%: Html.Language("GuestRoomRentalSituation")%></legend>
						<ul>
							<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>--%>
						</ul>
					</fieldset>
					</form>
				</div>
			</div>
		</div>
	</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
    <style type="text/css">
        #cc
        {
            font-size: 12px;
            height: 560px;
            width: 1100px;
        }
        #cc form
        {
            margin: 5px;
        }
        #cc form fieldset
        {
            border: 1px solid #00A2EA;
        }
        #cc form ul
        {
            padding-left: 20px;
        }
        #cc form ul li
        {
            height: 25px;
            line-height: 25px;
            margin-bottom: 1px;
        }
        #cc form ul li.empty
        {
            list-style-type: none;
        }
        #cc form ul li label
        {
            display: inline-block;
            width: 230px;
        }
        #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/");
            $("#doorStateForm").form("load", "/Overview/LoadDoorState/");
            $("#airConditionStateForm").form("load", "/Overview/LoadAirConditionState/");
            $("#roomRentStateForm").form("load", "/Overview/LoadRoomRentState/");

            //$("#roomServiceStateForm").form("load", "/Overview/LoadRoomServiceState/");
            //$("#safeBoxStateForm").form("load", "/Overview/LoadSafeBoxState/");
            //$("#roomStateForm").form("load", "/Overview/LoadRoomState/");
            //$("#windowStateForm").form("load", "/Overview/LoadWindowState/");
            //$("#balconyDoorStateForm").form("load", "/Overview/LoadBalconyDoorState/");

            $.tools.ajaxLoadEnd();
        }

        $(function () { loadState(); });
    </script>
</asp:Content>
