{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $("#add-sub-rule").dialog({
                autoOpen: false,
                closeOnEscape: false,
                modal: true,
                draggable: false,
                width: 1000,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            document.addSubRuleForm.submit();
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("#btn-add-sub-rule").click(function () {
                $("#add-sub-rule").dialog("open");
            });

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

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

{% block content %}
    <a href="{% url 'site:settings-customer-manage-facilities' %}">Back To Facility Management</a>
    <p>&nbsp;</p>
    <form name="facilitySubRuleForm" id="facilitySubRuleForm" method="POST">
        {% csrf_token %}
        {{ sub_rule_form.management_form }}
        <table class="table table-bordered table-striped" style="width: 500px;">
            <thead>
            <tr class="dosis-report-header">
                <th>Wing</th>
                <th>Floor</th>
                <th>Room</th>
                <th>Bed</th>
                <th>Process</th>
                <th>Auto Fill</th>
                <th>Manual Fill</th>
                <th>Bypass</th>
                <th>mPAQ</th>
                <th>Per Diem</th>
                <th>Active</th>
                <th>Delete</th>
            </tr>
            </thead>
            <tbody>
            {% for frm in sub_rule_form %}
                <tr>
                    <td style="padding-bottom: 2px;">{{ frm.id }}{{ frm.wing }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.floor }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.room }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.bed }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.allow_processing }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.allow_automation_fill }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.allow_manual_fill }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.allow_bypass }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.allow_mprint }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.allow_per_diem_cards }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.active }}</td>
                    {% if sub_rule_form.can_delete %}
                        <td style="padding-bottom: 2px;">{{ frm.DELETE }}</td>
                    {% else %}
                        <td>&nbsp;</td>
                    {% endif %}
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <div>
            <button type="button" name="btn-add-sub-rule" id="btn-add-sub-rule" class="btn">Add Sub Rule</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button name="btn-update-sub-rules" id="btn-update-sub-rules" class="btn">Update Values</button>
        </div>
    </form>
    <div id="add-sub-rule" title="Add Facility Sub Rule" style="margin-left: 2px;">
        <form id="addSubRuleForm" name="addSubRuleForm" method="POST">
            {% csrf_token %}
            <input type="hidden" id="add_sub_rule_flag" name="add_sub_rule_flag" value="ADD"/>
            <input type="hidden" name="{{ add_sub_rule_form.active.html_name }}" value="True"/>
            <div class="alert alert-error" id="add-sub-rule-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="add-sub-rule-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">Wing: {{ add_sub_rule_form.wing }}</td>
                    <td class="site-drug-edit-td">Floor: {{ add_sub_rule_form.floor }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Room: {{ add_sub_rule_form.room }}</td>
                    <td class="site-drug-edit-td">Bed: {{ add_sub_rule_form.bed }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ add_sub_rule_form.allow_processing }} Allow Processing?</td>
                    <td class="site-drug-edit-td">{{ add_sub_rule_form.allow_automation_fill }} Allow Automation Fill?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ add_sub_rule_form.allow_manual_fill }} Allow Manual Fill?</td>
                    <td class="site-drug-edit-td">{{ add_sub_rule_form.allow_bypass }} Allow Bypass?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ add_sub_rule_form.allow_mprint }} Allow mPAQ?</td>
                    <td class="site-drug-edit-td">{{ add_sub_rule_form.allow_per_diem_cards }} Allow Per Diem Cards?</td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}