<%@ 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("EnergyStatistics")%>
</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">
			<div class="toolbar" style="height: 65px;">
                <div>
				<label for="cbxRoomNumber"><%: Html.Language("RoomNumber")%>：</label>
				<select id="cbxRoomNumber" class="easyui-combogrid" style="width:100px;" 
					data-options="
						panelWidth: 100,
						multiple: true,
						idField: 'Value',
                        valueField: 'Value',
                        textField: 'Name',
						editable: false,
                        url: '/CoulometricStatistics/LoadRoomNumbers/',
						columns:[[
							{ field: 'ck',checkbox: true },
                            { field: 'Value', title: '<%: Html.Language("RoomNumber")%>' }
                        ]],
						onHidePanel: cbxRoomNumberOnHidePanel
                    ">
				</select>				
				<label><%: Html.Language("DateUnit")%>：</label>
				<select id="cbxDateTimeUnit" class="easyui-combobox" style="width:60px;" 
					data-options="
						panelHeight: 'auto',
						editable: false
                    ">
					<option value='<%: (int)Domain.DateTimeUnit.Month %>'><%: Html.Language(Domain.DateTimeUnit.Month.ToString())%></option>
					<option value='<%: (int)Domain.DateTimeUnit.Day %>' selected="selected"><%: Html.Language(Domain.DateTimeUnit.Day.ToString())%></option>
				</select>
				<label><%: Html.Language("StartDate")%>：</label>
				<input id="txtStartDate" type="text" class="easyui-datebox" style="width:100px;" />
				<label><%: Html.Language("Deadline")%>：</label>
				<input id="txtEndDate" type="text" class="easyui-datebox" style="width:100px;" />
				<a id="query" href="javascript:void(0)" class="toolbar-button tb-icon-search"><%: Html.Language("Query")%></a>
                </div>
                <div>
				<label><%: Html.Language("LoopType")%>：</label>
				<select id="cbxDeviceType" class="easyui-combobox" style="width:80px;" data-options="
                        panelWidth: 100,
						panelHeight: 'auto',
                        valueField: 'Value',
                        textField: 'Name',
						editable: false,
                        url: '/RoomType/LoadDeviceTypes/',
						onSelect: cbxDeviceTypeOnSelect
                    ">
				</select>
				<label><%: Html.Language("Circuit")%>：</label>
				<select id="cbdRoomTypeModals" class="easyui-combogrid" style="width:100px;" 
					data-options="
						panelWidth: 270,
						multiple: true,
                        idField: 'Outlet',
                        textField: 'Outlet',
						editable: false,
						fitColumns: true,
                        columns: [[
							{ field: 'ck',checkbox: true },
							{ field: 'RoomType', title: '<%: Html.Language("RoomType")%>' },
							{ field: 'ModalAddress', title: '<%: Html.Language("ReturnAddress")%>' },
							{ field: 'Outlet', title: '<%: Html.Language("DeliveryOutlet")%>' },
                            { field: 'Name', title: '<%: Html.Language("LoopName")%>' }
                        ]]
                    ">
				</select>
                </div>
			</div>
		</div>
		<div data-options="region:'center',border:false" style="position:relative">
			<div id="chart" style="width:100%;"></div>
		</div>
	</div>
	
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
	<script type="text/javascript" src="/Scripts/libs/echarts/echarts.js"></script>
	<script type="text/javascript" src="/Scripts/libs/esl/esl.js"></script>
	<script type="text/javascript" src="/Scripts/coulometric-statistics-index.js"></script>

    <!--[if lt IE 9]>
      <script src="/Scripts/libs/html5shiv.min.js"></script>
      <script src="/Scripts/libs/respond.min.js"></script>
    <![endif]-->	
</asp:Content>
