{% extends "base.html" %}
{% block main_content_body %}
<div class="row">
    <div class="col-md-4">
        <div class="table-responsive table-hover">
            <table class="table">
                <tbody>
                <tr>
                    <th>Origin</th>
                    <td>{{ report.node_name + "/" + report.module_}}</td>
                </tr>
                <tr>
                    <th>Creation time</th>
                    <td>{{ report.report_timestamp | strftime}}</td>
                </tr>
                <tr>
                    <th>Last append time</th>
                    <td>{{ report.report_append_timestamp | strftime}}</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<h5>Entries:</h5>
<div class="row">
    <div class="col">
        <div class="table-responsive table-hover">
            <table class="table">
                <thead>
                <tr>
                    <th style="width: 20%">Time</th>
                    <th style="width: 20%">Title</th>
                    <th style="width: 40%">Body</th>
                    <th style="width: 20%">Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for r in report.report_entries %}
                <tr>
                    <td style="width: 20%">{{ r.timestamp |  strftime}}</td>
                    <td style="width: 20%">{{ r.title }}</td>
                    <td style="width: 40%">{{ r.message_body }}</td>
                    <td style="width: 20%">{{ r.actions }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<!-- /.row -->
{% endblock %}