{% 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");
                        }
                    }
                ]
            });

            $("#check-all").click(function () {
                $(".selordcheckbox").prop('checked', $(this).prop('checked'));
                if ($(this).prop('checked')) {
                    $("#open-workorder-button-wrapper").show();
                } else {
                    $("#open-workorder-button-wrapper").hide();
                }
            });

            $("#openWorkorderReportForm").on('change', '.selordcheckbox', function () {
                if ($("#openWorkorderReportForm input:checkbox:checked").length > 0) {
                    $("#open-workorder-button-wrapper").show();
                } else {
                    $("#open-workorder-button-wrapper").hide();
                }
            });

            $("#btn-multi-cancel-request").click(function() {
                let wo_id_array = Array.from(document.querySelectorAll('.selordcheckbox:checked'));
                $.each(wo_id_array, function(index, value) {
                    let wo_id = $(value).attr('id').replace(/sel_ord_/, '');
                    if (wo_id_array.length === index + 1){
                        $.post("{% url 'site:cancel-workorder' %}",
                            {csrfmiddlewaretoken: '{{csrf_token}}', wo_id: wo_id},
                            function() {
                                window.location.reload(true);
                            }
                        )
                    } else {
                        $.post("{% url 'site:cancel-workorder' %}",
                            {csrfmiddlewaretoken: '{{csrf_token}}', wo_id: wo_id}
                        )
                    }
                });
            });


            $("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();
                        });
            });

            $("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=""/>
        <span id="open-workorder-button-wrapper" style="float: right; display: none;">
            <button id="btn-multi-cancel-request" name="btn-multi-cancel-request" class="btn" type="button">Cancel Selected Orders</button>
        </span>
        <table id="workorder-report-table" class="table table-bordered table-striped">
            <thead style="position: sticky; top: 0;">
            <tr class="dosis-report-header">
                <th style="width: 1vw;"><input type="checkbox" name="check-all" id="check-all"/></th>
                {% 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><input class="selordcheckbox" type="checkbox" name="sel_ord_{{ wo.wo_id }}" id="sel_ord_{{ wo.wo_id }}" value="Y"/></td>
                    <td><a href="{% url 'site:search-workorder-detail' wo.wo_id %}">{{ wo.wo_id }}</td>
                    <td>{% if wo.workordertasks__req__req__orderrxinfo__rx_number %}
                        <a href="{% url 'site:search-main' %}?value={{ wo.workordertasks__req__req__orderrxinfo__rx_number }}-{{ wo.workordertasks__req__req__orderrxinfo__fill_instance }}">{{ wo.workordertasks__req__req__orderrxinfo__rx_number }}-{{ wo.workordertasks__req__req__orderrxinfo__fill_instance }}</a>{% endif %}
                    </td>
                    <td>{{ wo.current_type__description }}</td>
                    <td>{{ wo.req_card_position }}</td>
                    <td>{{ wo.card_position }}</td>
                    <td>{{ wo.workordertasks__req__package_quantity }}</td>
                    <td>{{ wo.order_state__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 %}