{% extends "base.html" %}

{% block content %}
<h3>Welcome, {{ session.userinfo.name }}</h3>
<hr>
<h4>authentication info</h4>
<div class="row data">
    <div class="col col-2">
        <strong>email</strong>
    </div>
    <div class="col col-6">
        {{ session.userinfo.email }}
        <!-- {{ session.userinfo.email_verified | fancyBool | safe }} -->
    </div>
</div>
<div class="row data">
    <div class="col col-2">
        <strong>username</strong>
    </div>
    <div class="col col-6">
        {{ session.userinfo.preferred_username }}
    </div>
</div>
<div class="row data">
    <div class="col col-2">
        <strong>groups</strong>
    </div>
    <div class="col col-6">
        <i class="fas fa-angle-right"></i>
        {{ session.userinfo.groups[0]}}
    </div>
</div>
        {% for group in session.userinfo.groups[1:] |sort %}
<div class="row data">
    <div class="col col-2">
        &nbsp;
    </div>
    <div class="col col-6">
        <i class="fas fa-angle-right"></i> {{ group }}
    </div>
</div>
        {% endfor %}
<hr>
<h4>your devices</h4>
<div class="row strong">
    <div class="col col-2"><strong></strong></div>
    <div class="col col-2"><strong>registered</strong></div>
    <div class="col col-2"><strong>last event</strong></div>
    <div class="col col-2"><strong>online</strong></div>
    <div class="col col-2"><strong>&nbsp;</strong></div>
</div>
{% for node in userNodeList %}
<div class="row data">
    <div class="col col-2">
        {{ node.givenName}}
    </div>
    <div class="col col-2">
        <span data-toggle="tooltip" data-placement="right" title="{{ node.createdAt | fmt_datetime }}">
        {{node.createdAt | htime_dt }}
        </span>
    </div>
    <div class="col col-2">
        <span data-toggle="tooltip" data-placement="right" title="{{ node.lastSeen | fmt_datetime }}">
        {{node.lastSeen | htime_dt }}
        </span>
    </div>
    <div class="col col-2">
        {{node.online | fancyBool | safe }}
    </div>
    <div class="col col-2">
        <span data-toggle="tooltip" data-placement="right" title="delete">
            <a class="nodeco" href="{{ url_for('rest.deleteOwnNode', nodeId=node.id) }}">
                <i class="fas fa-trash"></i>
            </a>
        </span>
    </div>
</div>
{% endfor %}
{% endblock %}