{% extends 'base.html' %}
{% load static %}

{% block Application_CSS_File %}
<link rel="stylesheet" type="text/css" href="{% static 'css/SNMP.css' %}">
{% endblock %}

{% block Application_JS_File %}
<script src="{% static 'js/SNMP.Click.js' %}"></script>
<script src="{% static 'js/SNMP.Blur.js' %}"></script>
<script src="{% static 'js/SNMP.h.js' %}"></script>
<script src="{% static 'js/SNMP.jpp.js' %}"></script>
{% endblock %}

<!-- 上方內容 -->
{% block Main_Top-General %}
{% endblock %}

<!-- 當前網頁路徑 -->
{% block Main_Top-Path %}
{% endblock %}

<!-- 左方列表-->
{% block Main_Left-List %}
	{% include 'LeftList_AdvancedSetting.html' %}
{% endblock %}

<!-- 中央內容 -->
{% block Main_Center-Content %}
	<div class="FormTitle">SNMP</div>
	<!--內容設定-->
	<div class="Form" style="width:100%">
        <!--開機自動啟用-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">啟用</div>
            <div class="RightColumn" style="width:70%">
                {% if form.SNMPEnable == True %}
                    <input class="Checkbox" type="checkbox" checked />
                {% else %}
                    <input class="Checkbox" type="checkbox"/>
                {% endif %}
            </div>
        </div>
        <!--SNMP版本-->
		<div class="Row">
			<div class="LeftColumn" style="height:50px;">版本</div>
        	<div class="RightColumn" style="width:70%">
                <select id="ProtocolVersion" class="Select">
                    {% if form.SNMPVersion == "3" %}
                        <option value="3" selected="selected">3(建議)</option>
                        <option value="2c">2c</option>
                        <option value="1">1</option>
                    {% elif form.SNMPVersion == "2" %}
                        <option value="3">3(建議)</option>
                        <option value="2" selected="selected">2</option>
                        <option value="1">1</option>
                    {% else %}
                        <option value="3">3(建議)</option>
                        <option value="2">2</option>
                        <option value="1" selected="selected">1</option>
                    {% endif %}
                </select>
        	</div>
		</div>
		<!--設備OID-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">設備OID</div>
            <div class="RightColumn" style="width:70%">
                <input class="Text" type="text" value="{{ form.OID }}">
                <div class="Message">{{ lang.SNMP.InvalidFormat }}</div>
            </div>
        </div>
        <!--Read Community-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">Read Community</div>
            <div class="RightColumn" style="width:70%">
                <input class="Text" type="text" value="{{ form.ReadCommunity }}">
                <div class="Message">{{ lang.SNMP.InvalidFormat }}</div>
            </div>
        </div>
        <!--Write Community-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">Write Community</div>
            <div class="RightColumn" style="width:70%">
                <input class="Text" type="text" value="{{ form.WriteCommunity }}">
                <div class="Message">{{ lang.SNMP.InvalidFormat }}</div>
            </div>
        </div>
        <!--連接埠-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">連接埠</div>
            <div class="RightColumn" style="width:70%">
                <input class="Text" type="text" value="{{ form.Port }}">
                <div class="Message">{{ lang.SNMP.InvalidFormat }}</div>
            </div>
        </div>
        <!--USM User-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">USM User</div>
            <div class="RightColumn" style="width:70%">
                <input class="Text" type="text" value="{{ form.USM }}">
                <div class="Message">{{ lang.SNMP.InvalidFormat }}</div>
            </div>
        </div>
        <!--驗證算法-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">驗證算法</div>
            <div class="RightColumn" style="width:70%">
                <select id="AuthAlgorithm" class="Select">
                    {% if form.AuthAlgorithm == "MD5" %}
                        <option value="MD5" selected="selected">MD5</option>
                        <option value="SHA">SHA</option>
                        <option value="SHA224">SHA224</option>
                        <option value="SHA256">SHA256</option>
                        <option value="SHA384">SHA384</option>
                        <option value="SHA512">SHA512</option>
                    {% elif form.AuthAlgorithm == "SHA" %}
                        <option value="MD5">MD5</option>
                        <option value="SHA" selected="selected">SHA</option>
                        <option value="SHA224">SHA224</option>
                        <option value="SHA256">SHA256</option>
                        <option value="SHA384">SHA384</option>
                        <option value="SHA512">SHA512</option>
                    {% elif form.AuthAlgorithm == "SHA224" %}
                        <option value="MD5">MD5</option>
                        <option value="SHA">SHA</option>
                        <option value="SHA224" selected="selected">SHA224</option>
                        <option value="SHA256">SHA256</option>
                        <option value="SHA384">SHA384</option>
                        <option value="SHA512">SHA512</option>
                    {% elif form.AuthAlgorithm == "SHA256" %}
                        <option value="MD5">MD5</option>
                        <option value="SHA">SHA</option>
                        <option value="SHA224">SHA224</option>
                        <option value="SHA256" selected="selected">SHA256</option>
                        <option value="SHA384">SHA384</option>
                        <option value="SHA512">SHA512</option>
                    {% elif form.AuthAlgorithm == "SHA384" %}
                        <option value="MD5">MD5</option>
                        <option value="SHA">SHA</option>
                        <option value="SHA224">SHA224</option>
                        <option value="SHA256">SHA256</option>
                        <option value="SHA384" selected="selected">SHA384</option>
                        <option value="SHA512">SHA512</option>
                    {% else %}
                        <option value="MD5">MD5</option>
                        <option value="SHA">SHA</option>
                        <option value="SHA224">SHA224</option>
                        <option value="SHA256">SHA256</option>
                        <option value="SHA384">SHA384</option>
                        <option value="SHA512" selected="selected">SHA512</option>
                    {% endif %}
                </select>
            </div>
        </div>
        <!--驗證密碼-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">驗證密碼</div>
            <div class="RightColumn" style="width:70%">
                <input type="password" value="{{ form.AuthAlgorithmPassword }}">
                <div class="Message">{{ lang.SNMP.InvalidFormat }}</div>
            </div>
        </div>
        <!--隱私算法-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">隱私算法</div>
            <div class="RightColumn" style="width:70%">
                <select id="PrivateAlgorithm" class="Select">
                    {% if form.AuthAlgorithm == "DES" %}
                        <option value="DES" selected="selected">DES</option>
                        <option value="AES">AES</option>
                        <option value="AES192">AES192</option>
                        <option value="AES256">AES256</option>
                        <option value="3DES">3DES</option>
                    {% elif form.AuthAlgorithm == "AES" %}
                        <option value="DES"">DES</option>
                        <option value="AES" selected="selected">AES</option>
                        <option value="AES192">AES192</option>
                        <option value="AES256">AES256</option>
                        <option value="3DES">3DES</option>
                    {% elif form.AuthAlgorithm == "AES192" %}
                        <option value="DES"">DES</option>
                        <option value="AES">AES</option>
                        <option value="AES192" selected="selected">AES192</option>
                        <option value="AES256">AES256</option>
                        <option value="3DES">3DES</option>
                    {% elif form.AuthAlgorithm == "AES256" %}
                        <option value="DES">DES</option>
                        <option value="AES">AES</option>
                        <option value="AES192">AES192</option>
                        <option value="AES256" selected="selected">AES256</option>
                        <option value="3DES">3DES</option>
                    {% else %}
                        <option value="DES">DES</option>
                        <option value="AES">AES</option>
                        <option value="AES192">AES192</option>
                        <option value="AES256">AES256</option>
                        <option value="3DES" selected="selected">3DES</option>
                    {% endif %}
                </select>
            </div>
        </div>
        <!--隱私密碼-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;">隱私密碼</div>
            <div class="RightColumn" style="width:70%">
                <input type="password" value="{{ form.PrivateAlgorithmPassword }}">
                <div class="Message">{{ lang.SNMP.InvalidFormat }}</div>
            </div>
        </div>
        <!--儲存按鈕-->
        <div class="Row">
            <div class="LeftColumn" style="height:50px;"></div>
            <div class="RightColumn" style="width:70%">
                <button class="Button" style="float: left;" onclick="SNMPSaveButton_click(this)">儲存</button>
                 <div class="Message">{{ lang.SNMP.SaveSuccess }}</div>
                <div class="Message">{{ lang.SNMP.SaveFailed }}</div>
                <div class="Message">{{ lang.SNMP.CheckFormat }}</div>
            </div>
        </div>
	</div>
{% endblock %}

<!-- 下方資訊-->
{% block Main_Bottom-Information %}
{% endblock %}