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


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

        function get_pharm_id(field, field_name) {
            var lookupid = field.attr("id");
            lookupid = lookupid.replace(field_name, "");
            lookupid = lookupid.replace("id_pharm-", "");
            return lookupid;
        }

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

            $("#tab-pharmaceutical-management").attr("class", "active");

            $("select[id$='-schedule']").change(function () {
                $.post("{% url 'site:settings-update-pharmaceutical-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            pharm_id: get_pharm_id($(this), "-schedule"),
                            field_type: 'schedule',
                            field_val: $(this).val()});
            });

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

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

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

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

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

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

{% block sub-content %}
    <table class="table table-bordered table-striped">
        <thead>
        <tr class="dosis-report-header">
            {% include 'report-table-header.html' %}
        </tr>
        </thead>
        <tbody>
        {% for pharm in pharm_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ pharm.drug_name }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.pharm_form.schedule }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.pharm_form.black_box_warning }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.pharm_form.allow_automation_fill }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.pharm_form.allow_calendar_fill }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.pharm_form.additional_label_required }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.pharm_form.usp_800 }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% include 'pagenav.html' %}
{% endblock %}