{% extends "facility-rules-container.html" %}


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

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

            $("#tab-facility-priority").attr("class", "active");

            $("select[id$='-priority']").change(function () {
                var facid = $(this).attr("id");
                facid = facid.replace("-priority", "");
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: facid,
                            field_type: 'priority',
                            field_val: $(this).val()});
            });

            $("#multi_fac_priority_set").change(function () {
                var data = { 'selected_fac_ids' : []};
                $("input:checkbox:checked").each(function() {
                    data['selected_fac_ids'].push($(this).val());
                });
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'priority',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("#check-all").click(function () {
                $(".selfaccheckbox").prop('checked', $(this).prop('checked'));
                if ($(this).prop('checked')) {
                    $("#multi-select-action").show();
                } else {
                    $("#multi-select-action").hide();
                }
            });

            $(".selfaccheckbox").change(function () {
                if ($("input:checkbox:checked").length > 0) {
                    $("#multi-select-action").show();
                } else {
                    $("#multi-select-action").hide();
                }
            });
        });
    </script>
{% endblock %}

{% block sub-content %}
    <div id="multi-select-action" style="display: none;">
        Change Selected Default Priority to: <select style="width: auto;" id="multi_fac_priority_set" name="multi_fac_priority_set">
                        <option value=""></option>
                        {% for priority in priority_list %}
                            <option value="{{ priority.tag }}">{{ priority.description }}</option>
                        {% endfor %}
                    </select>
    </div>
    <table class="table table-bordered table-striped">
        <thead style="position: sticky; top: 0; z-index: 1">
        <tr class="dosis-report-header">
            <th><input type="checkbox" name="check-all" id="check-all"/></th>
            {% include 'report-table-header.html' %}
        </tr>
        </thead>
        <tbody>
        {% for fac in facility_list %}
            <tr>
                <td style="padding-bottom: 2px;"><input class="selfaccheckbox" type="checkbox" name="sel_fac_{{ fac.id }}" id="sel_fac_{{ fac.id }}" value="{{ fac.id }}"/></td>
                <td style="padding-bottom: 2px;">{{ fac.label_id }}</td>
                <td style="padding-bottom: 2px;">{{ fac.label_name }}</td>
                <td style="padding-bottom: 2px;">{% for lookup in fac.lookup %}{% if not forloop.first %}; {% endif %}{{ lookup }}{% endfor %}</td>
                <td style="padding-bottom: 2px;"><select style="width: auto;" id="{{ fac.id }}-priority" name="{{ fac.id }}-priority">
                    {% for priority in priority_list %}
                            <option value="{{ priority.tag }}" {% if priority.tag == fac.default_priority_tag %}selected{% endif %}>{{ priority.description }}</option>
                        {% endfor %}
                </select></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% include 'pagenav.html' %}
{% endblock %}