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


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

        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 enableFacAdditionalLbl() {
            if ($(".pharm-additional-label:checkbox:checked").length > 0) {
                $(".fac-additional-label").removeAttr('disabled');
            } else {
                $(".fac-additional-label").attr('disabled', 'True');
            }
        }

        function enablePharmAdditionalLbl(field) {
            var pharmid = field.attr("id");
            pharmid = pharmid.replace("-use-fac-additional-lbl", "");
            if (field.prop('checked')) {
                $("#" + pharmid + "-pharm-additional-lbl-at-request").attr('disabled', 'True');
                $("#" + pharmid + "-pharm-additional-lbl-at-filling").attr('disabled', 'True');
            } else {
                $("#" + pharmid + "-pharm-additional-lbl-at-request").removeAttr('disabled');
                $("#" + pharmid + "-pharm-additional-lbl-at-filling").removeAttr('disabled');
            }
        }

        function enableFacInfoSheet() {
            if ($(".pharm-info-sheet:checkbox:checked").length > 0) {
                $(".fac-info-sheet").removeAttr('disabled');
            } else {
                $(".fac-info-sheet").attr('disabled', 'True');
            }
        }

        function enablePharmInfoSheet(field) {
            var pharmid = field.attr("id");
            pharmid = pharmid.replace("-use-fac-info-sheet", "");
            if (field.prop('checked')) {
                $("#" + pharmid + "-pharm-info-sheet-request").attr('disabled', 'True');
                $("#" + pharmid + "-pharm-info-sheet-filling").attr('disabled', 'True');
            } else {
                $("#" + pharmid + "-pharm-info-sheet-request").removeAttr('disabled');
                $("#" + pharmid + "-pharm-info-sheet-filling").removeAttr('disabled');
            }
        }

        function enableFacSubLabel() {
            if ($(".pharm-sub-label:checkbox:checked").length > 0) {
                $(".fac-sub-label").removeAttr('disabled');
            } else {
                $(".fac-sub-label").attr('disabled', 'True');
            }
        }

        function enablePharmSubLabel(field) {
            var pharmid = field.attr("id");
            pharmid = pharmid.replace("-use-fac-sub-label", "");
            if (field.prop('checked')) {
                $("#" + pharmid + "-pharm-additional-sub-label").attr('disabled', 'True');
            } else {
                $("#" + pharmid + "-pharm-additional-sub-label").removeAttr('disabled');
            }
        }

        function enableFacLidLabel() {
            if ($(".pharm-lid-label:checkbox:checked").length > 0) {
                $(".fac-lid-label").removeAttr('disabled');
            } else {
                $(".fac-lid-label").attr('disabled', 'True');
            }
        }

        function enablePharmLidLabel(field) {
            var pharmid = field.attr("id");
            pharmid = pharmid.replace("-use-fac-lid-label", "");
            if (field.prop('checked')) {
                $("#" + pharmid + "-pharm-lid-label").attr('disabled', 'True');
            } else {
                $("#" + pharmid + "-pharm-lid-label").removeAttr('disabled');
            }
        }

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

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

            $("#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();
                }
            });

            $("button[id^='multi-fac-additional-lbl-request-']").click(function () {
                var data = get_selected_fac_ids();
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'additional_lbl_at_request',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("button[id^='multi-fac-additional-lbl-filling-']").click(function () {
                var data = get_selected_fac_ids();
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'additional_lbl_at_filling',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("button[id^='multi-fac-info-sheet-request-']").click(function () {
                var data = get_selected_fac_ids();
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'info_sheet_request',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

             $("button[id^='multi-fac-info-sheet-filling-']").click(function () {
                var data = get_selected_fac_ids();
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'info_sheet_filling',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("button[id^='multi-fac-additional-sub-label-']").click(function () {
                var data = get_selected_fac_ids();
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'additional_subcomponent_lbl',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("button[id^='multi-fac-lid-label-']").click(function () {
                var data = get_selected_fac_ids();
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'lid_lbl',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("button[id^='multi-fac-print-timepass-']").click(function () {
                var data = get_selected_fac_ids();
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'print_timepass',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("input[id$='-use-fac-additional-lbl']").click(function () {
                enablePharmAdditionalLbl($(this));
                enableFacAdditionalLbl();
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: $(this).attr("id").replace("-use-fac-additional-lbl", ""),
                            field_type: 'use_facility_additional_lbl',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-use-fac-additional-lbl']").each(function (event) {
                enablePharmAdditionalLbl($(this));
            });

            enableFacAdditionalLbl();

             $("input[id$='-use-fac-info-sheet']").click(function () {
                enablePharmInfoSheet($(this));
                enableFacInfoSheet();
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: $(this).attr("id").replace("-use-fac-info-sheet", ""),
                            field_type: 'use_facility_info_sheet',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-use-fac-info-sheet']").each(function (event) {
                enablePharmInfoSheet($(this));
            });

            enableFacInfoSheet();

            $("input[id$='-use-fac-sub-label']").click(function () {
                enablePharmSubLabel($(this));
                enableFacSubLabel();
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: $(this).attr("id").replace("-use-fac-sub-label", ""),
                            field_type: 'use_facility_additional_subcomponent_lbl',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-use-fac-sub-label']").each(function (event) {
                enablePharmSubLabel($(this));
            });

            enableFacSubLabel();

            $("input[id$='-use-fac-lid-label']").click(function () {
                enablePharmLidLabel($(this));
                enableFacLidLabel();
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: $(this).attr("id").replace("-use-fac-lid-label", ""),
                            field_type: 'use_facility_print_stpc_lid',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-use-fac-lid-label']").each(function (event) {
                enablePharmLidLabel($(this));
            });

            enableFacLidLabel();

            $("input[id$='-pharm-additional-lbl-at-request']").click(function () {
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: $(this).attr("id").replace("-pharm-additional-lbl-at-request", ""),
                            field_type: 'additional_lbl_at_request',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-pharm-additional-lbl-at-filling']").click(function () {
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: $(this).attr("id").replace("-pharm-additional-lbl-at-filling", ""),
                            field_type: 'additional_lbl_at_filling',
                            field_val: $(this).prop("checked")});
            });

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

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

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

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

            $("input[id$='-fac-additional-lbl-at-request']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-fac-additional-lbl-at-request", ""),
                            field_type: 'additional_lbl_at_request',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-fac-additional-lbl-at-filling']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-fac-additional-lbl-at-filling", ""),
                            field_type: 'additional_lbl_at_filling',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-fac-info-sheet-request']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-fac-info-sheet-request", ""),
                            field_type: 'info_sheet_request',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-fac-info-sheet-filling']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-fac-info-sheet-filling", ""),
                            field_type: 'info_sheet_filling',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-fac-additional-sub-label']").click(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-fac-additional-sub-label", ""),
                            field_type: 'additional_subcomponent_lbl',
                            field_val: $(this).prop("checked")});
            });

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

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

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

{% block sub-content %}
    <form id="facManageLabellingForm" name="facManageLabellingForm" method="POST">
    <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>Use Facility Additional Label</th>
            <th>Additional Label At Request</th>
            <th>Additional Label At Filling</th>
            <th>Use Facility Info Sheet</th>
            <th>Info Sheet At Request</th>
            <th>Info Sheet At Filling</th>
            <th>Use Facility Sub Label</th>
            <th>Additional Sub Label</th>
            <th>Use Facility Print Lid Label</th>
            <th>Print Lid Label</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" class="pharm-additional-label"
                                                        id="{{ pharm.id }}-use-fac-additional-lbl"
                                                        name="{{ pharm.id }}-use-fac-additional-lbl"
                                                        {% if pharm.use_facility_additional_lbl %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-pharm-additional-lbl-at-request"
                                                        name="{{ pharm.id }}-pharm-additional-lbl-at-request"
                                                        {% if pharm.additional_lbl_at_request %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-pharm-additional-lbl-at-filling"
                                                        name="{{ pharm.id }}-pharm-additional-lbl-at-filling"
                                                        {% if pharm.additional_lbl_at_filling %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" class="pharm-info-sheet"
                                                        id="{{ pharm.id }}-use-fac-info-sheet"
                                                        name="{{ pharm.id }}-use-fac-info-sheet"
                                                        {% if pharm.use_facility_info_sheet %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-pharm-info-sheet-request"
                                                        name="{{ pharm.id }}-pharm-info-sheet-request"
                                                        {% if pharm.info_sheet_request %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-pharm-info-sheet-filling"
                                                        name="{{ pharm.id }}-pharm-info-sheet-filling"
                                                        {% if pharm.info_sheet_filling %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" class="pharm-sub-label"
                                                        id="{{ pharm.id }}-use-fac-sub-label"
                                                        name="{{ pharm.id }}-use-fac-sub-label"
                                                        {% if pharm.use_facility_additional_subcomponent_lbl %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-pharm-additional-sub-label"
                                                        name="{{ pharm.id }}-pharm-additional-sub-label"
                                                        {% if pharm.additional_subcomponent_lbl %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" class="pharm-lid-label"
                                                        id="{{ pharm.id }}-use-fac-lid-label"
                                                        name="{{ pharm.id }}-use-fac-lid-label"
                                                        {% if pharm.use_facility_print_stpc_lid %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-pharm-lid-label"
                                                        name="{{ pharm.id }}-pharm-lid-label"
                                                        {% if pharm.print_stpc_lid %}checked{% endif %}>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <br/>
    <div id="multi-select-action" style="display: none;">
         Change Selected: &nbsp;&nbsp; Additional Label At Request: <button class="btn" id="multi-fac-additional-lbl-request-yes" name="multi-fac-additional-lbl-request-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-additional-lbl-request-no" name="multi-fac-additional-lbl-request-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Additional Label At Filling: <button class="btn" id="multi-fac-additional-lbl-filling-yes" name="multi-fac-additional-lbl-filling-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-additional-lbl-filling-no" name="multi-fac-additional-lbl-filling-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Info Sheet At Request: <button class="btn" id="multi-fac-info-sheet-request-yes" name="multi-fac-info-sheet-request-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-info-sheet-request-no" name="multi-fac-info-sheet-request-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Info Sheet At Filling: <button class="btn" id="multi-fac-info-sheet-filling-yes" name="multi-fac-info-sheet-filling-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-info-sheet-filling-no" name="multi-fac-info-sheet-filling-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Additional Sub Label: <button class="btn" id="multi-fac-additional-sub-label-yes" name="multi-fac-additional-sub-label-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-additional-sub-label-no" name="multi-fac-additional-sub-label-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Print Lid Label: <button class="btn" id="multi-fac-lid-label-yes" name="multi-fac-lid-label-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-lid-label-no" name="multi-fac-lid-label-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Print Timepass: <button class="btn" id="multi-fac-print-timepass-yes" name="multi-fac-print-timepass-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-print-timepass-no" name="multi-fac-print-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>
    {% csrf_token %}
        <input type="hidden" name="current_fac_id" id="current_fac_id" value=""/>
        <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;"><input class="fac-additional-label" type="checkbox" id="{{ fac.id }}-fac-additional-lbl-at-request"
                                                        name="{{ fac.id }}-fac-additional-lbl-at-request"
                                                        {% if fac.additional_lbl_at_request %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input class="fac-additional-label" type="checkbox" id="{{ fac.id }}-fac-additional-lbl-at-filling"
                                                        name="{{ fac.id }}-fac-additional-lbl-at-filling"
                                                        {% if fac.additional_lbl_at_filling %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input class="fac-info-sheet" type="checkbox" id="{{ fac.id }}-fac-info-sheet-request"
                                                        name="{{ fac.id }}-fac-info-sheet-request"
                                                        {% if fac.info_sheet_request %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input class="fac-info-sheet" type="checkbox" id="{{ fac.id }}-fac-info-sheet-filling"
                                                        name="{{ fac.id }}-fac-info-sheet-filling"
                                                        {% if fac.info_sheet_filling %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input class="fac-sub-label" type="checkbox" id="{{ fac.id }}-fac-additional-sub-label"
                                                        name="{{ fac.id }}-fac-additional-sub-label"
                                                        {% if fac.additional_subcomponent_lbl %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input class="fac-lid-label" type="checkbox" id="{{ fac.id }}-fac-lid-label"
                                                        name="{{ fac.id }}-fac-lid-label"
                                                        {% if fac.print_stpc_lid %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ fac.id }}-fac-print-timepass"
                                                        name="{{ fac.id }}-fac-print-timepass"
                                                        {% if fac.print_timepass %}checked{% endif %}>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </form>
    {% include 'pagenav.html' %}
{% endblock %}