<div class="row">
    <div class="col-xs-3">
        <h2>Pond 1</h2>
        <form class="form-inline">
            <div class="form-group">
                <label for="high-setpoint-1">High Setpoint</label>
                <input class="form-control setpoint"
                    id="high-setpoint-1"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond1highalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond1highalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond1highalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond1highalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond1highalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond1highalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>

        <br />
        <hr />
        <br />

        <form class="form-inline">
            <div class="form-group">
                <label for="low-setpoint-1">Low Setpoint</label>
                <input class="form-control setpoint"
                    id="low-setpoint-1"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond1lowalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond1lowalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond1lowalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond1lowalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond1lowalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond1lowalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>
    </div>

    <div class="col-xs-3">
        <h2>Pond 2</h2>
        <form class="form-inline">
            <div class="form-group">
                <label for="high-setpoint-2">High Setpoint</label>
                <input class="form-control setpoint"
                    id="high-setpoint-2"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond2highalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond2highalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond2highalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond2highalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond2highalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond2highalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>

        <br />
        <hr />
        <br />

        <form class="form-inline">
            <div class="form-group">
                <label for="low-setpoint-2">Low Setpoint</label>
                <input class="form-control setpoint"
                    id="low-setpoint-2"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond2lowalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond2lowalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond2lowalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond2lowalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond2lowalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond2lowalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>
    </div>

    <div class="col-xs-3">
        <h2>Pond 3</h2>
        <form class="form-inline">
            <div class="form-group">
                <label for="high-setpoint-3">High Setpoint</label>
                <input class="form-control setpoint"
                    id="high-setpoint-3"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond3highalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond3highalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond3highalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond3highalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond3highalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond3highalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>

        <br />
        <hr />
        <br />

        <form class="form-inline">
            <div class="form-group">
                <label for="low-setpoint-3">Low Setpoint</label>
                <input class="form-control setpoint"
                    id="low-setpoint-3"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond3lowalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond3lowalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond3lowalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond3lowalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond3lowalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond3lowalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>
    </div>

    <div class="col-xs-3">
        <h2>Pond 4</h2>
        <form class="form-inline">
            <div class="form-group">
                <label for="high-setpoint-4">High Setpoint</label>
                <input class="form-control setpoint"
                    id="high-setpoint-4"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond4highalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond4highalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond4highalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond4highalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond4highalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond4highalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>
        <br />
        <hr />
        <br />

        <form class="form-inline">
            <div class="form-group">
                <label for="low-setpoint-4">Low Setpoint</label>
                <input class="form-control setpoint"
                    id="low-setpoint-4"
                    type="number"
                    step="0.1"
                    value="<%= channels["plcpond.pond4lowalarmsetpoint"].value %>" />
                <a href="#"
                    data-confirm-message="Are you sure you want to do this?"
                    data-refreshpause="1"
                    data-command=""
                    data-staticsend="1"
                    data-channelId="<%= channels["plcpond.pond4lowalarmsetpoint"].channelId %>"
                    data-techname="<%=channels["plcpond.pond4lowalarmsetpoint"].techName %>"
                    data-name="<%= channels["plcpond.pond4lowalarmsetpoint"].name%>"
                    data-nodechannelcurrentId="<%= channels["plcpond.pond4lowalarmsetpoint"].nodechannelcurrentId %>"
                    id="<%= channels["plcpond.pond4lowalarmsetpoint"].channelId %>"
                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">
    $("#high-setpoint-1").change(function(){
        $("#<%= channels["plcpond.pond1highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-1").val());
    })

    $("#high-setpoint-2").change(function(){
        $("#<%= channels["plcpond.pond2highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-2").val());
    })

    $("#high-setpoint-3").change(function(){
        $("#<%= channels["plcpond.pond3highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-3").val());
    })

    $("#high-setpoint-4").change(function(){
        $("#<%= channels["plcpond.pond4highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-4").val());
    })

    $("#low-setpoint-1").change(function(){
        $("#<%= channels["plcpond.pond1lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-1").val());
    })

    $("#low-setpoint-2").change(function(){
        $("#<%= channels["plcpond.pond2lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-2").val());
    })

    $("#low-setpoint-3").change(function(){
        $("#<%= channels["plcpond.pond3lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-3").val());
    })

    $("#low-setpoint-4").change(function(){
        $("#<%= channels["plcpond.pond4lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-4").val());
    })


</script>
