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


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

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

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

            $("input[id$='-tag']").keyup(function () {
                 this.value = this.value.toUpperCase();
             });

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

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

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

{% block sub-content %}
    <table class="table table-bordered table-striped">
        <thead style="position: sticky; top: 0; z-index: 1">
        <tr class="dosis-report-header">
            {% include 'report-table-header.html' %}
            <th><i class="icon-th-list"></i></th>
        </tr>
        </thead>
        <tbody>
        {% for fac in facility_list %}
            <tr>
                <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;"><input type="text" id="{{ fac.id }}-tag" name="{{ fac.id }}-tag" value="{{ fac.tag }}"/></td>
                <td style="padding-bottom: 2px;"><input type="text" id="{{ fac.id }}-route-name" name="{{ fac.id }}-route-name" value="{{ fac.route_name }}"/></td>
                <td style="padding-bottom: 2px;"><a href="{% url 'site:settings-facility-timing' fac.id %}"><i title="Edit Facility Timing"
                                                                                        class="icon-time"></i></a>&nbsp;&nbsp;&nbsp;</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% include 'pagenav.html' %}
{% endblock %}