{% extends "base.html" %}
{% block title %}Update Manager - Hermetic Suite{% endblock %}

{% block content %}
<div class="page-header">
    <h1 class="icon" id="update_manager">Update Manager</h1>
    <p class="subtitle">Track and manage package updates across servers</p>
    <div class="header-actions">
        <a href="{{ url_for('update_manager.config_page') }}" class="btn btn-secondary">⚙️ Configuration</a>
    </div>
</div>

<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-label">Tracked Servers</div>
        <div class="stat-value">{{ tracked_servers|length }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Total Updates</div>
        <div class="stat-value {% if total_updates > 0 %}text-warning{% endif %}">{{ total_updates }}</div>
    </div>
    <div class="stat-card">
        <div class="stat-label">Security Updates</div>
        <div class="stat-value {% if total_security > 0 %}text-danger{% endif %}">{{ total_security }}</div>
    </div>
</div>

{% if active_alerts %}
<div class="card" style="border-left: 4px solid var(--danger);">
    <div class="card-header">
        <h2>🚨 Active Alerts</h2>
    </div>
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th>Server</th>
                    <th>Alert</th>
                    <th>Since</th>
                </tr>
            </thead>
            <tbody>
                {% for alert in active_alerts %}
                <tr>
                    <td>
                        <a href="{{ url_for('update_manager.server_detail', server_id=alert.server_id) }}">
                            Server #{{ alert.server_id }}
                        </a>
                    </td>
                    <td>
                        <span class="badge badge-{{ alert.severity }}">{{ alert.severity|upper }}</span>
                        {{ alert.message }}
                    </td>
                    <td>{{ alert.triggered_at.strftime('%Y-%m-%d %H:%M') }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

<div class="card">
    <div class="card-header">
        <h2>Tracked Servers</h2>
    </div>
    <div class="card-body">
        {% if tracked_servers %}
        <table class="table">
            <thead>
                <tr>
                    <th>Server</th>
                    <th>Package Manager</th>
                    <th>Updates</th>
                    <th>Security</th>
                    <th>Last Checked</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for item in tracked_servers %}
                {% set server = item.server %}
                {% set snapshot = item.snapshot %}
                <tr>
                    <td>
                        <a href="{{ url_for('update_manager.server_detail', server_id=server.id) }}">
                            <strong>{{ server.hostname or server.ip_address }}</strong>
                        </a>
                    </td>
                    <td>
                        {% if snapshot %}
                        <code>{{ snapshot.package_manager }}</code>
                        {% else %}
                        <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if snapshot %}
                        <span class="{% if snapshot.total_updates > 0 %}text-warning{% endif %}">
                            {{ snapshot.total_updates }}
                        </span>
                        {% else %}
                        <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if snapshot %}
                        <span class="{% if snapshot.security_updates > 0 %}text-danger{% endif %}">
                            {{ snapshot.security_updates }}
                        </span>
                        {% else %}
                        <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if snapshot %}
                        {{ snapshot.checked_at.strftime('%Y-%m-%d %H:%M') }}
                        {% else %}
                        <span class="text-muted">Never</span>
                        {% endif %}
                    </td>
                    <td>
                        <form action="{{ url_for('update_manager.check_updates', server_id=server.id) }}" method="POST" style="display: inline;">
                            <input type="hidden" name="next" value="{{ url_for('update_manager.index') }}">
                            <button type="submit" class="btn btn-sm btn-secondary">🔄 Check</button>
                        </form>
                        <a href="{{ url_for('update_manager.server_detail', server_id=server.id) }}" class="btn btn-sm btn-primary">View</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div class="empty-state">
            <p>No servers are being tracked for updates.</p>
            <a href="{{ url_for('update_manager.config_page') }}" class="btn btn-primary">Configure Tracking</a>
        </div>
        {% endif %}
    </div>
</div>

{% if untracked_servers %}
<div class="card">
    <div class="card-header">
        <h2>Available Servers</h2>
    </div>
    <div class="card-body">
        <p class="text-muted">These servers have SSH enabled but are not being tracked:</p>
        <table class="table">
            <thead>
                <tr>
                    <th>Server</th>
                    <th>IP Address</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for server in untracked_servers %}
                <tr>
                    <td>{{ server.hostname or '-' }}</td>
                    <td><code>{{ server.ip_address }}</code></td>
                    <td>
                        <form action="{{ url_for('update_manager.config_page') }}" method="POST" style="display: inline;">
                            <input type="hidden" name="action" value="add_server">
                            <input type="hidden" name="server_id" value="{{ server.id }}">
                            <button type="submit" class="btn btn-sm btn-primary">+ Track Updates</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

<style>
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card {
    background: var(--bg-secondary);
    padding: 1.5rem;
    border-radius: 8px;
    text-align: center;
}

.stat-label {
    font-size: 0.85rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.stat-value {
    font-size: 2rem;
    font-weight: 700;
}

.text-warning {
    color: var(--warning) !important;
}

.text-danger {
    color: var(--danger) !important;
}
</style>
{% endblock %}