{% extends "layout.html" %}

{% block content %}
<h1 class="page-title">Wszystkie Serwery</h1>

<div class="server-table-container">
    <table class="server-table">
        <thead>
            <tr>
                <th>Nazwa</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            {% for server in servers %}
            <tr>
                <td>{{ server.name }}</td>
                <td>
                    <span class="status-label {{ 'online' if server.status == 'Online' else 'offline' }}">
                        {{ server.status }}
                    </span>
                </td>
            </tr>
            {% else %}
            <tr>
                <td colspan="2" class="empty-row">Nie znaleziono serwerów</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}
