<!DOCTYPE html>
{% extends "bootstrap/base.html" %}
{% import "navbar.html" as nav %}
{% block navbar %}
    {{ nav }}
{% endblock navbar %}

{% block content %}
<div class="table-responsive"> 
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <th></th>
                    <th>Eigenschaft</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><img src="/static/img/time.png" width="48" height="48"></td>
                    <td>Datum:</td>
                    <td>{{ today }}</td>
                </tr>
                <tr>
                    <td><img src="/static/img/user-identity.png" width="48" height="48"></td>
                    <td>Nutzer:</td>
                    <td>{{ user }}</td>
                </tr>
                <tr>
                    <td><img src="/static/img/computer.png" width="48" height="48"></td>
                    <td>Rechnername:</td>
                    <td>{{ node }}</td>
                </tr>
                <tr>
                    <td><img src="/static/img/hd-linux.png" width="48" height="48"></td>
                    <td>Betriebssystem:</td>
                    <td>{{ system }}</td>
                </tr>
                <tr>
                    <td><img src="/static/img/cpu.png" width="48" height="48"></td>
                    <td>Architektur:</td>
                    <td>{{ arch }}</td>
                </tr>
                <tr>
                    <td><img src="/static/img/drive-harddisk.png" width="48" height="48"></td>
                    <td>Freier Speicher:</td>
                    <td>{{ freespace }} MByte</td>
                </tr>
                <tr>
                    <td><img src="/static/img/preferences.png" width="48" height="48"></td>
                    <td>Uptime:</td>
                    <td>{{ uptime }}</td>
                </tr>
            </tbody>
        </table>
    </div>
{% endblock %}