{% extends base_template %}



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

        function get_fac_id(field, field_name) {
            var lookupid = field.attr("id");
            lookupid = lookupid.replace(field_name, "");
            return $("#" + lookupid + '-id').val();
        }

        function get_selected_fac_ids() {
            var data = { 'selected_fac_ids' : []};
            $(".selfaccheckbox:checkbox:checked").each(function() {
                data['selected_fac_ids'].push($(this).val());
            });

            return data;
        }

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

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

            $("input[id$='-allow-processing-interface']").click(function () {
                var ifaceid = $(this).attr("id");
                ifaceid = ifaceid.replace("-allow-processing-interface", "");
                $.post("{% url 'site:settings-update-interface-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            interface_id: ifaceid,
                            field_type: 'allow_processing',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-automation-fill-interface']").click(function () {
                var ifaceid = $(this).attr("id");
                ifaceid = ifaceid.replace("-allow-automation-fill-interface", "");
                $.post("{% url 'site:settings-update-interface-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            interface_id: ifaceid,
                            field_type: 'allow_automation_fill',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-bypass-interface']").click(function () {
                var ifaceid = $(this).attr("id");
                ifaceid = ifaceid.replace("-allow-bypass-interface", "");
                $.post("{% url 'site:settings-update-interface-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            interface_id: ifaceid,
                            field_type: 'allow_bypass',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-manual-fill-interface']").click(function () {
                var ifaceid = $(this).attr("id");
                ifaceid = ifaceid.replace("-allow-manual-fill-interface", "");
                $.post("{% url 'site:settings-update-interface-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            interface_id: ifaceid,
                            field_type: 'allow_manual_fill',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-wo-processing-interface']").click(function () {
                var ifaceid = $(this).attr("id");
                ifaceid = ifaceid.replace("-allow-wo-processing-interface", "");
                $.post("{% url 'site:settings-update-interface-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            interface_id: ifaceid,
                            field_type: 'allow_wo_processing',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-processing-pharm']").click(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-allow-processing-pharm", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'allow_processing',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-automation-fill-pharm']").click(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-allow-automation-fill-pharm", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'allow_automation_fill',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-bypass-pharm']").click(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-allow-bypass-pharm", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'allow_bypass',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-manual-fill-pharm']").click(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-allow-manual-fill-pharm", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'allow_manual_fill',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-do_accept']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: get_fac_id($(this), "-do-accept"),
                            field_type: 'do-accept',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow_processing']").click(function () {
                let checkbox = $(this);
                let fac_id = $(this).attr('id').replace('-allow_processing', '');
                let label_id = $('#' + fac_id + '-label_id').val();
                if ($(this).prop('checked')) {
                    $('#confirm-text').text('Do you want to enable processing for ' + label_id + '?');
                } else {
                    $('#confirm-text').text('Do you want to disable processing for ' + label_id + '?');
                }

                fac_id = get_fac_id($(this), "-allow_processing")
                let field_val = $(this).prop("checked")

                $("#confirmation_div").dialog({
                    title: 'Confirm Change',
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            click: function () {
                                checkbox.prop('checked', !field_val)
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "Confirm",
                            "class": 'modal-dialog-button-float-right',
                            click: function () {
                                $(this).dialog("close");
                                $.post("{% url 'site:settings-update-facility-field' %}",
                                    {'csrfmiddlewaretoken': '{{csrf_token}}',
                                        fac_id: fac_id,
                                        field_type: 'allow_processing',
                                        field_val: field_val
                                    });
                            }
                        }
                    ]
                });
            });

            $("input[id$='-allow_automation_fill']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: get_fac_id($(this), "-allow_automation_fill"),
                            field_type: 'allow_automation_fill',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow_bypass']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: get_fac_id($(this), "-allow_bypass"),
                            field_type: 'allow_bypass',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow_manual_fill']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: get_fac_id($(this), "-allow_manual_fill"),
                            field_type: 'allow_manual_fill',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow_time_pass']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: get_fac_id($(this), "-allow_time_pass"),
                            field_type: 'allow_time_pass',
                            field_val: $(this).prop("checked")});
            });

            $("button[id^='multi-fac-accept-']").click(function () {
                let field_val = $(this).val();
                let data = get_selected_fac_ids();
                if (field_val !== 'false') {
                    $('#confirm-text').text('Do you want to enable accept for ' + data['selected_fac_ids'].length + ' facilities?');
                } else {
                    $('#confirm-text').text('Do you want to disable accept for ' + data['selected_fac_ids'].length + ' facilities?');
                }

                $("#confirmation_div").dialog({
                    title: 'Confirm Change',
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "Confirm",
                            "class": 'modal-dialog-button-float-right',
                            click: function () {
                                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                                            sel_fac_ids: data['selected_fac_ids'],
                                            field_type: 'do_accept',
                                            field_val: field_val},
                                        function() {
                                             window.location.reload(true);
                                });
                            }
                        }
                    ]
                });
            });

            $("button[id^='multi-fac-processing-']").click(function () {
                let field_val = $(this).val();
                let data = get_selected_fac_ids();
                if (field_val !== 'false') {
                    $('#confirm-text').text('Do you want to enable processing for ' + data['selected_fac_ids'].length + ' facilities?');
                } else {
                    $('#confirm-text').text('Do you want to disable processing for ' + data['selected_fac_ids'].length + ' facilities?');
                }

                $("#confirmation_div").dialog({
                    title: 'Confirm Change',
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "Confirm",
                            "class": 'modal-dialog-button-float-right',
                            click: function () {
                                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                                            sel_fac_ids: data['selected_fac_ids'],
                                            field_type: 'allow_processing',
                                            field_val: field_val},
                                        function() {
                                             window.location.reload(true);
                                });
                            }
                        }
                    ]
                });
            });

            $("button[id^='multi-fac-automation-']").click(function () {
                let field_val = $(this).val();
                let data = get_selected_fac_ids();
                if (field_val !== 'false') {
                    $('#confirm-text').text('Do you want to enable automation for ' + data['selected_fac_ids'].length + ' facilities?');
                } else {
                    $('#confirm-text').text('Do you want to disable automation for ' + data['selected_fac_ids'].length + ' facilities?');
                }

                $("#confirmation_div").dialog({
                    title: 'Confirm Change',
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "Confirm",
                            "class": 'modal-dialog-button-float-right',
                            click: function () {
                                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                                            sel_fac_ids: data['selected_fac_ids'],
                                            field_type: 'allow_automation_fill',
                                            field_val: field_val},
                                        function() {
                                             window.location.reload(true);
                                });
                            }
                        }
                    ]
                });
            });

            $("button[id^='multi-fac-bypass-']").click(function () {
                let field_val = $(this).val();
                let data = get_selected_fac_ids();
                if (field_val !== 'false') {
                    $('#confirm-text').text('Do you want to enable bypass for ' + data['selected_fac_ids'].length + ' facilities?');
                } else {
                    $('#confirm-text').text('Do you want to disable bypass for ' + data['selected_fac_ids'].length + ' facilities?');
                }

                $("#confirmation_div").dialog({
                    title: 'Confirm Change',
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "Confirm",
                            "class": 'modal-dialog-button-float-right',
                            click: function () {
                                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                                            sel_fac_ids: data['selected_fac_ids'],
                                            field_type: 'allow_bypass',
                                            field_val: field_val},
                                        function() {
                                             window.location.reload(true);
                                });
                            }
                        }
                    ]
                });
            });

            $("button[id^='multi-fac-manual-fill-']").click(function () {
                let field_val = $(this).val();
                let data = get_selected_fac_ids();
                if (field_val !== 'false') {
                    $('#confirm-text').text('Do you want to enable manual fill for ' + data['selected_fac_ids'].length + ' facilities?');
                } else {
                    $('#confirm-text').text('Do you want to disable manual fill for ' + data['selected_fac_ids'].length + ' facilities?');
                }

                $("#confirmation_div").dialog({
                    title: 'Confirm Change',
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "Confirm",
                            "class": 'modal-dialog-button-float-right',
                            click: function () {
                                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                                            sel_fac_ids: data['selected_fac_ids'],
                                            field_type: 'allow_manual_fill',
                                            field_val: field_val},
                                        function() {
                                             window.location.reload(true);
                                });
                            }
                        }
                    ]
                });
            });

            $("button[id^='multi-fac-timepass-']").click(function () {
                let field_val = $(this).val();
                let data = get_selected_fac_ids();
                if (field_val !== 'false') {
                    $('#confirm-text').text('Do you want to enable timepass for ' + data['selected_fac_ids'].length + ' facilities?');
                } else {
                    $('#confirm-text').text('Do you want to disable timepass fill for ' + data['selected_fac_ids'].length + ' facilities?');
                }

                $("#confirmation_div").dialog({
                    title: 'Confirm Change',
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            click: function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text: "Confirm",
                            "class": 'modal-dialog-button-float-right',
                            click: function () {
                                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                                            sel_fac_ids: data['selected_fac_ids'],
                                            field_type: 'allow_time_pass',
                                            field_val: field_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 ($(".selfaccheckbox:checkbox:checked").length > 0) {
                    $("#multi-select-action").show();
                } else {
                    $("#multi-select-action").hide();
                }
            });


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

{% block sub-content %}
    <table class="table table-bordered table-striped">
        <caption style="font-weight: bold; font-size: 18pt; padding-bottom: 5px;">Interface</caption>
        <thead>
        <tr class="dosis-report-header">
            <th>Interface</th>
            <th>Allow Processing</th>
            <th>Allow Automation</th>
            <th>Allow Bypass</th>
            <th>Allow Manual Fill</th>
            <th>Allow Workorder Processing</th>
        </tr>
        </thead>
        <tbody>
        {% for itm in interface_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ itm.display_name }}</td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ itm.id }}-allow-processing-interface"
                                                        name="{{ itm.id }}-allow-processing-interface"
                                                        {% if itm.allow_processing %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ itm.id }}-allow-automation-fill-interface"
                                                        name="{{ itm.id }}-allow-automation-fill-interface"
                                                        {% if itm.allow_automation_fill %}checked{% endif %} {% if not automation_available %}disabled{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ itm.id }}-allow-bypass-interface"
                                                        name="{{ itm.id }}-allow-bypass-interface"
                                                        {% if itm.allow_bypass %}checked{% endif %} {% if not bypass_available %}disabled{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ itm.id }}-allow-manual-fill-interface"
                                                        name="{{ itm.id }}-allow-manual-fill-interface"
                                                        {% if itm.allow_manual_fill %}checked{% endif %} {% if not manual_fill_available %}disabled{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ itm.id }}-allow-wo-processing-interface"
                                                        name="{{ itm.id }}-allow-wo-processing-interface"
                                                        {% if itm.allow_wo_processing %}checked{% endif %}>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <br/>
    <table class="table table-bordered table-striped">
        <caption style="font-weight: bold; font-size: 18pt; padding-bottom: 5px;">Pharmacy</caption>
        <thead>
        <tr class="dosis-report-header">
            <th>Pharmacy</th>
            <th>Allow Processing</th>
            <th>Allow Automation</th>
            <th>Allow Bypass</th>
            <th>Allow Manual Fill</th>
        </tr>
        </thead>
        <tbody>
        {% for pharm in pharmacy_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ pharm.display_name }}</td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-allow-processing-pharm"
                                                        name="{{ pharm.id }}-allow-processing-pharm"
                                                        {% if pharm.allow_processing %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-allow-automation-fill-pharm"
                                                        name="{{ pharm.id }}-allow-automation-fill-pharm"
                                                        {% if pharm.allow_automation_fill %}checked{% endif %} {% if not automation_available %}disabled{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-allow-bypass-pharm"
                                                        name="{{ pharm.id }}-allow-bypass-pharm"
                                                        {% if pharm.allow_bypass %}checked{% endif %} {% if not bypass_available %}disabled{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-allow-manual-fill-pharm"
                                                        name="{{ pharm.id }}-allow-manual-fill-pharm"
                                                        {% if pharm.allow_manual_fill %}checked{% endif %} {% if not manual_fill_available %}disabled{% endif %}>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <br/>
    <div id="multi-select-action" style="display: none;">
        Change Selected Allows: &nbsp;&nbsp;Accept? <button class="btn" id="multi-fac-accept-yes" name="multi-fac-accept-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-accept-no" name="multi-fac-accept-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
        Processing? <button class="btn" id="multi-fac-processing-yes" name="multi-fac-processing-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-processing-no" name="multi-fac-processing-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
        {% if automation_available %}Automation? <button class="btn" id="multi-fac-automation-yes" name="multi-fac-automation-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-automation-no" name="multi-fac-automation-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;{% endif %}
        {% if bypass_available %}Bypass? <button class="btn" id="multi-fac-bypass-yes" name="multi-fac-bypass-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-bypass-no" name="multi-fac-bypass-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;{% endif %}
        {% if manual_fill_available %}Manual Fill? <button class="btn" id="multi-fac-manual-fill-yes" name="multi-fac-manual-fill-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-manual-fill-no" name="multi-fac-manual-fill-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;{% endif %}
        Timepass? <button class="btn" id="multi-fac-timepass-yes" name="multi-fac-timepass-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-timepass-no" name="multi-fac-timepass-no" type="button" value="false">No</button>
    </div>
    <table class="table table-bordered table-striped">
        <caption style="font-weight: bold; font-size: 18pt; padding-bottom: 5px;">Facility</caption>
        <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_form_list %}
            <tr>
                <td style="padding-bottom: 2px;"><input class="selfaccheckbox" type="checkbox" name="sel_fac_{{ fac.facform.id.value }}" id="sel_fac_{{ fac.facform.id.value }}"
                                                        value="{{ fac.facform.id.value }}"/></td>
                <td style="padding-bottom: 2px;">{{ fac.facform.id }}{{ fac.facform.label_id }}{{ fac.facform.label_id.value }}</td>
                <td style="padding-bottom: 2px;">{{ fac.facform.label_name }}{{ fac.facform.label_name.value }}</td>
                <td style="padding-bottom: 2px;">{% for lookup in fac.lookup %}{% if not forloop.first %}; {% endif %}{{ lookup }}{% endfor %}</td>
                <td style="padding-bottom: 2px;">{{ fac.facform.do_accept }}</td>
                <td style="padding-bottom: 2px;">{{ fac.facform.allow_processing }}</td>
                <td style="padding-bottom: 2px;">{{ fac.facform.allow_automation_fill }}</td>
                <td style="padding-bottom: 2px;">{{ fac.facform.allow_bypass }}</td>
                <td style="padding-bottom: 2px;">{{ fac.facform.allow_manual_fill }}</td>
                <td style="padding-bottom: 2px;">{{ fac.facform.allow_time_pass }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div id="confirmation_div" title="Confirm Changes?" style="margin-left: 2px; display:none;">
        <span name="confirm-text" id="confirm-text" style="width: auto; height: 40px; margin-bottom: 0px;"></span>
    </div>
    {% include 'pagenav.html' %}
{% endblock %}