{% extends "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 enableFacPackage() {
            if ($(".pharm-package:checkbox:checked").length > 0) {
                $(".fac-package").removeAttr('disabled');
                $(".selfaccheckbox").removeAttr('disabled');
                $("#check-all").removeAttr('disabled');
            } else {
                $(".fac-package").attr('disabled', 'True');
                $(".selfaccheckbox").removeAttr('checked');
                $("#check-all").removeAttr('checked');
                $(".selfaccheckbox").attr('disabled', 'True');
                $("#check-all").attr('disabled', 'True');
                $("#multi-select-action").hide();
            }
        }

        function enableFacMdPackage() {
            if ($(".pharm-md-package:checkbox:checked").length > 0) {
                $(".fac-md-package").removeAttr('disabled');
                $(".selfaccheckbox").removeAttr('disabled');
                $("#check-all").removeAttr('disabled');
            } else {
                $(".fac-md-package").attr('disabled', 'True');
                $(".selfaccheckbox").removeAttr('checked');
                $("#check-all").removeAttr('checked');
                $(".selfaccheckbox").attr('disabled', 'True');
                $("#check-all").attr('disabled', 'True');
                $("#multi-select-action").hide();
            }
        }

        function enableIntPharmPackage() {
            if ($(".interface-package:checkbox:checked").length > 0) {
                $(".pharm-package").attr('disabled', 'True');
            } else {
                $(".pharm-package").removeAttr('disabled');
                $("input[id$='-use-fac-package']").each(function (event) {
                    enablePharmPackage($(this));
                });
            }
        }

        function enableInterfacePackage(field) {
            var interfaceid = field.attr("id");
            interfaceid = interfaceid.replace("-interface-use-interface-package", "");
            if (field.prop('checked')) {
                $("#" + interfaceid + "-interface-default-package-tag").removeAttr('disabled');
                $("input[id$='-use-fac-package']").each(function (event) {
                    $(this).prop('checked', false);
                    $.post("{% url 'site:settings-update-pharmacy-field' %}",
                    {
                        'csrfmiddlewaretoken': '{{csrf_token}}',
                        pharm_id: $(this).attr("id").replace("-use-fac-package", ""),
                        field_type: 'use_fac_package',
                        field_val: $(this).prop("checked")
                    });
                });
            } else {
                $("#" + interfaceid + "-interface-default-package-tag").attr('disabled', 'True');
            }
        }

        function enablePharmPackage(field) {
            var pharmid = field.attr("id");
            pharmid = pharmid.replace("-use-fac-package", "");
            if (field.prop('checked') ||  $(".interface-package:checkbox:checked").length > 0) {
                $("#" + pharmid + "-pharm-default-package-tag").attr('disabled', 'True');
                $("#" + pharmid + "-pharm-allowed-package-tag").attr('disabled', 'True');
            } else {
                $("#" + pharmid + "-pharm-default-package-tag").removeAttr('disabled');
                $("#" + pharmid + "-pharm-allowed-package-tag").removeAttr('disabled');
            }
        }

        function enablePharmMdPackage(field) {
            var pharmid = field.attr("id");
            pharmid = pharmid.replace("-use-fac-md-package", "");
            if (field.prop('checked')) {
                $("#" + pharmid + "-pharm-md-default-package-tag").attr('disabled', 'True');
            } else {
                $("#" + pharmid + "-pharm-md-default-package-tag").removeAttr('disabled');
            }
        }

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

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

            $("#fac-edit-allow-package-div").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 500,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:fac-get-allowed-packages' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_fac_id: $("#current_fac_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#fac-edit-allow-package-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Save",
                        "class": 'model-dialog-button-left',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

             $("button[name$='-btn-edit-fac-allow-package']").click(function (event) {
                 $('#fac-edit-allow-package-content').html('');
                 $("#current_fac_id").val(get_icon_button_value(event));
                 $("#fac-edit-allow-package-div").dialog("open");
            });

            $("#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-use-medpass-package-']").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: 'use_medpass_package',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("#multi-fac-default-package-set").change(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: 'default_package_tag',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("#multi-fac-md-default-package-set").change(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: 'md_package_tag',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("input[id$='-interface-use-interface-package']").click(function () {
                enableInterfacePackage($(this));
                enableIntPharmPackage();
                enableFacPackage();
                $.post("{% url 'site:settings-update-interface-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            interface_id: $(this).attr("id").replace("-interface-use-interface-package", ""),
                            field_type: 'use_interface_package',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-interface-use-interface-package']").each(function (event) {
                enableInterfacePackage($(this));
            });

            enableIntPharmPackage();
            enableFacPackage();

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

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

            enableFacPackage();

            $("input[id$='-use-fac-md-package']").click(function () {
                enablePharmMdPackage($(this));
                enableFacMdPackage();
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: $(this).attr("id").replace("-use-fac-md-package", ""),
                            field_type: 'use_facility_md_package',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-use-fac-md-package']").each(function (event) {
                enablePharmMdPackage($(this));
            });

            enableFacMdPackage();

            $("select[id$='-interface-default-package-tag']").change(function () {
                var interfaceid = $(this).attr("id");
                interfaceid = interfaceid.replace("-interface-default-package-tag", "");
                $.post("{% url 'site:settings-update-interface-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            interface_id: interfaceid,
                            field_type: 'default_package_tag',
                            field_val: $(this).val()
                        });
            });

            $("select[id$='-pharm-default-package-tag']").change(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-pharm-default-package-tag", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'default_package_tag',
                            field_val: $(this).val()
                        });
            });

            $("select[id$='-pharm-md-default-package-tag']").change(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-pharm-md-default-package-tag", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'md_package_tag',
                            field_val: $(this).val()
                        });
            });

            $("input[id$='-pharm-allowed-package-tag']").change(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-pharm-allowed-package-tag", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'allowed_package_tag',
                            field_val: $(this).val()
                        });
            });

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

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

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

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

{% block sub-content %}
    <form id="facManagePackageForm" name="facManagePackageForm" method="POST">
    <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>Use Interface Package</th>
            <th>Default Package Tag</th>
        </tr>
        </thead>
        <tbody>
        {% for interface in interface_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ interface.display_name }}</td>
                <td style="padding-bottom: 2px;"><input type="checkbox" class="interface-package"
                                                        id="{{ interface.id }}-interface-use-interface-package"
                                                        name="{{ interface.id }}-interface-use-interface-package"
                                                        {% if interface.use_interface_package %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><select style="width: auto;" id="{{ interface.id }}-interface-default-package-tag"
                                                         name="{{ interface.id }}-interface-default-package-tag">
                    {% for pack in package_list %}
                            <option value="{{ pack.tag }}" {% if pack.tag == interface.default_package_tag.tag %}selected{% endif %}>{{ pack.tag }}</option>
                        {% endfor %}
                </select></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>Use Facility Package</th>
            <th>Default Package</th>
            <th>Use Facility Multidose Package</th>
            <th>Multidose Package</th>
            <th>Allowed Packages</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-package"
                                                        id="{{ pharm.id }}-use-fac-package"
                                                        name="{{ pharm.id }}-use-fac-package"
                                                        {% if pharm.use_facility_package %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><select style="width: auto;" class="pharm-package" id="{{ pharm.id }}-pharm-default-package-tag" name="{{ pharm.id }}-pharm-default-package-tag">
                    {% for pack in package_list %}
                            <option value="{{ pack.tag }}" {% if pack.tag == pharm.default_package_tag.tag %}selected{% endif %}>{{ pack.tag }}</option>
                        {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><input type="checkbox" class="pharm-md-package"
                                                        id="{{ pharm.id }}-use-fac-md-package"
                                                        name="{{ pharm.id }}-use-fac-md-package"
                                                        {% if pharm.use_facility_md_package %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><select style="width: auto;" class="pharm-md-package" id="{{ pharm.id }}-pharm-md-default-package-tag" name="{{ pharm.id }}-pharm-md-default-package-tag">
                    {% for pack in package_list %}
                            <option value="{{ pack.tag }}" {% if pack.tag == pharm.md_package_tag.tag %}selected{% endif %}>{{ pack.tag }}</option>
                        {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><input type="text" class="pharm-package" id="{{ pharm.id }}-pharm-allowed-package-tag" name="{{ pharm.id }}-pharm-allowed-package-tag"
                                                    value="{% for pack in pharm.allowed_package_tag %}{% if not forloop.first %},{% endif %}{{ pack }}{% endfor %}"></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <br/>
    <div id="multi-select-action" style="display: none;">
         Change Selected: &nbsp;&nbsp; Use Medpass Package: <button class="btn" id="multi-fac-use-medpass-package-yes" name="multi-fac-use-medpass-package-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-use-medpass-package-no" name="multi-fac-use-medpass-package-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Default Package: <select style="width: auto;" id="multi-fac-default-package-set" name="multi-fac-default-package-set">
                    <option value=""></option>
                    {% for pack in package_list %}
                            <option value="{{ pack.tag }}">{{ pack.tag }}</option>
                        {% endfor %}
                </select>
         Multidose Package: <select style="width: auto;" id="multi-fac-md-default-package-set" name="multi-fac-md-default-package-set">
                    <option value=""></option>
                    {% for pack in package_list %}
                            <option value="{{ pack.tag }}">{{ pack.tag }}</option>
                        {% endfor %}
                </select>
    </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' %}
            <!--th><i class="icon-th-list"></i></th-->
        </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-package" type="checkbox" id="{{ fac.id }}-use-medpass-package"
                                                        name="{{ fac.id }}-use-medpass-package"
                                                        {% if fac.use_medpass_package %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><select class="fac-package" style="width: auto;" id="{{ fac.id }}-fac-default-package-tag" name="{{ fac.id }}-fac-default-package-tag">
                    {% for pack in package_list %}
                            <option value="{{ pack.tag }}" {% if pack.tag == fac.default_package_tag.tag %}selected{% endif %}>{{ pack.tag }}</option>
                        {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><select class="fac-md-package" style="width: auto;" id="{{ fac.id }}-fac-md-default-package-tag" name="{{ fac.id }}-fac-md-default-package-tag">
                    {% for pack in package_list %}
                            <option value="{{ pack.tag }}" {% if pack.tag == fac.md_package_tag.tag %}selected{% endif %}>{{ pack.tag }}</option>
                        {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><input class="fac-package" type="text" id="{{ fac.id }}-fac-allowed-package-tag" name="{{ fac.id }}-fac-allowed-package-tag"
                                                    value="{% for pack in fac.allowed_package_tag %}{% if not forloop.first %},{% endif %}{{ pack }}{% endfor %}"></td>
                <!--td style="padding-bottom: 2px;">{% if not fac.allowed_package_tag %}All{% else %}{% for pack in fac.allowed_package_tag %}{% if not forloop.first %}, {% endif %}{{ pack }}{% endfor %}{% endif %}</td-->
                <!--td><button id="{{ fac.id }}-btn-edit-fac-allow-package" name="{{ fac.id }}-btn-edit-fac-allow-package" type="button"
                                value="{{ fac.id }}" title="Edit Allowed Packages" class="btn-link"><i class="icon-gift"></i></button></td-->
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </form>
    {% include 'pagenav.html' %}
    <div id="fac-edit-allow-package-div" title="Edit Facility Allowed Packages" style="margin-left: 2px;">
        <div id="fac-edit-allow-package-content">
            Loading Facility Allowed Package Data...
        </div>
    </div>
{% endblock %}