{% extends "base.html" %}
{% block title %}Autotest Nubes{% endblock %}
{% block content %}

<div class="card" style="max-width: 780px; margin: 32px auto;">
    <div class="card-header">
        <i data-lucide="cloud" style="width: 16px; height: 16px; margin-right: 6px;"></i>
        Организация
    </div>
    <div class="card-body">
        {% if organization %}
        <table>
            <thead>
                <tr>
                    <th>Имя</th>
                    <th>instanceUid</th>
                    <th>Сервис</th>
                    <th>Статус</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ organization.displayName }}</td>
                    <td style="font-family: monospace; font-size: 12px;">{{ organization.instanceUid }}</td>
                    <td>{{ organization.svc }}</td>
                    <td>
                        <span class="badge badge-success">
                            <i data-lucide="check" style="width: 12px; height: 12px;"></i>
                            {{ organization.state.explainedStatus or "OK" }}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
        {% else %}
        <div class="empty">
            <i data-lucide="alert-circle" style="width: 24px; height: 24px; color: var(--muted);"></i>
            <p>{% if error %}Ошибка: {{ error }}{% else %}Организация не найдена.{% endif %}</p>
        </div>
        {% endif %}
    </div>
</div>

{% endblock %}