{% 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 enableFacStartDayShift() {
            if ($(".pharm-start-day-shift:checkbox:checked").length > 0) {
                $(".fac-start-day-shift").removeAttr('disabled');
                if ($("#multi-select-action").is(":visible")) {
                    $("#multi-start-day-shift-span").show();
                }
            } else {
                $(".fac-start-day-shift").attr('disabled', 'True');
                $("#multi-start-day-shift-span").hide();
            }
        }

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

        function enableFacCycleStartDay(field) {
            var facid = field.attr("id");
            facid = facid.replace("-use-cycle-start-day", "");
            if (field.prop('checked')) {
                $("#" + facid + "-fac-cycle-start-day").removeAttr('disabled');
            } else {
                $("#" + facid + "-fac-cycle-start-day").attr('disabled', 'True');
            }
        }

        function enableNextStartDate(field) {
            var facid = field.attr("id");
            facid = facid.replace("-use-next-start-date", "");
            if (field.prop('checked')) {
                $("#" + facid + "-fac-next-start-date").removeAttr('disabled');
                $("#" + facid + "-start-date-delta").removeAttr('disabled');
            } else {
                $("#" + facid + "-fac-next-start-date").attr('disabled', 'True');
                $("#" + facid + "-start-date-delta").attr('disabled', 'True');
            }
        }

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

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

            $("button[id^='multi-fac-use-cycle-start-day-']").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_cycle_start_day',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("#multi-fac-cycle-start-day").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: 'cycle_start_day',
                            field_val: $(this).val()
                        },
                        function () {
                            window.location.reload(true);
                        });
            });

            $("button[id^='multi-fac-use-next-start-date-']").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_next_start_date',
                            field_val: $(this).val()},
                        function() {
                             window.location.reload(true);
                });
            });

            $("#multi-fac-next-start-date").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: 'next_start_date',
                            field_val: $(this).val()
                        },
                        function () {
                            window.location.reload(true);
                        });
            });

            $("#multi-fac-start-date-delta").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: 'start_date_delta',
                            field_val: $(this).val()
                        },
                        function () {
                            window.location.reload(true);
                        });
            });

            $("button[id^='multi-fac-start-day-shift-']").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: 'start_day_shift',
                            field_val: $(this).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();
                }
            });

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

            $("input[id$='-use-fac-start-day-shift']").each(function (event) {
                enablePharmStartDayShift($(this));
            });

            enableFacStartDayShift();


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

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

            $("input[id$='-use-cycle-start-day']").each(function (event) {
                enableFacCycleStartDay($(this));
            });

            $("input[id$='-fac-cycle-start-day']").change(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-fac-cycle-start-day", ""),
                            field_type: 'cycle_start_day',
                            field_val: $(this).val()});
            });

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

            $("input[id$='-use-next-start-date']").each(function (event) {
                enableNextStartDate($(this));
            });

            $("input[id$='-fac-next-start-date']").change(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-fac-next-start-date", ""),
                            field_type: 'next_start_date',
                            field_val: $(this).val()});
            });

            $("input[id$='-start-date-delta']").change(function () {
                $.post("{% url 'site:settings-update-facility-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            fac_id: $(this).attr("id").replace("-start-date-delta", ""),
                            field_type: 'start_date_delta',
                            field_val: $(this).val()});
            });

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


             $("input[id$='-fac-next-start-date']").each(function (event) {
                 $(this).datepicker({
                     dateFormat: "mm/dd/yy",
                     showOtherMonths: true,
                     showButtonPanel: true
                 });
            });

            $("#multi-fac-next-start-date").datepicker({
                     dateFormat: "mm/dd/yy",
                     showOtherMonths: true,
                     showButtonPanel: true
            });


        });
    </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 Start Day Shift</th>
            <th>Start Day Shift</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-start-day-shift"
                                                        id="{{ pharm.id }}-use-fac-start-day-shift"
                                                        name="{{ pharm.id }}-use-fac-start-day-shift"
                                                        {% if pharm.use_facility_start_day_shift %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pharm.id }}-pharm-start-day-shift"
                                                        name="{{ pharm.id }}-pharm-start-day-shift"
                                                        {% if pharm.start_day_shift %}checked{% endif %}>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <br/>
    <div id="multi-select-action" style="display: none;">
         Change Selected: &nbsp;&nbsp; Use Cycle Start Day: <button class="btn" id="multi-fac-use-cycle-start-day-yes" name="multi-fac-use-cycle-start-day-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-use-cycle-start-day-no" name="multi-fac-use-cycle-start-day-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Cycle Start Day: <input type="number" style="width: 3em;" id="multi-fac-cycle-start-day" name="multi-fac-cycle-start-day" min="1" max="31" value=""/>&nbsp;&nbsp;&nbsp;
         Use Next Start Date: <button class="btn" id="multi-fac-use-next-start-date-yes" name="multi-fac-use-next-start-date-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-use-next-start-date-no" name="multi-fac-use-next-start-date-no" type="button" value="false">No</button>&nbsp;&nbsp;&nbsp;
         Next Start Date: <input type="text" style="width: 8em;" id="multi-fac-next-start-date" name="multi-fac-next-start-date" value=""/>&nbsp;&nbsp;&nbsp;
         Start Date Delta: <input type="number" style="width: 3em;" id="multi-fac-start-date-delta" name="multi-fac-start-date-delta" min="0" max="31" value=""/>&nbsp;&nbsp;&nbsp;
         <span id="multi-start-day-shift-span">
         Start Day Shift: <button class="btn" id="multi-fac-start-day-shift-yes" name="multi-fac-start-day-shift-yes" type="button" value="true">Yes</button> |
            <button class="btn" id="multi-fac-start-day-shift-no" name="multi-fac-start-day-shfit-no" type="button" value="false">No</button>
         </span>
    </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;"><input type="checkbox" id="{{ fac.id }}-use-cycle-start-day"
                                                        name="{{ fac.id }}-use-cycle-start-day"
                                                        {% if fac.use_cycle_start_day %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="number" style="width: 3em;" id="{{ fac.id }}-fac-cycle-start-day"
                                                        name="{{ fac.id }}-fac-cycle-start-day" min="1" max="31"
                                                        value="{{ fac.cycle_start_day }}"/>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ fac.id }}-use-next-start-date"
                                                        name="{{ fac.id }}-use-next-start-date"
                                                        {% if fac.use_next_start_date %}checked{% endif %}>
                </td>
                <td style="padding-bottom: 2px;"><input type="text" style="width: 8em;" id="{{ fac.id }}-fac-next-start-date"
                                                        name="{{ fac.id }}-fac-next-start-date"
                                                        value="{{ fac.next_start_date|date:"m/d/Y" }}"/>
                </td>
                <td style="padding-bottom: 2px;"><input type="number" style="width: 3em;" id="{{ fac.id }}-start-date-delta"
                                                        name="{{ fac.id }}-start-date-delta" min="0" max="31"
                                                        value="{{ fac.start_date_delta }}"/>
                </td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ fac.id }}-fac-start-day-shift" class="fac-start-day-shift"
                                                        name="{{ fac.id }}-fac-start-day-shift"
                                                        {% if fac.start_day_shift %}checked{% endif %}>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% include 'pagenav.html' %}
{% endblock %}