{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $("#workorder-activity-rep").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                position: {my: "center top", at: "center top", of: window},
                width: 1200,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:report-workorder-action' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_id: $("#current_wo_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#workorder-activity-rep-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("button[name^='btn-workorder-action-']").click(function (event) {
                $("#current_wo_id").val(get_icon_button_value(event));
                $('#workorder-activity-rep-content').html('Loading workorder activity report data...');
                $("#workorder-activity-rep").dialog("open");
            });

            $("button[name^='btn-cancel-workorder']").click(function (event) {
                var wo_id = get_icon_button_value(event);
                $.post("{% url 'site:cancel-workorder' %}",
                        {csrfmiddlewaretoken: '{{csrf_token}}', wo_id: wo_id},
                        function () {
                            window.location.reload(true);
                        });
            });

            $("button[name^='btn-print-cancel-workorder']").click(function (event) {
                var wo_id = get_icon_button_value(event);
                $.post("{% url 'site:print-cancel-workorder' %}",
                        {csrfmiddlewaretoken: '{{csrf_token}}', wo_id: wo_id},
                        function () {
                            window.location.reload(true);
                        });
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    <form id="openWorkorderReportForm" name="openWorkorderReportForm" method="POST">
        {% csrf_token %}
        <input type="hidden" name="current_wo_id" id="current_wo_id" value=""/>
        <table id="workorder-report-table" class="table table-bordered table-striped">
            <thead style="position: sticky; top: 0;">
            <tr class="dosis-report-header">
                {% include 'report-table-header.html' %}
                <th><i class="icon-th-list"></i></th>
            </tr>
            </thead>
            <tbody>
            {% for wo in report_list %}
                <tr style="background-color: white;">
                    <td><a href="{% url 'site:search-workorder-detail' wo.wo_id %}">{{ wo.wo_id }}</td>
                    <td>{% if wo.rx_number %}
                        <a href="{% url 'site:search-main' %}?value={{ wo.rx_number }}-{{ wo.fill_instance }}">{{ wo.rx_number }}-{{ wo.fill_instance }}</a>{% endif %}
                    </td>
                    <td>{{ wo.description }}</td>
                    <td>{{ wo.req_card_position }}</td>
                    <td>{{ wo.card_position }}</td>
                    <td>{{ wo.package_quantity }}</td>
                    <td>{{ wo.display_name }}</td>
                    <td>{{ wo.dts_create|date:"m/d/Y h:i:s A" }}</td>
                    <td>
                        <button class="btn btn-small btn-link" type="button"
                                id="btn-workorder-action-{{ wo.wo_id }}"
                                name="btn-workorder-action-{{ wo.wo_id }}"
                                value="{{ wo.wo_id }}" title="Show Workorder Activity"><i
                                class="icon-file"></i></button>
                        <button id="btn-cancel-workorder-{{ wo.wo_id }}" type="button"
                                name="btn-cancel-workorder-{{ wo.wo_id }}"
                                value="{{ wo.wo_id }}" title="Cancel Work Order" class="btn btn-small btn-link"><i
                                class="icon-remove"></i></button>
                        <button id="btn-print-cancel-workorder-{{ wo.wo_id }}" type="button"
                                name="btn-print-cancel-workorder-{{ wo.wo_id }}"
                                value="{{ wo.wo_id }}" title="Print and Cancel Work Order"
                                class="btn btn-small btn-link"><i class="icon-print"></i></button>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </form>
    {% include 'pagenav.html' %}
    <div id="workorder-activity-rep" title="Workorder Actions" style="margin-left: 2px;">
        <div id="workorder-activity-rep-content">
            Loading workorder activity report data...
        </div>
    </div>
{% endblock %}