{% extends "hostis-main.html" %}


{% block head %}
    {{ block.super }}
    <script>

        function change_field(field, field_name) {
            var fieldVal = field.val();
            if (field.is(':checkbox')) {
                if (field.is(':checked')) {
                    fieldVal = "TRUE";
                } else {
                    fieldVal = "FALSE";
                }
            }
            $.post("{% url 'hostis:update-hostis-setting-info-value' %}",
                {
                    'csrfmiddlewaretoken': '{{csrf_token}}',
                    field_name: field_name,
                    field_val: fieldVal
                }
            );
        }

        $(function () {
            $(document).tooltip();

            $("[id$='current_rx_num']").change(function () {
                change_field($(this), 'current_rx_num');
            });

            $("[id$='interface_ip']").change(function () {
                change_field($(this), 'interface_ip');
            });

            $("[id$='interface_port']").change(function () {
                change_field($(this), 'interface_port');
            });

            $("[id$='interface_timeout']").change(function () {
                change_field($(this), 'interface_timeout');
            });

            $("[id$='message_format']").change(function () {
                change_field($(this), 'message_format');
            });

        });
    </script>
{% endblock %}

{% block pagehead %}
    {% include 'hostis-pagehead.html' %}
{% endblock %}

{% block content %}
    <form name="settingsForm" id="settingsForm" class="form-horizontal" method="POST">
    {% csrf_token %}
        <div class="well well-small">
            <div class="control-group" style="margin-bottom: 5px;">
                <label class="control-label" for="id_current_rx_num">Current Rx Number: </label>
                <div class="controls">
                    {{ settings_form.current_rx_num }}
                </div>
            </div>
            <div class="control-group" style="margin-bottom: 5px;">
                <label class="control-label" for="id_interface_ip">Interface IP Address: </label>
                <div class="controls">
                    {{ settings_form.interface_ip }}
                </div>
            </div>
            <div class="control-group" style="margin-bottom: 5px;">
                <label class="control-label" for="id_interface_port">Interface IP Port: </label>
                <div class="controls">
                    {{ settings_form.interface_port }}
                </div>
            </div>
            <div class="control-group" style="margin-bottom: 5px;">
                <label class="control-label" for="id_interface_timeout">Interface Connection Timeout (secs): </label>
                <div class="controls">
                    {{ settings_form.interface_timeout }}
                </div>
            </div>
            <div class="control-group" style="margin-bottom: 5px;">
                <label class="control-label" for="id_message_format">Interface Message Type Tag: </label>
                <div class="controls">
                    {{ settings_form.message_format }}
                </div>
            </div>
        </div>
    </form>
{% endblock %}