{% extends "default.html" %}
{% block title %}Dashboard | Echo Tracker{% endblock %}
{% set active = "dashboard" %}
{% block content %}
    <main>
        <h1>Dashboard</h1>
        {% if session.get("username") %}
            {% if bugs %}
                <h2>Endpoints with reported bugs</h2>
            {% endif %}
            {% for bug in bugs %}
                <div class="alert alert-{{ bug.level }}">
                    <a href="/app/{{ bug.application.id }}/">{{ bug.application.name }}</a> -
                    {{ bug.name }}
                </div>
            {% endfor %}
            <a class="button" style="width:100%; margin: 1em 0;" tabindex="0" href="/new-app">
                <iconify-icon icon="mdi:plus"></iconify-icon>
                Create an app
            </a>
        {% endif %}
        <!--
        <div class="app-card">
            <h2>Application Name</h2>
            <p class="app-info app-info-ok">
                Operational
            </p>
            <div class="app-uptime">
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-down"></div>
                <div class="uptime-bar uptime-bar-broken"></div>
                <div class="uptime-bar uptime-bar-broken"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-broken"></div>
                <div class="uptime-bar uptime-bar-broken"></div>
                <div class="uptime-bar uptime-bar-broken"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-down"></div>
                <div class="uptime-bar uptime-bar-down"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
                <div class="uptime-bar uptime-bar-ok"></div>
            </div>
        </div>
        -->
        {% for app in apps %}
            <a href="/app/{{ app.id }}" class="quiet-link">
                <div class="app-card">
                    <h2>{{ app.name }}</h2>
                </div>
            </a>
        {% endfor %}
    </main>
{% endblock %}