{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $(document).tooltip();

            $(document).keypress(function (event) {
                var key = event.which;
                if (key == 13)  // the enter key code
                {
                   return false;
                }
            });

            {% if not error_form %}
                $("#btn-save-error-report").removeAttr("disabled");
                $("#fill-error-entry").hide();
            {% else %}
            if ($('input[type=radio]:checked').size() > 0) {
                $("#btn-save-error-report").removeAttr("disabled");
            }

            $("input[name='quantity']").click(function (event) {
                $("#btn-save-error-report").removeAttr("disabled");
            });
            {% endif %}

            $("#search-workorder-input").focus();

            $("#search-workorder-input").keypress(function (event) {
                var key = event.which;
                if (key == 13)  // the enter key code
                {
                   $("#btn-check-wo-id").click();
                    return false;
                }
            });

            $("#btn-check-wo-id").click(function (event) {
                var wo_list = [];
                $("input[name='discrepancy_wo_list[]']").each(function() {
                    wo_list.push($(this).val());
                });

                $.post("{% url 'site:update-undetected-wo-list' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    wo_id: $("#search-workorder-input").val(),
                    wo_list: wo_list
                },
                function(data) {
                    $("#search-workorder-input").val("");
                    $("#fill-discrepancy-list").html(data);
                    $("#search-workorder-input").focus();
                });
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    <div class="well">
        <form id="submitFillErrorForm" name="submitFillErrorForm" method="POST">
            {% csrf_token %}
            {% if show_success %}
            <h3 style="color: green;">Undetected Discrepancy workorders submitted successfully.</h3>
            {% endif %}
            <div id="fill-error-entry">
                <table style="margin-bottom: 25px;">
                    <tr>
                        <td><b>Quantity Issues:</b></td>
                    </tr>
                    <tr>
                        <td>{% for radio in error_form.quantity %}
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ radio.tag }} {{ radio.choice_label }}{% endfor %}</td>
                    </tr>
                    <tr><td>&nbsp;</td></tr>
                    <tr>
                        <td>
                            <b>Problem Details:</b>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            {{ error_form.has_jumpers }} Jumper(s) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            {{ error_form.is_broken }} Broken Pill(s) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            {{ error_form.false_empty }} False Run Empty &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            {{ error_form.has_desiccant }} Desiccant</td>
                    </tr>
                    <tr><td>&nbsp;</td></tr>
                    <tr><td><table style="width: 100%;">
                        <tr>
                            <td style="vertical-align: top;">Other:</td>
                            <td>{{ error_form.other_issue }}</td>
                        </tr>
                    </table></td></tr>
                </table>
            </div>
            Scan/Enter Work Order Id: <input type="text" id="search-workorder-input" name="search-workorder-input" style="width: 8em;" value="{% if wo_id %}{{ wo_id }}{% endif %}">&nbsp;&nbsp;
            <button type="button" class="btn drug-assoc-btn" id="btn-check-wo-id" name="btn-check-wo-id">Add To List</button>

            <div id="fill-discrepancy-list">
            {% include 'submit-fill-discrepancy-rep.html' %}
            </div>
            <br/>
            <button class="btn drug-assoc-btn" name="btn-save-error-report" id="btn-save-error-report" disabled><i class="icon-disk"></i> Save
                </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <button class="btn drug-assoc-btn" id="btn-reset" name="btn-reset"><i class="icon-remove-circle"></i> Clear</button>
        </form>
    </div>
{% endblock %}