<%@ 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("RoomStatus")%>
</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="height: 35px;">
            <div class="toolbar">
                <select id="cbtGroup" class="easyui-combotree" style="width: 100px;" data-options="
						url: '/Group/LoadCurrentUserGroupTree/',
						lines: true,
						editable: false,
						onSelect: cbtGroupOnSelect,
                        panelWidth: 206,
						panelHeight: 300
					">
                </select>
                <select id="cbxService" class="easyui-combobox" style="width: 100px;" data-options="
						url: '/RoomService/LoadServicesForCombobox/',
						valueField: 'Code',
						textField: 'Name',
						editable: false,
						panelHeight: 'auto',
						formatter: cbxServiceFormatter,
						onSelect: cbxServiceOnSelect
					">
                </select>
                <select id="cbxRoomStatus" class="easyui-combobox" style="width: 102px;" data-options="
						url: '/RoomStatus/LoadRoomStatusForCombobox/',
						valueField: 'ID',
						textField: 'Name',
						editable: false,
						panelHeight: 'auto',
						formatter: cbxRoomStatusFormatter,
						onSelect: cbxRoomStatusOnSelect
					">
                </select>
                <a id="btnRefresh" href="javascript:void(0)" class="toolbar-button tb-icon-refresh"
                    onclick="refresh();">
                    <%: Html.Language("Refresh")%></a>
                <label>
                    <input id="chkSwitchLine" type="checkbox" checked="checked" /><%: Html.Language("WordWrap")%></label>
                <label>
                    <input id="chkAirDetect" type="checkbox" /><%: Html.Language("DisplayAirQualityDetection")%></label>
            </div>
        </div>
        <div region="center" border="false">
            <table id="rooms" cellpadding="0" cellspacing="0">
            </table>
        </div>
        <%--<div region="south" border="false">
            <div id="pp" class="easyui-pagination" style="background: #efefef; border-top: 1px solid #ccc;"
                data-options="total:100,pageSize:100">
            </div>
        </div>--%>
    </div>
    <div id="dialog" class="easyui-window" title="" style="width: 650px; height: 500px;
        padding: 5px;" closed="true" modal="true" collapsible="false" minimizable="false"
        maximizable="false" data-options="tools:[ { iconCls: 'icon-reload', handler: function() { $('#dialog').window('refresh'); } } ]">
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
    <link type="text/css" rel="stylesheet" href="/Styles/simon-room-status-index.css" />
    <%--<script type="text/javascript" src="/Scripts/jquery.cookie.js"></script>--%>
    <script type="text/javascript" src="/Scripts/libs/avalon.min.js"></script>
    <script type="text/javascript" src="/Scripts/simon-room-status-index.js"></script>
</asp:Content>
