{% extends "site.html" %}


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

            $("#confirm-cancel-all-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            var patid = $("#form_submit_button").val().replace("btn-cancel-all-pat-wo-", "");
                            $.post("{% url 'site:cancel-all-pat-workorder' %}", {
                                csrfmiddlewaretoken: '{{csrf_token}}',
                                pat_id: patid
                            }, function() {
                                        window.location.reload(true);
                                }
                            );
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("[id^='btn-cancel-all-pat-wo-']").click(function () {
                $("#confirm-cancel-all-action-name").text("Cancel All of a Patient's Workorders");
                $("#form_submit_button").val($(this).attr("id"));
                $("#confirm-cancel-all-patient-name").text($(this).val());
                $("#confirm-cancel-all-dialog").dialog("open");
            });

            $("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[name^='btn-cancel-wo']").click(function (event) {
                var wo_id = get_icon_button_value(event);
                $.post("{% url 'site:cancel-automation-wo' %}",
                                {csrfmiddlewaretoken: '{{csrf_token}}', wo_id: wo_id},
                                    function() {
                                        window.location.reload(true);
                                });
            });


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

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

{% block content %}
    <div id="confirm-cancel-all-dialog" title="Confirm Action">
        <p id="confirm-cancel-all-action-name" name="confirm-cancel-all-action-name">
            Action Requested
        </p>

        <p>
            This will cancel all active workorders for patient
        </p>
        <p id="confirm-cancel-all-patient-name" name="confirm-cancel-all-patient-name">
            Patient
        </p>
        <p>
            Are you sure you want to do this?
        </p>
    </div>
    <form id="multidoseWorkordersForm" name="multidoseWorkordersForm" method="POST">
        {% csrf_token %}
        <input type="hidden" name="form_submit_button" id="form_submit_button" value=""/>
        {% include report_template %}
    </form>
    {% include 'pagenav.html' %}
{% endblock %}