<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IList<Domain.AlarmSetting>>" %>
<link type="text/css" rel="stylesheet" href="/Styles/partbox.css" />
<style type="text/css">
    #container
    {
        width: 620px;
        margin: 10px;
    }
    #col1
    {
        float: left;
        width: 50%;
    }
    #col2
    {
        float: right;
        width: 50%;
    }
    .numberbox .textbox-text
    {
        text-align: right;
    }
</style>
<div id="container">
    <div id="col1">
        <div class="partbox" style="width: 300px;">
            <div class="title">
                <%: Html.Language("DoorAlarmSettings")%></div>
            <div class="container">
                <div class="content">
                    <table style="margin: 20px auto;">
                        <col style="width: 160px;" />
                        <tr>
                            <td>
                                <%: Html.Language("EnableGuestsAtTheDoorOpenAlarm")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="A01" />
                            </td>
                        </tr>
                        <tr>
                            <td class="align-right">
                                <%: Html.Language("AlarmDelayTime")%>
                            </td>
                            <td class="align-right">
                                <input id="A02" class="easyui-numberbox" style="width: 100px;" data-options="required:true,min:0"
                                    value="0" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("NoOneInTheDoorOpenAlarm")%>
                            </td>
                            <td class="align-right">
                                <input id="A03" type="checkbox" />
                            </td>
                        </tr>
                        <tr>
                            <td class="align-right">
                                <%: Html.Language("AlarmDelayTime")%>
                            </td>
                            <td class="align-right">
                                <input id="A04" class="easyui-numberbox" style="width: 100px;" data-options="required:true,min:0"
                                    value="0" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("TheGuestsAtTheDoorAlarmEnableNon")%>
                            </td>
                            <td class="align-right">
                                <input id="A05" type="checkbox" />
                            </td>
                        </tr>
                        <tr>
                            <td class="align-right">
                                <%: Html.Language("AlarmDelayTime")%>
                            </td>
                            <td class="align-right">
                                <input id="A06" class="easyui-numberbox" style="width: 100px;" data-options="required:true,min:0"
                                    value="0" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="partbox" style="width: 300px;">
            <div class="title">
                <%: Html.Language("TemperatureAnomaliesAlarmSettings")%></div>
            <div class="container">
                <div class="content">
                    <table style="margin: 20px auto;">
                        <tr>
                            <td>
                                <%: Html.Language("EnableTheAbnormalTemperatureAlarm")%>
                            </td>
                            <td class="align-right">
                                <input id="A09" type="checkbox" />
                            </td>
                        </tr>
                        <tr>
                            <td class="align-right">
                                 <%: Html.Language("HighTemperatureAlarmTemperature")%>℃
                            </td>
                            <td class="align-right">
                                <input id="A10" class="easyui-numberbox" style="width: 100px;" data-options="required:true,min:-100,max:100"
                                    value="0" />
                            </td>
                        </tr>
                        <tr>
                            <td class="align-right">
                                  <%: Html.Language("HighTemperatureAlarmTemperatureDeviation")%>℃
                            </td>
                            <td class="align-right">
                                <input id="A11" class="easyui-numberbox" style="width: 100px;" data-options="required:true,min:-100,max:100"
                                    value="0" />
                            </td>
                        </tr>
                        <tr>
                            <td class="align-right">
                                <%: Html.Language("LowTemperatureAlarmTemperature")%>℃
                            </td>
                            <td class="align-right">
                                <input id="A12" class="easyui-numberbox" style="width: 100px;" data-options="required:true,min:-100,max:100"
                                    value="0" />
                            </td>
                        </tr>
                        <tr>
                            <td class="align-right">
                                 <%: Html.Language("LowTemperatureDeviationAlarm")%>℃
                            </td>
                            <td class="align-right">
                                <input id="A13" class="easyui-numberbox" style="width: 100px;" data-options="required:true,min:-100,max:100"
                                    value="0" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- col1 end -->
    </div>
    <div id="col2">
        <div class="partbox" style="width: 300px;">
            <div class="title">
                <%: Html.Language("SafeExceptionAlarmSettings")%></div>
            <div class="container">
                <div class="content">
                    <table style="margin: 20px auto;">
                        <tr>
                            <td>
                                 <%: Html.Language("EnableNonGuestsInTheSafeOpenAlarm")%>
                            </td>
                            <td class="align-right">
                                <input id="A07" type="checkbox" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <%: Html.Language("CheckOutTheSafeAlarmOffEnabled")%>
                            </td>
                            <td class="align-right">
                                <input id="A08" type="checkbox" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="partbox" style="width: 300px;">
            <div class="title">
                <%: Html.Language("ServicePromptSettings")%></div>
            <div class="container">
                <div class="content">
                    <table style="margin: 20px auto;">
                        <tr>
                            <td>
                                SOS
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="B01" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("NoDisturb")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="B02" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                               <%: Html.Language("CleanUp")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="B03" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                 <%: Html.Language("Call")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="B04" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                 <%: Html.Language("CheckOut")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="B05" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("Washing")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="B06" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                  <%: Html.Language("GuestsAtTheDoorOpen")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="C01" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("NoOneDoorOpen")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="C02" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("NonGuestInTheBoxSwitch")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="C03" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                 <%: Html.Language("CheckOutTheSafeDepositBox")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="C04" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("RoomTemperatureAnomaly")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="C05" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <%: Html.Language("NonGuestAtTheDoor")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="C06" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                 <%: Html.Language("TheThermostatDropped")%>
                            </td>
                            <td class="align-right">
                                <input type="checkbox" id="C07" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
