{% extends "support.html" %}

{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            var infoUrl = "{% if not use_local_fs %}http{% if use_https %}s{% endif %}://{{ dafe_ip }}{% endif %}{% url 'support:support-load-obj-detect-detail' wo_task_id img_file %}?{% if not use_local_fs %}remote=Y{% endif %}";

            $.ajax({
                url: infoUrl,
                type: "GET",
                crossDomain: true,
                success: function (data, status, jqXHR) {
                    $('#threshold-images').html(data);
                }
            });

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

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

{% block content %}
    <a href="{% url 'support:support-edit-pillsig' pill_sig_id %}">Edit
        PillSig: {{ canister_serial }}</a>

        <table>
            <tr>
                <td>
                    <p>
                        {% if discrepancies_only == 'Y' %}
                            <a href="{% url 'support:support-get-discrepancy-images' wo_task_id %}">Back</a>
                        {% else %}
                            <a href="{% url 'support:support-get-run-images' wo_task_id %}">Back</a>
                        {% endif %}
                    </p>
                </td>
                <td>
                    <div id="threshold-images">
                        &nbsp;
                    </div>
                </td>
            </tr>
        </table>
{% endblock %}