{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            //filter out !
            $(document).keypress(function (event) {
                if (event.charCode == 33) {  //!
                    {% if show_new_scan == False %}
                    $("#id_patient_id").focus();
                    $("#id_patient_id").select();
                    {% endif %}
                    return false;
                } else if ((event.which && event.which == 13) || (event.keyCode && event.keyCode == 13)) {
                    return true;
                } else {
                    return true;
                }
            });

            {% if show_new_scan == False %}
                $("#id_patient_id").focus();
            {% endif %}

            // On click of reset button, reload without a patient id in the URL
            $('#btn-reset').click(function() {
                window.location = window.location.href.split('?')[0];
            });
        });
    </script>
    <style type="text/css">
        #id_patient_id {
            width: 12em;
            margin-bottom: 0;
        }
    </style>
{% endblock %}

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

{% block content %}
    <div class="well">
        <form method="GET">
            <div id="patient-info" class="replen-panel">
                <table style="width: 90%; margin: 5px;">
                    <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Manage Patient Image</caption>
                    <tr>
                        <td class="site-drug-edit-td">
                            Scan or Enter Patient Id:
                            <input title="Patient ID" id="id_patient_id" maxlength="64" name="patient_id" type="text" value="{{ request.GET.patient_id }}">
                            {% if show_form == False %}
                            <button class="btn" id="btn-lookup-patid"><i
                                    class="icon-search"></i> Search
                            </button>
                            {% endif %}
                            &nbsp;&nbsp;&nbsp;
                            <button class="btn cancel" type="button" id="btn-reset"><i
                                    class="icon-remove-circle"></i> Clear
                            </button>
                        </td>
                    </tr>
                </table>
            </div>
        </form>
    </div>
    <form id="managePatientImageForm" name="managePatientImageForm" method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        <div id="show-current-image" class="replen-panel" {% if show_form == False %}style="display: none;"{% endif %}>
            <div style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Current Patient Image</div>
            {% url 'site:settings-get-patient-image' current_patient_id as image_src %}
            {% include 'crop-image.html' with image_src=image_src delete_value=current_patient_id %}
        </div>
        <div id="upload-image" class="replen-panel" {% if show_form == False %}style="display: none;"{% endif %}>
            <table style="width: 90%; margin: 5px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Select New Patient Image File
                </caption>
                <tr>
                    <td class="site-drug-edit-td">{{ pat_img_form.img_file }}
                    </td>
                </tr>
                <tr><td>&nbsp;</td></tr>
                <tr><td><button class="btn" id="btn-upload-img" name="btn-upload-img"><i
                                class="icon-upload-alt"></i> Upload File
                        </button></td></tr>
            </table>
        </div>
    </form>
    <table id="pat-images-thumbnails" class="table table-bordered">
            {% for fname in report_list %}
                {% if forloop.counter0 == 0 or forloop.counter0|divisibleby:4 %}<tr>{% endif %}
                    <td style="padding-bottom: 2px;"><a href="{% url 'site:settings-manage-patient-images' %}?patient_id={{ fname }}"><img src="{% url 'site:settings-get-patient-image' fname %}" alt="No Image Uploaded"/></a>
                    <br/>{% if show_pat_info %}{{ fname }}{% else %}{% if order_group_val == 'PATIENT_SSN' %}
                {% if fname != 'None' %}XXX-XX-{{ fname|slice:"-4:" }}{% endif %}
            {% else %}{{ fname }}{% endif %}{% endif %}</td>
                {% if forloop.counter|divisibleby:4 %}</tr>{% endif %}
            {% endfor %}
        </table>
{% include 'pagenav.html' %}
{% endblock %}