{% 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");
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    <form id="workorderReportForm" name="workorderReportForm" 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 {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>{{ wo.wo_id }}</td>
                    <td {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>{{ wo.init_type__tag }}</td>
                    <td {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>{{ wo.current_type__tag }}</td>
                    <td {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>{{ wo.order_state__tag }}</td>
                    <td {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>{{ wo.dts_create|date:"m/d/Y h:i:s A" }}</td>
                    <td {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>{{ wo.dts_start|date:"m/d/Y h:i:s A" }}</td>
                    <td {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>{{ wo.dts_state|date:"m/d/Y h:i:s A" }}</td>
                    <td {% if wo.is_test_request %}style="background-color: yellow;"{% endif %}>
                        <a href="{% url 'site:report-workorder-tasks' wo.wo_id %}"><i title="View Workorder Tasks"
                                                                                      class="icon-list-alt"></i></a>&nbsp;&nbsp;&nbsp;
                         <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>
                    </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 %}