{% extends "site.html" %}


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

            $("button[name^='show-tasks-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#hide-tasks-" + btnid).show();
                $("#tasks-row-" + btnid).show();
            });

            $("button[name^='hide-tasks-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#show-tasks-" + btnid).show();
                $("#tasks-row-" + btnid).hide();
            });

            $("button[name^='show-workorders-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#hide-workorders-" + btnid).show();
                $("#wo-row-" + btnid).show();
            });

            $("button[name^='hide-workorders-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#show-workorders-" + btnid).show();
                $("#wo-row-" + btnid).hide();
            });

            $("#show-all-items").click(function () {
                $(this).hide();
                $("#hide-all-items").show();
                $(".showwobtn").hide();
                $(".hidewobtn").show();
                $(".showtaskbtn").hide();
                $(".hidetaskbtn").show();
                $(".workordrow").show();
                $(".workordtaskrow").show();
            });

            $("#hide-all-items").click(function () {
                $(this).hide();
                $("#show-all-items").show();
                $(".showwobtn").show();
                $(".hidewobtn").hide();
                $(".showtaskbtn").show();
                $(".hidetaskbtn").hide();
                $(".workordrow").hide();
                $(".workordtaskrow").hide();
            });

            $("button[id^='refill-card-']").click(function (event) {
                $.post("{% url 'site:refill-card' %}", {
                    wo_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    alert('Card Resubmitted to Multidose Queue.');
                });
            });

            $("#edit-wo-card-start").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                position: {my: "top", at: "top", of: window},
                open: function (event, ui) {
                    $("#edit-wo-card-start-content").html("Loading Work Order Card Start Data...");
                    $.ajax({
                        url: "{% url 'site:get-md-wo-card-start' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: "{{csrf_token}}",
                            wo_id: $("#current_wo_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $("#edit-wo-card-start-content").html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": "modal-dialog-button-right",
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": "modal-dialog-button-left",
                        click: function () {
                            submitWoCardStartForm();
                        }
                    }
                ]
            });

            $("button[name^='btn-edit-card-start']").click(function (event) {
                $("#current_wo_id").val($(this).val());
                $("#edit-wo-card-start").dialog("open");
            });

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

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

{% block content %}
    <form id="multidoseDispensedForm" name="multidoseDispensedForm" method="POST">
        {% csrf_token %}
        <input type="hidden" name="form_submit_button" id="form_submit_button" value=""/>
        {% include report_template %}
    </form>
    {% include 'pagenav.html' %}
    <form id="frmEditWoCardStart" name="frmEditWoCardStart" method="POST">
        {% csrf_token %}
        <input type="hidden" id="current_wo_id" name="current_wo_id" value=""/>

        <div id="edit-wo-card-start" title="Set Work Order Card Start Date" style="margin-left: 2px;">
            <div id="edit-wo-card-start-content">
                Loading Work Order Card Start Data...
            </div>
        </div>
    </form>
{% endblock %}