{% extends "support.html" %}


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

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

{% block content %}
    <form id="sysActivityForm" name="sysActivityForm" method="POST">
        {% csrf_token %}
        <div id="dafe_select_div">
            Tower:
            <select style="width: auto;" id="dafe_select" name="dafe_select">
                {% for dafe in dafe_list %}
                    <option value="{{ dafe.id }}"
                            {% ifequal dafe.id|slugify current_dafe %}selected{% endifequal %}>{{ dafe.display_name }}</option>
                {% endfor %}
            </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            Days Back (0 for Today):
            <input type="text" id="time-offset" name="time-offset" value="{{ current_time_offset }}" style="width: 3em;"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button class="btn" id="select-setting-group" name="select-setting-group">Show System Activity</button>
        </div>
    <table id="system-activity-table" class="table table-bordered">
        <thead style="position: sticky; top: 0;">
        <tr class="dosis-report-header">
           {% include 'report-table-header.html' %}
        </tr>
        </thead>
        <tbody style="font-size: 10pt;">
        {% for item in result_list %}
            <tr {% if item.type == 'WO' %}style="background-color: white;"{% else %}class="dosis-yellow-background"{% endif %}>
                <td style="padding: 2px 2px 2px 8px;">{{ item.timestamp|date:"m/d/Y h:i:s A" }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.id }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.fill_id }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.pack_id }}</td>
                <td {% if item.type == 'ALERT' %}colspan="11"{% endif %} style="padding: 2px 2px 2px 8px;">{{ item.status }}</td>
                {% if item.type == 'WO' %}
                <td style="padding: 2px 2px 2px 8px;">{{ item.frames }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.seconds|floatformat:"-2" }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.req_qty }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.disp_qty }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.can_pos }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.serial }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.drug_num }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.drug_name }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.shape }}</td>
                <td style="padding: 2px 2px 2px 8px;">{{ item.color }}</td>
                {% endif %}
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </form>
{% endblock %}