{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
    function reenableFields() {
        $("#id_pharm-default_request_tag").prop('disabled', false);
        $("#id_pharm-tag").val($("#id_pharm-tag").val().toUpperCase());
    }

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

        $("#edit-pharmacy").dialog({
            {% if showAddEdit == 'Y' %}
                autoOpen: true,
            {% else %}
                autoOpen: false,
            {% endif %}
            closeOnEscape: false,
            modal: true,
            draggable: false,
            width: 1000,
            buttons: [
                {
                    text: "Close",
                    "class": 'modal-dialog-button-right',
                    click: function () {
                        $(this).dialog("close");
                    }
                },
                {
                    text: "Save",
                    "class": 'modal-dialog-button-left',
                    click: function () {
                        $("#editPharmacyForm").validate();
                        if ($("#editPharmacyForm").valid()) {
                            reenableFields();
                            document.editPharmacyForm.submit();
                            $(this).dialog("close");
                        }
                    }
                }
            ]
        });

        $("#btn-add-pharmacy").click(function () {
            window.location.href = "{% url 'site:settings-add-pharmacy' %}";
        });

        {% if showAddEdit == 'Y' %}
            $("#editPharmacyForm").validate({
                onkeyup: false,
                errorContainer: $("#edit-pharmacy-validation-alert"),
                errorLabelContainer: $("ul", $("#edit-pharmacy-validation-alert")),
                wrapper: 'li'
            });

            $("#id_pharm-tag").keyup(function () {
                this.value = this.value.toUpperCase();
            });


            $("#id_pharm-tag").rules('add', {
                required: true,
                messages: {
                    required: "Pharmacy tag cannot be blank."
                }
            });

            $("#id_pharm-description").rules('add', {
                required: true,
                messages: {
                    required: "Pharmacy description cannot be blank."
                }
            });

            $("#id_pharm-display_name").rules('add', {
                required: true,
                messages: {
                    required: "Pharmacy display name cannot be blank."
                }
            });

             $("#id_pharm-use_req_pkg_method").change(function (event) {
                if ($(this).is(":checked")) {
                    $("#id_pharm-default_req_pkg_method").prop('disabled', false);
                } else {
                    $("#id_pharm-default_req_pkg_method").prop('disabled', true);
                }
            });

            {% if edit_form.use_req_pkg_method.value == False %}
                $("#id_pharm-default_req_pkg_method").prop('disabled', true);
            {% endif %}

        {% endif %}

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

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <table class="table table-bordered table-striped">
        <thead style="position: sticky; top: 0;">
        <tr class="dosis-report-header">
            <th>Description</th>
            <th>Display Name</th>
            <th>Default Request</th>
            <th>Default Workorder</th>
            <th>Default Package</th>
            <th>Default EOM</th>
            <th>Active</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
        {% for pharm in pharmacy_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ pharm.description }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.display_name }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.default_request_tag }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.default_workorder_tag }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.default_package_tag }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.default_eom_tag }}</td>
                <td style="padding-bottom: 2px;">{{ pharm.active }}</td>
                <td><a href="{% url 'site:settings-edit-pharmacy' pharm.id %}"><i title="Edit Pharmacy"
                                                                                  class="icon-pencil"></i></a>&nbsp;&nbsp;&nbsp;
                    <a href="{% url 'site:settings-pharmacy-label-info' pharm.id %}"><i title="Edit Pharmacy Label Info"
                                                                                        class="icon-film"></i></a>&nbsp;&nbsp;&nbsp;
                     <a href="{% url 'site:settings-pharmacy-lookup' pharm.id %}"><i title="Edit Pharmacy Lookups"
                                                                                        class="icon-search"></i>&nbsp;&nbsp;&nbsp;
                     <a href="{% url 'site:settings-pharmacy-timing' pharm.id %}"><i title="Edit Pharmacy Timing"
                                                                                        class="icon-time"></i></a></a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-pharmacy" id="btn-add-pharmacy" class="btn">
                Add
                Pharmacy
            </button>
            </span>
    </div>
    <div id="edit-pharmacy" title="Edit Pharmacy" style="margin-left: 2px;">
        <form id="editPharmacyForm" name="editPharmacyForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-pharmacy-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-pharmacy-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">Tag: {{ edit_form.tag }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Description: {{ edit_form.description }}&nbsp;&nbsp;&nbsp;
                        Display Name: {{ edit_form.display_name }}&nbsp;&nbsp;&nbsp;{{ edit_form.active }} Active
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_facility_cutoff_time }} Use Facility Cutoff Time&nbsp;&nbsp;&nbsp;</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_req_pkg_method }} Use Pharmacy Request Package Method&nbsp;&nbsp;&nbsp;
                        Request Package Method: {{ edit_form.default_req_pkg_method }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_facility_ship_time }} Use Facility Ship Time</td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}