{% extends "base.html" %}

{% block title %}Dashboard{% endblock %}

{% block sidebar %}

    {% block sidebarHeader %}
        <h2>{{ hostname }}</h2>
        <div class="status-indicator {{ status_class }}" id="status-indicator">
            Status: <span id="status">{{ status }}</span>
        </div> 


        <div class="powermenu">
            <h3>Power Actions</h3>
            <div id="submenu" class="submenu">
                <ul>
                    <li><button class="power-btn" id="powerstart" data-action="start">Start</button></li>
                    <li><button class="power-btn" id="powershutdown" data-action="shutdown">Shutdown</button></li>
                    <li><button class="power-btn" id="powerreset" data-action="reset">Reset</button></li>
                </ul>
            </div>
        </div>

    {% endblock %}

    {% block sidebarList %}
        <ul>
            <li><a href="/vm/{{hostname}}">Information</a></li>
            <li><a href="/vm/{{hostname}}/console">Console</a></li>
            <li><a href="/vm/{{hostname}}/snapshot">Snapshot</a></li>
            <li><a href="/" class="home-link">Back to start</a></li>
        </ul>
    {% endblock %}

{% endblock %}

{% block content %}

{{ instructions | safe }}

{% endblock %}
{% block scripts %}
{% endblock %}