{% extends "support.html" %}


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

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

            $("input[id$='-email-list']").change(function () {
                $.post("{% url 'support:support-update-alerter-rule-email-list' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            rule_id: $(this).attr("id").replace("-email-list", ""),
                            field_val: $(this).val()});
            });

            $("input[id$='-active']").click(function () {
                $.post("{% url 'support:support-update-alerter-rule-active' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            rule_id: $(this).attr("id").replace("-active", ""),
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-error-code-list']").change(function () {
                $.post("{% url 'support:support-update-alerter-rule-error-code-list' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            rule_id: $(this).attr("id").replace("-error-code-list", ""),
                            field_val: $(this).val()});
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    <form id="alerterRuleManageForm" name="alerterRuleManageForm" method="POST">
    {% csrf_token %}
    <table class="table table-bordered table-striped">
        <thead style="position: sticky; top: 0;">
        <tr class="dosis-report-header">
            <th>Tag</th>
            <th>Description</th>
            <th>Email List</th>
            <th>Error Code List</th>
            <th>Active</th>
        </tr>
        </thead>
        <tbody>
        {% for rule in rule_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ rule.tag }}</td>
                <td style="padding-bottom: 2px;">{{ rule.description }}</td>
                <td style="padding-bottom: 2px;"><input type="text" id="{{ rule.id }}-email-list"
                                                        name="{{ rule.id }}-email-list" value="{% if rule.email_list %}{{ rule.email_list }}{% endif %}"
                                                        style="width: 50em;"></td>
                <td style="padding-bottom: 2px;"><input type="text" id="{{ rule.id }}-error-code-list"
                                                        name="{{ rule.id }}-error-code-list" value="{% if rule.error_code_list %}{{ rule.error_code_list }}{% endif %}"
                                                        style="width: 15em;"></td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ rule.id }}-active" name="{{ rule.id }}-active" value="{{ rule.id }}"
                             {% if rule.active %}checked="checked"{% endif %}></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </form>
{% endblock %}