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


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

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

        function enablePharmMultiPill(field) {
            var pharmid = field.attr("id");
            pharmid = pharmid.replace("-use-fac-multi-pill", "");
            if (field.prop('checked')) {
                $("#" + pharmid + "-multi-pill").attr('disabled', 'True');
                $("#" + pharmid + "-multi-pill-prn").attr('disabled', 'True');
                $("#" + pharmid + "-multi-pill-control").attr('disabled', 'True');
                $("#" + pharmid + "-multi-pill-split-values").attr('disabled', 'True');
            } else {
                $("#" + pharmid + "-multi-pill").removeAttr('disabled');
                $("#" + pharmid + "-multi-pill-prn").removeAttr('disabled');
                $("#" + pharmid + "-multi-pill-control").removeAttr('disabled');
                $("#" + pharmid + "-multi-pill-split-values").removeAttr('disabled');
            }
        }

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

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

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

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

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

             $("input[id$='-multi-pill-split-values']").change(function () {
                var pharmid = $(this).attr("id");
                pharmid = pharmid.replace("-multi-pill-split-values", "");
                $.post("{% url 'site:settings-update-pharmacy-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: pharmid,
                            field_type: 'multi_pill_dose_split_values',
                            field_val: $(this).val()
                        });
            });

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

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

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

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

            $("#multi_fac_multi_pill_dose_set").change(function () {
                var data = {'selected_fac_ids': []};
                $(".selfaccheckbox:checked").each(function () {
                    data['selected_fac_ids'].push($(this).val());
                });
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'multi_pill_dose',
                            field_val: $(this).val()
                        },
                        function () {
                            window.location.reload(true);
                        });
            });

            $("#multi_fac_multi_pill_dose_prn_set").change(function () {
                var data = {'selected_fac_ids': []};
                $(".selfaccheckbox:checked").each(function () {
                    data['selected_fac_ids'].push($(this).val());
                });
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'multi_pill_dose_prn',
                            field_val: $(this).val()
                        },
                        function () {
                            window.location.reload(true);
                        });
            });

            $("#multi_fac_multi_pill_dose_control_set").change(function () {
                var data = {'selected_fac_ids': []};
                $(".selfaccheckbox:checked").each(function () {
                    data['selected_fac_ids'].push($(this).val());
                });
                $.post("{% url 'site:settings-update-multi-facility-field' %}",
                        {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            sel_fac_ids: data['selected_fac_ids'],
                            field_type: 'multi_pill_dose_control',
                            field_val: $(this).val()
                        },
                        function () {
                            window.location.reload(true);
                        });
            });

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


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


            $("input[id$='-use-fac-multi-pill']").click(function (event) {
                enablePharmMultiPill($(this));
                enableFacMultiPill();
            });


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


            enableFacMultiPill();

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

{% block sub-content %}
    <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 Multi Pill</th>
            <th>Multi Pill Dose</th>
            <th>PRN Multi Pill Dose</th>
            <th>Control Multi Pill Dose</th>
            <th>Multi Pill Split</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-multi-pill"
                                                        id="{{ pharm.id }}-use-fac-multi-pill"
                                                        name="{{ pharm.id }}-use-fac-multi-pill"
                                                        {% if pharm.use_facility_multi_pill_dose %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><select style="width: auto;" id="{{ pharm.id }}-multi-pill"
                                                         name="{{ pharm.id }}-multi-pill">
                    {% for choice in multi_pill_dose_choices %}
                        <option value="{{ choice.0 }}"
                                {% if choice.0 == pharm.multi_pill_dose %}selected{% endif %}>{{ choice.1 }}</option>
                    {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><select style="width: auto;" id="{{ pharm.id }}-multi-pill-prn"
                                                         name="{{ pharm.id }}-multi-pill-prn">
                    {% for choice in multi_pill_dose_choices %}
                        <option value="{{ choice.0 }}"
                                {% if choice.0 == pharm.multi_pill_dose_prn %}selected{% endif %}>{{ choice.1 }}</option>
                    {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><select style="width: auto;" id="{{ pharm.id }}-multi-pill-control"
                                                         name="{{ pharm.id }}-multi-pill-control">
                    {% for choice in multi_pill_dose_choices %}
                        <option value="{{ choice.0 }}"
                                {% if choice.0 == pharm.multi_pill_dose_control %}selected{% endif %}>{{ choice.1 }}</option>
                    {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><input type="text" id="{{ pharm.id }}-multi-pill-split-values" name="{{ pharm.id }}-multi-pill-split-values"
                                                    value="{% for val in pharm.multi_pill_dose_split_values %}{% if not forloop.first %},{% endif %}{{ val }}{% endfor %}"></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <br/>
    <div id="multi-select-action" style="display: none;">
        Change Selected Multi Pill Dose to: <select style="width: auto;" id="multi_fac_multi_pill_dose_set"
                                                    name="multi_fac_multi_pill_dose_set">
        <option value=""></option>
        {% for choice in multi_pill_dose_choices %}
            <option value="{{ choice.0 }}">{{ choice.1 }}</option>
        {% endfor %}
    </select>&nbsp;&nbsp;&nbsp; PRN Multi Pill Dose to: <select style="width: auto;" id="multi_fac_multi_pill_dose_prn_set"
                                                    name="multi_fac_multi_pill_dose_prn_set">
        <option value=""></option>
        {% for choice in multi_pill_dose_choices %}
            <option value="{{ choice.0 }}">{{ choice.1 }}</option>
        {% endfor %}
    </select>&nbsp;&nbsp;&nbsp; Control Multi Pill Dose to: <select style="width: auto;" id="multi_fac_multi_pill_dose_control_set"
                                                    name="multi_fac_multi_pill_dose_control_set">
        <option value=""></option>
        {% for choice in multi_pill_dose_choices %}
            <option value="{{ choice.0 }}">{{ choice.1 }}</option>
        {% endfor %}
    </select>
    </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_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;"><select class="fac-multi-pill" style="width: auto;"
                                                         id="{{ fac.id }}-multi-pill-dose"
                                                         name="{{ fac.id }}-multi-pill-dose">
                    {% for choice in multi_pill_dose_choices %}
                        <option value="{{ choice.0 }}"
                                {% if choice.0 == fac.multi_pill_dose %}selected{% endif %}>{{ choice.1 }}</option>
                    {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><select class="fac-multi-pill" style="width: auto;"
                                                         id="{{ fac.id }}-multi-pill-dose-prn"
                                                         name="{{ fac.id }}-multi-pill-dose-prn">
                    {% for choice in multi_pill_dose_choices %}
                        <option value="{{ choice.0 }}"
                                {% if choice.0 == fac.multi_pill_dose_prn %}selected{% endif %}>{{ choice.1 }}</option>
                    {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><select class="fac-multi-pill" style="width: auto;"
                                                         id="{{ fac.id }}-multi-pill-dose-control"
                                                         name="{{ fac.id }}-multi-pill-dose-control">
                    {% for choice in multi_pill_dose_choices %}
                        <option value="{{ choice.0 }}"
                                {% if choice.0 == fac.multi_pill_dose_control %}selected{% endif %}>{{ choice.1 }}</option>
                    {% endfor %}
                </select></td>
                <td style="padding-bottom: 2px;"><input class="fac-multi-pill" type="text" id="{{ fac.id }}-multi-pill-dose-split-values" name="{{ fac.id }}-multi-pill-dose-split-values"
                                                    value="{% for val in fac.multi_pill_dose_split_values %}{% if not forloop.first %},{% endif %}{{ val }}{% endfor %}"></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% include 'pagenav.html' %}
{% endblock %}