{% extends "hostis-main.html" %}


{% block head %}
    {{ block.super }}
    <script>
        function get_pat_id(field, field_name) {
            var lookupid = field.attr("id");
            lookupid = lookupid.replace(field_name, "");
            return $("#" + lookupid + "-id").val();
        }

        function change_field(field, field_name) {
            var pat_id = get_pat_id(field, "-" + field_name);
            var fieldVal = field.val();
            if (field.is(':checkbox')) {
                if (field.is(':checked')) {
                    fieldVal = "TRUE";
                } else {
                    fieldVal = "FALSE";
                }
            }
            $.post("{% url 'hostis:update-hostis-patient-info-value' %}",
                {
                    'csrfmiddlewaretoken': '{{csrf_token}}',
                    pat_id: pat_id,
                    field_name: field_name,
                    field_val: fieldVal
                },
                function () {
                    field.parent().css("background-color", "lightgreen");
                }
            );
        }

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

            $("[id$='-first_name']").change(function () {
                change_field($(this), 'first_name');
            });

            $("[id$='-first_name']").focus(function () {
                $(this).parent().css("background-color", "transparent");
            });

            $("[id$='-middle_name']").change(function () {
                change_field($(this), 'middle_name');
            });

            $("[id$='-middle_name']").focus(function () {
                $(this).parent().css("background-color", "transparent");
            });

            $("[id$='-last_name']").change(function () {
                change_field($(this), 'last_name');
            });

            $("[id$='-last_name']").focus(function () {
                $(this).parent().css("background-color", "transparent");
            });

            $("[id$='-account']").change(function () {
                change_field($(this), 'account');
            });

            $("[id$='-account']").focus(function () {
                $(this).parent().css("background-color", "transparent");
            });

            $("[id$='-facility']").change(function () {
                change_field($(this), 'facility');
            });

            $("[id$='-facility']").focus(function () {
                $(this).parent().css("background-color", "transparent");
            });

            $("[id$='-active']").change(function () {
                change_field($(this), 'active');
            });

            $("[id$='-active']").focus(function () {
                $(this).parent().css("background-color", "transparent");
            });

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


            $("#btn-add-patient").click(function () {
                window.location.href = "{% url 'hostis:add-patient-info' %}";
            });

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

                $("#id_editpat-first_name").rules('add', {
                    maxlength: 64,
                    messages: {
                        maxlength: "First Name must be 64 characters or less."
                    }
                });

                $("#id_editpat-middle_name").rules('add', {
                    maxlength: 32,
                    messages: {
                        maxlength: "Middle Name must be 32 characters or less."
                    }
                });

                $("#id_editpat-last_name").rules('add', {
                    maxlength: 64,
                    messages: {
                        maxlength: "Last Name must be 64 characters or less."
                    }
                });

                $("#id_editpat-suffix").rules('add', {
                    maxlength: 32,
                    messages: {
                        maxlength: "Suffix must be 32 characters or less."
                    }
                });

                $("#id_editpat-ssn").rules('add', {
                    maxlength: 12,
                    messages: {
                        maxlength: "SSN must be 12 characters or less."
                    }
                });

                $("#id_editpat-account").rules('add', {
                    maxlength: 32,
                    messages: {
                        maxlength: "Account must be 32 characters or less."
                    }
                });

                $("#id_editpat-birth_date").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Birth Date must be 16 characters or less."
                    }
                });

                $("#id_editpat-birth_date").datepicker({
                    dateFormat: "mm/dd/yy",
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                });

                $("#id_editpat-sex").rules('add', {
                    maxlength: 8,
                    messages: {
                        maxlength: "Sex must be 8 characters or less."
                    }
                });

                $("#id_editpat-pat_group").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Patient Group must be 16 characters or less."
                    }
                });

                $("#id_editpat-address").rules('add', {
                    maxlength: 128,
                    messages: {
                        maxlength: "Address must be 128 characters or less."
                    }
                });

                $("#id_editpat-address_2").rules('add', {
                    maxlength: 128,
                    messages: {
                        maxlength: "Address 2 must be 128 characters or less."
                    }
                });

                $("#id_editpat-city").rules('add', {
                    maxlength: 64,
                    messages: {
                        maxlength: "City must be 64 characters or less."
                    }
                });

                $("#id_editpat-state").rules('add', {
                    maxlength: 32,
                    messages: {
                        maxlength: "State must be 32 characters or less."
                    }
                });

                $("#id_editpat-zip").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Zip must be 16 characters or less."
                    }
                });

                $("#id_editpat-phone").rules('add', {
                    maxlength: 32,
                    messages: {
                        maxlength: "Phone must be 32 characters or less."
                    }
                });

                $("#id_editpat-wing").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Wing must be 16 characters or less."
                    }
                });

                $("#id_editpat-floor").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Floor must be 16 characters or less."
                    }
                });

                $("#id_editpat-room").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Room must be 16 characters or less."
                    }
                });

                $("#id_editpat-bed").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Bed must be 16 characters or less."
                    }
                });

                $("#id_editpat-notes").rules('add', {
                    maxlength: 256,
                    messages: {
                        maxlength: "Notes must be 256 characters or less."
                    }
                });

                $("#id_editpat-admission_date").datepicker({
                    dateFormat: "mm/dd/yy",
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                });

                $("#id_editpat-discharge_date").datepicker({
                    dateFormat: "mm/dd/yy",
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                });

                $("#id_editpat-death_date").datepicker({
                    dateFormat: "mm/dd/yy",
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                });

                $("#id_editpat-nursing_station_id").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Nursing Station Id must be 16 characters or less."
                    }
                });

                $("#id_editpat-nursing_station_name").rules('add', {
                    maxlength: 64,
                    messages: {
                        maxlength: "Nursing Station Name must be 64 characters or less."
                    }
                });

                $("#id_editpat-ward_code").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Ward Code must be 16 characters or less."
                    }
                });

                $("#id_editpat-ward_name").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Ward Name must be 16 characters or less."
                    }
                });

                $("#id_editpat-dept_code").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Department Code must be 16 characters or less."
                    }
                });

                $("#id_editpat-dept_name").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Department Name must be 16 characters or less."
                    }
                });

                $("#id_editpat-payment_type").rules('add', {
                    maxlength: 16,
                    messages: {
                        maxlength: "Payment Type must be 16 characters or less."
                    }
                });

                $("#id_editpat-insurance_plan").rules('add', {
                    maxlength: 32,
                    messages: {
                        maxlength: "Insurance Plan must be 32 characters or less."
                    }
                });
            {% endif %}
        });
    </script>
{% endblock %}

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

{% block content %}
    <form name="hostisManagePatientsForm" id="hostisManagePatientsForm" method="POST">
        {% csrf_token %}
        {{ patient_info_form.management_form }}
        <table class="table table-bordered table-striped hostis-table" style="width: 500px;">
            <thead>
            <tr style="background-color: lightsalmon;">
                {% include 'report-table-header.html' %}
                <th><i class="icon-th-list"></i></th>
            </tr>
            </thead>
            <tbody>
            {% for frm in patient_info_form %}
                <tr>
                    <td style="padding-bottom: 2px;">{{ frm.id }}{{ frm.first_name }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.middle_name }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.last_name }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.account }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.facility }}</td>
                    <td style="padding-bottom: 2px;">{{ frm.active }}</td>
                    <td style="padding-bottom: 2px;"><a href="{% url 'hostis:edit-patient-info' frm.id.value %}">
                        <i title="Edit Patient" class="icon-pencil"></i></a>&nbsp;&nbsp;&nbsp;
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <div>
            <button type="button" name="btn-add-patient" id="btn-add-patient" class="btn">Add Patient</button>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
    </form>
    <div id="edit-patient-info" title="Edit Patient Info" style="margin-left: 2px;">
        <form id="editPatientForm" name="editPatientForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-patient-info-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-patient-info-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">{{ edit_patient_form.id }}First
                        Name: {{ edit_patient_form.first_name }}&nbsp;&nbsp;&nbsp;
                        Middle Name: {{ edit_patient_form.middle_name }}&nbsp;&nbsp;&nbsp;
                        Last Name: {{ edit_patient_form.last_name }}&nbsp;&nbsp;&nbsp;
                        Suffix: {{ edit_patient_form.suffix }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">SSN: {{ edit_patient_form.ssn }}&nbsp;&nbsp;&nbsp;
                        Account #: {{ edit_patient_form.account }}&nbsp;&nbsp;&nbsp;
                        Birth Date: {{ edit_patient_form.birth_date }}&nbsp;&nbsp;&nbsp;
                        Sex: {{ edit_patient_form.sex }}&nbsp;&nbsp;&nbsp;
                        Active: {{ edit_patient_form.active }}&nbsp;&nbsp;&nbsp;
                        Group: {{ edit_patient_form.pat_group }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Address: {{ edit_patient_form.address }}&nbsp;&nbsp;&nbsp;
                        Address 2: {{ edit_patient_form.address_2 }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">City: {{ edit_patient_form.city }}&nbsp;&nbsp;&nbsp;
                        State: {{ edit_patient_form.state }}&nbsp;&nbsp;&nbsp;
                        Zip: {{ edit_patient_form.zip }}&nbsp;&nbsp;&nbsp;
                        Phone: {{ edit_patient_form.phone }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Facility: {{ edit_patient_form.facility }}&nbsp;&nbsp;&nbsp;
                        Wing: {{ edit_patient_form.wing }}&nbsp;&nbsp;&nbsp;
                        Floor: {{ edit_patient_form.floor }}&nbsp;&nbsp;&nbsp;
                        Room: {{ edit_patient_form.room }}&nbsp;&nbsp;&nbsp;
                        Bed: {{ edit_patient_form.bed }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Notes: {{ edit_patient_form.notes }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Admission Date: {{ edit_patient_form.admission_date }}&nbsp;&nbsp;&nbsp;
                        Discharge Date: {{ edit_patient_form.discharge_date }}&nbsp;&nbsp;&nbsp;
                        Deceased?: {{ edit_patient_form.death_indicator }}&nbsp;&nbsp;&nbsp;
                        Deceased Date: {{ edit_patient_form.death_date }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Nursing Station Id: {{ edit_patient_form.nursing_station_id }}&nbsp;&nbsp;&nbsp;
                        Nursing Station: {{ edit_patient_form.nursing_station_name }}&nbsp;&nbsp;&nbsp;
                        Ward Code: {{ edit_patient_form.ward_code }}&nbsp;&nbsp;&nbsp;
                        Ward Name: {{ edit_patient_form.ward_name }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Department Code: {{ edit_patient_form.dept_code }}&nbsp;&nbsp;&nbsp;
                        Department: {{ edit_patient_form.dept_name }}&nbsp;&nbsp;&nbsp;
                        Payment Type: {{ edit_patient_form.payment_type }}&nbsp;&nbsp;&nbsp;
                        Insurance Plan: {{ edit_patient_form.insurance_plan }}</td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}