{% extends 'base.html.twig' %}

{% block title %}Alle Alarme - Dashboard{% endblock %}

{% block content %}
<div class="page-header">
    <div class="breadcrumb">
        <a href="{{ path('app_dashboard') }}">Home</a>
        <i class="fas fa-chevron-right"></i>
        <span>Alle Alarme</span>
    </div>
    <div class="page-title">
        <i class="fas fa-bell"></i>
        <h2>Alle Alarme ({{ activeAlarmsCount }} aktiv{% if criticalAlarmsCount > 0 %}, {{ criticalAlarmsCount }} kritisch{% endif %})</h2>
    </div>
    <div class="page-actions">
        <a href="{{ path('app_dashboard') }}" class="btn btn-primary"><i class="fas fa-arrow-left"></i> Zurück zum Dashboard</a>
    </div>
</div>

{% if activeAlarms is not empty %}
<div class="status-card status-card--alarm mb-15">
    <div class="card-header">
        <h3><i class="fas fa-exclamation-triangle"></i> Aktive Alarme ({{ activeAlarms|length }})</h3>
    </div>
    <div class="card-body">
        {% for dataloggerId, alarms in alarmsByDatalogger %}
            {% set datalogger = dataloggerMap[dataloggerId] ?? null %}
            <div class="alarm-group">
                <h4 class="alarm-group-header">
                    <i class="fas fa-server"></i>
                    <span class="alarm-group-title">
                        {% if datalogger %}
                            <a href="{{ path('app_datalogger_detail', {id: datalogger.id}) }}" class="alarm-group-link">{{ datalogger.name }}{% if datalogger.location %} - {{ datalogger.location }}{% endif %}</a>
                        {% else %}
                            Datalogger ID: {{ dataloggerId }}
                        {% endif %}
                    </span>
                    <span class="alarm-group-count">{{ alarms|length }} Alarm{{ alarms|length != 1 ? 'e' : '' }}</span>
                </h4>
                <div class="alarm-list">
                    {% for alarm in alarms %}
                        {% set alarmLevel = alarm.metadata.level|default(alarm.severity == 'critical' ? 'alarm' : 'warn') %}
                        <div class="alarm-item{% if alarm.severity == 'critical' %} alarm-item--critical{% endif %}{% if alarm.acknowledged %} alarm-item--acknowledged{% endif %}">
                            <div class="alarm-item-header">
                                <div>
                                    <strong class="alarm-item-message">{{ alarm.groupName ?? 'System' }}</strong>
                                    <span class="badge-filled--{{ alarm.severity == 'critical' ? 'critical' : 'warning' }}">{{ alarmLevel|alarm_level_label }}</span>
                                    {% if alarm.acknowledged %}<span class="badge-filled--info"><i class="fas fa-check"></i> Quittiert</span>{% endif %}
                                </div>
                                <div class="alarm-item-date">{{ alarm.createdAt|date('d.m.Y H:i:s') }}</div>
                            </div>
                            <div class="alarm-item-message">{{ alarm.message }}</div>
                            {% if alarm.metadata is not empty %}
                                <div class="alarm-metadata-box">
                                    {% if alarm.metadata.sensorName is defined %}<div><strong>Sensor:</strong> {{ alarm.metadata.sensorName }}</div>{% endif %}
                                    {% if alarm.metadata.deviationPercent is defined %}<div><strong>Abweichung:</strong> {{ alarm.metadata.deviationPercent|number_format(2) }}%</div>{% endif %}
                                    {% if alarm.metadata.flowRate is defined %}<div><strong>Flussrate:</strong> {{ alarm.metadata.flowRate|number_format(2) }} {{ alarm.metadata.unit ?? 'L/min' }}</div>{% endif %}
                                    {% if alarm.metadata.batteryLevel is defined %}<div><strong>Batterie:</strong> {{ alarm.metadata.batteryLevel|number_format(1) }}%</div>{% endif %}
                                    {% if alarm.metadata.cpuTemp is defined %}<div><strong>CPU:</strong> {{ alarm.metadata.cpuTemp|number_format(1) }}°C</div>{% endif %}
                                </div>
                            {% endif %}
                            <div class="alarm-actions">
                                {% if not alarm.acknowledged and alarm.resolvedAt %}
                                    <form method="POST" action="{{ path('app_alarm_acknowledge', {id: dataloggerId, alarmId: alarm.id}) }}" class="form-inline">
                                        <button type="submit" class="btn btn-sm btn-primary"><i class="fas fa-check"></i> Quittieren</button>
                                    </form>
                                {% elseif not alarm.resolvedAt %}
                                    <span class="section-muted"><i class="fas fa-info-circle"></i> Alarm muss zuerst aufgelöst werden, bevor er quittiert werden kann.</span>
                                {% endif %}
                                {% if datalogger %}
                                    <a href="{{ path('app_alarms', {id: datalogger.id}) }}" class="btn btn-sm btn-primary"><i class="fas fa-arrow-right"></i> Zu {{ datalogger.name }}</a>
                                {% endif %}
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% endfor %}
    </div>
</div>
{% else %}
<div class="alert alert-success mb-15">
    <i class="fas fa-check-circle"></i>
    <strong>Keine aktiven Alarme!</strong> Alle Systeme funktionieren normal.
</div>
{% endif %}

{% if recentAlarms is not empty %}
<div class="status-card">
    <div class="card-header">
        <h3><i class="fas fa-history"></i> Alarm-Historie (letzte 200)</h3>
    </div>
    <div class="card-body">
        <div class="table-container">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Datalogger</th>
                        <th>Gruppe</th>
                        <th>Typ</th>
                        <th>Level</th>
                        <th>Nachricht</th>
                        <th>Erstellt</th>
                        <th>Status</th>
                        <th>Aktion</th>
                    </tr>
                </thead>
                <tbody>
                    {% for alarm in recentAlarms %}
                        {% set datalogger = dataloggerMap[alarm.dataloggerId] ?? null %}
                        {% set alarmLevel = alarm.metadata.level|default(alarm.severity == 'critical' ? 'alarm' : 'warn') %}
                        <tr class="{% if not alarm.resolvedAt %}{% if alarm.severity == 'critical' %}alarm-row--critical{% else %}alarm-row--active{% endif %}{% endif %}">
                            <td>
                                {% if datalogger %}
                                    <a href="{{ path('app_datalogger_detail', {id: datalogger.id}) }}" class="alarm-group-link">{{ datalogger.name }}</a>
                                {% else %}
                                    ID: {{ alarm.dataloggerId }}
                                {% endif %}
                            </td>
                            <td>{{ alarm.groupName ?? '-' }}</td>
                            <td>{{ alarm.type|alarm_type_label }}</td>
                            <td><span class="badge-filled--{{ alarm.severity == 'critical' ? 'critical' : 'warning' }}">{{ alarmLevel|alarm_level_label }}</span></td>
                            <td>{{ alarm.message|slice(0, 50) }}{% if alarm.message|length > 50 %}...{% endif %}</td>
                            <td>{{ alarm.createdAt|date('d.m.Y H:i') }}</td>
                            <td>
                                {% if alarm.resolvedAt %}
                                    <span class="text-success"><i class="fas fa-check-circle"></i> Aufgelöst</span>
                                {% elseif alarm.acknowledged %}
                                    <span class="text-info"><i class="fas fa-check-circle"></i> Quittiert</span>
                                {% else %}
                                    <span class="text-danger"><i class="fas fa-exclamation-circle"></i> Aktiv</span>
                                {% endif %}
                                {% if alarm.acknowledged %}<br><span class="text-info font-sm"><i class="fas fa-check"></i> Quittiert</span>{% endif %}
                            </td>
                            <td>
                                {% if alarm.resolvedAt and not alarm.acknowledged %}
                                    <form method="POST" action="{{ path('app_alarm_acknowledge', {id: alarm.dataloggerId, alarmId: alarm.id}) }}" class="form-inline">
                                        <button type="submit" class="btn btn-sm btn-primary"><i class="fas fa-check"></i> Quittieren</button>
                                    </form>
                                {% elseif alarm.acknowledged %}
                                    <span class="text-info font-sm"><i class="fas fa-check-circle"></i> Quittiert</span>
                                {% else %}
                                    <span class="text-muted font-sm"><i class="fas fa-info-circle"></i> Noch aktiv</span>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}
{% endblock %}