{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $("#wo-id-input").focus();
        });
    </script>
{% endblock %}

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

{% block content %}
    <div class="well">
        <form id="printMultidoseCoverForm" name="printMultidoseCoverForm" method="POST">
            {% csrf_token %}
            <label for="wo-id-input">Enter Workorder Id: </label>
            <input type="text" id="wo-id-input" name="wo-id-input" style="width: 10em;">&nbsp;&nbsp;
            <button class="btn drug-assoc-btn" id="btn-print-multidose-cover" name="btn-print-multidose-cover"><i
                    class="icon-print"></i> Print Cover
            </button>
            &nbsp;&nbsp;&nbsp;
            <button class="btn drug-assoc-btn" id="btn-reset" name="btn-reset"><i class="icon-remove-circle"></i> Clear
            </button>
            <hr/>
            <p>{{ result_message|linebreaks }}</p>
        </form>
    </div>
{% endblock %}