{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $(document).tooltip();

            $("input[id$='-display']").change(function () {
                $.post("{% url 'support:support-update-maint-log-task-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            maint_log_task_id: $(this).attr("id").replace("-display", ""),
                            field_type: 'display',
                            field_val: $(this).val()});
            });

            $("select[id$='-freq-type']").change(function () {
                $.post("{% url 'support:support-update-maint-log-task-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            maint_log_task_id: $(this).attr("id").replace("-freq-type", ""),
                            field_type: 'freq_type',
                            field_val: $(this).val()});
            });

            $("input[id$='-num-days-labels']").change(function () {
                $.post("{% url 'support:support-update-maint-log-task-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            maint_log_task_id: $(this).attr("id").replace("-num-days-labels", ""),
                            field_type: 'num_days_labels',
                            field_val: $(this).val()});
            });

            $("input[id$='-warn-webui']").click(function () {
                 $.post("{% url 'support:support-update-maint-log-task-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            maint_log_task_id: $(this).attr("id").replace("-warn-webui", ""),
                            field_type: 'warn_webui',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-warn-hmi']").click(function () {
                 $.post("{% url 'support:support-update-maint-log-task-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            maint_log_task_id: $(this).attr("id").replace("-warn-hmi", ""),
                            field_type: 'warn_hmi',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-is-system-task']").click(function () {
                 $.post("{% url 'support:support-update-maint-log-task-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            maint_log_task_id: $(this).attr("id").replace("-is-system-task", ""),
                            field_type: 'is_system_task',
                            field_val: $(this).prop("checked")});
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    <form name="maintLogTaskForm" name="maintLogTaskeForm" method="POST">
        <table class="table table-bordered table-striped">
            <thead>
            <tr class="dosis-report-header">
                <th>Tag</th>
                <th>Description</th>
                <th>Task Frequency</th>
                <th>Num Days/Labels</th>
                <th>Show On Webui?</th>
                <th>Show On HMI?</th>
                <th>System Task?</th>
            </tr>
            </thead>
            <tbody>
            {% for task in maint_task_list %}
                <tr>
                    <td>{{ task.tag }}</td>
                    <td><input type="text" id="{{ task.id }}-display"
                                 name="{{ task.id }}-display" value="{{ task.display }}" style="width: 30em;"></td>
                    <td><select id="{{ task.id }}-freq-type" name="{{ task.id }}-freq-type" style="width: auto;">
                    {% for freq_type in maint_freq_list %}
                        <option value="{{ freq_type.id }}" {% if task.freq_type.id == freq_type.id %}selected{% endif %}>{{ freq_type.display }}</option>
                    {% endfor %}
                        </select></td>
                    <td><input type="text" id="{{ task.id }}-num-days-labels"
                                 name="{{ task.id }}-num-days-labels" value="{{ task.num_days_labels }}" style="width: 5em;"></td>
                    <td><input type="checkbox" id="{{ task.id }}-warn-webui" name="{{ task.id }}-warn-webui"
                               value="{{ task.id }}"
                               {% if task.warn_webui %}checked="checked"{% endif %}></td>
                    <td><input type="checkbox" id="{{ task.id }}-warn-hmi" name="{{ task.id }}-warn-hmi"
                               value="{{ task.id }}"
                               {% if task.warn_hmi %}checked="checked"{% endif %}></td>
                    <td><input type="checkbox" id="{{ task.id }}-is-system-task" name="{{ task.id }}-is-system-task"
                               value="{{ task.id }}"
                               {% if task.is_system_task %}checked="checked"{% endif %}></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </form>
{% endblock %}