{% if delete == true then %}
<div id="info">
    <div style="background:url(images/busconfig.png); background-size:32px; background-repeat:no-repeat; background-position: 20px center;">
        <center><h1>Edit SNMP Device</h1></center>
    </div>
</div>
<div id="info">
    <center>
        <h2><img src="images/ok.png"/> Device Deleted</h2>
        Device with filename "{{file}}" has been removed.<br><br>
        <a href="rsm_snmp_config.lua">Back to SNMP Configuration</a>
    </center>
</div>
{% else %}
<script>
    var doValidate = 0;
    function validateForm(form)
    {
        
        if (form.getAttribute('submitted')) return false;
        
        if (!doValidate)
        {
            form.setAttribute('submitted','true');
            return true;
        }
        doValidate = 0;
        
        var inputs = form.getElementsByTagName("input");
        
        var loop;
        var errors = 0;
        for (loop = 0; loop < 2; loop++)
        {
            var warning = document.getElementById("warning"+loop);
            if (inputs[loop].value == "")
            {
                if (!warning)
                {
                    warning = document.createElement("span");
                    warning.id = "warning"+loop;
                    warning.innerHTML = " <img src='images/warning.png' alt='Cannot be blank' title='Cannot be blank'/>";
                    inputs[loop].parentNode.appendChild(warning);
                }
                errors++;
            }
            else
            {
                if (warning)
                {
                    warning.parentNode.removeChild(warning);
                }
            }
        }
        
        var template = document.getElementById("template");
        warning = document.getElementById("templatewarning");                            
        if (template.value == "Select a template")
        {
            if (!warning)
            {
                warning = document.createElement("span");
                warning.id = "templatewarning";
                warning.innerHTML = " <img src='images/warning.png' alt='Choose a valid templatek' title='Choose a valid template'/>";
                template.parentNode.appendChild(warning);
            }
            errors++;
        }
        else
        {
            if (warning)
            {
                warning.parentNode.removeChild(warning);
            }
        }
        
        if (errors)
        {
            alert("Not all fields have been filled in.\nPlease enter/select valid values for the indicated fields.");
            return false;
        }
        else
        {
            form.setAttribute('submitted','true');
            return true;
        }
    }

</script>    
{% if mode == "new" then %}
<div id="info">
    <div style="background:url(images/busconfig.png); background-size:32px; background-repeat:no-repeat; background-position: 20px center;">
        <center><h1>Add New SNMP Device</h1></center>
    </div>
</div>
{% else %}
<div id="info">
    <div style="background:url(images/busconfig.png); background-size:32px; background-repeat:no-repeat; background-position: 20px center;">
        <center><h1>Edit SNMP Device</h1></center>
    </div>
</div>
<h3>Editing device "{{device.label}}" with filename "{{file}}" :</h3>
{% end %}

{% if userLevel == 1 then %}
<center><b>Note:</b> Editing this section requires administrator privileges.</center><br>
{% end %}
<form action="rsm_snmp_edit.lua" method="post" onsubmit="return validateForm(this);">
    <div class="formLayoutfull">
        <table class="onetwo">
            <tr>
                <td style="padding: 5px;" width="30%"><b>Device Label:</b></td>
                <td style="padding: 5px;" width="70%"><input type="text" name="label" value="{{device.label}}" {{inputControl}}/></td>
            </tr>
            <tr>
                <td style="padding: 5px;"><b>Device Serial:</b></td>
                <td style="padding: 5px;">{{device.serial}}</td>
            </tr>
            <tr>
                <td style="padding: 5px;"><b>Template File:</b></td>
                <td style="padding: 5px;">
                    <select name="template" {{buttonControl}} id="template">
                        <option disabled {% if mode == "new" then %} selected {% end %} >Select a template</option>
                        {% for _,t in pairs(templates) do %}
                        <option value={{t.file}} {{t.selected}} >{{t.desc}}</option>
                        {% end %}
                    </select>
                </td>
            </tr>
            <tr>
                <td style="padding: 5px;"><b>Host address:</b></td>
                <td style="padding: 5px;"><input type="text" name="host" value="{{device.host}}" {{inputControl}}/></td>
            </tr>
            <tr>
                <td style="padding: 5px;"><b>Community:</b></td>
                <td style="padding: 5px;"><input type="text" name="community" value="{{device.community}}" {{inputControl}}/></td>
            </tr>
            <tr>
                <td style="padding: 5px;"><b>Version:</b></td>
                <td style="padding: 5px;">
                    <select name="version" {{buttonControl}}/>
                       <option value="1" {% if device.version == "1" then %} selected {% end %}>1</option>
                       <option value="2c" {% if device.version == "2c" then %} selected {% end %}>2c</option>
                    </select>
                </td>
            </tr>
        </table>
        <br>
        <hr>
        <br>
    {% if saved == true then %}
        {% if createdNew == true then %}
        <b><img src="images/ok.png"/> Saved new device with serial {{device.serial}}</b><br><br>
        {% else %}
        <b><img src="images/ok.png"/> Changes saved.</b><br><br>
        {% end %}
    {% end %}

        <input type="hidden" name="file" value="{{file}}"/>
        <input type="button" name="backButton" value="Back to SNMP Configuration" onclick="window.location.assign('rsm_snmp_config.lua');"/>
        <input type="submit" name="saveButton" value="Save and Apply" {{buttonControl}} onclick="doValidate = 1;"/>
        {% if mode == "edit" then %}
        <input type="submit" name="deleteButton" value="Delete Device" {{buttonControl}} onclick="return confirm('Are you sure you want to delete this device?');"/>
        {% end %}
    </div>
</form>
{% end %}