{% if sensorGroups is defined and sensorGroups.groups is defined %}
    {% if sensorGroups.groups is not empty %}
        <div id="groups-container" class="sections-overview-grid">
            {% for group in sensorGroups.groups %}
                {% set tempSensor = (group.temperatureSensors is defined and group.temperatureSensors is not empty) ? (group.temperatureSensors|first) : null %}
                {% set pressureSensor = (group.pressureSensors is defined and group.pressureSensors is not empty) ? (group.pressureSensors|first) : null %}
                {% set hasAlarm = group.alarms is defined and group.alarms is not empty %}
                {% set alarmReason = 'Alle Werte im Sollbereich' %}
                {% if hasAlarm %}
                    {% set firstAlarm = group.alarms|first %}
                    {% if firstAlarm is iterable and firstAlarm.message is defined and firstAlarm.message %}
                        {% set alarmReason = firstAlarm.message %}
                    {% elseif firstAlarm is not iterable and firstAlarm %}
                        {% set alarmReason = firstAlarm %}
                    {% else %}
                        {% set alarmReason = 'Grenzwertverletzung erkannt' %}
                    {% endif %}
                {% endif %}
                {% set tempValue = (tempSensor and tempSensor.value is defined and tempSensor.value is not null)
                    ? tempSensor.value
                    : (group.temperatureAverage is defined and group.temperatureAverage is not null ? group.temperatureAverage : null) %}
                {% set pressureValue = (pressureSensor and pressureSensor.value is defined and pressureSensor.value is not null)
                    ? pressureSensor.value
                    : (group.pressureAverage is defined and group.pressureAverage is not null ? group.pressureAverage : null) %}

                <div class="section-mini-card {{ hasAlarm ? 'section-mini-card-alert' : 'section-mini-card-ok' }}">
                    <div class="section-mini-header">
                        <h4 class="section-mini-title">{{ group.name is defined and group.name ? group.name : ('Sektion ' ~ loop.index) }}</h4>
                        <span class="section-mini-dot {{ hasAlarm ? 'section-mini-dot-alert' : 'section-mini-dot-ok' }}"></span>
                    </div>

                    <div class="section-mini-body">
                        <div class="section-mini-row">
                            <span class="section-mini-label">Temperatur</span>
                            <strong class="section-mini-value">{{ tempValue is not null ? tempValue|number_format(2) ~ ' °C' : '--' }}</strong>
                        </div>
                        <div class="section-mini-row">
                            <span class="section-mini-label">Druck</span>
                            <strong class="section-mini-value">{{ pressureValue is not null ? pressureValue|number_format(2) ~ ' bar' : '--' }}</strong>
                        </div>

                        <div class="section-mini-divider"></div>

                        <div class="section-mini-row">
                            <span class="section-mini-label">Gesamtmasse</span>
                            <strong class="section-mini-value">{{ group.massKg is defined and group.massKg is not null ? group.massKg|number_format(1) ~ ' kg' : '--' }}</strong>
                        </div>
                        <div class="section-mini-row">
                            <span class="section-mini-label">Nutzbar</span>
                            <strong class="section-mini-value">{{ group.usableMassKg is defined and group.usableMassKg is not null ? group.usableMassKg|number_format(1) ~ ' kg' : '--' }}</strong>
                        </div>
                        <div class="section-mini-row">
                            <span class="section-mini-label">Füllstand</span>
                            <strong class="section-mini-value">{{ group.fillLevelPercent is defined and group.fillLevelPercent is not null ? group.fillLevelPercent|number_format(0) ~ '%' : '--' }}</strong>
                        </div>
                        {% if group.tankCount is defined and group.tankCount is not null %}
                            <div class="section-mini-row">
                                <span class="section-mini-label">Behälter</span>
                                <strong class="section-mini-value">{{ group.tankCount }}</strong>
                            </div>
                        {% endif %}
                        {% set sectionChannel = (tempSensor and tempSensor.channel is defined and tempSensor.channel is not null)
                            ? tempSensor.channel
                            : ((pressureSensor and pressureSensor.channel is defined and pressureSensor.channel is not null) ? pressureSensor.channel : null) %}
                        {% if sectionChannel is not null %}
                            <div class="section-mini-row">
                                <span class="section-mini-label">Kanal</span>
                                <strong class="section-mini-value">{{ sectionChannel }}</strong>
                            </div>
                        {% endif %}
                        <div class="section-mini-divider section-mini-divider-status"></div>
                        <div class="section-mini-status-reason"><strong>Grund:</strong> {{ alarmReason }}</div>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <p class="text-muted">Keine Sektionen-Daten verfügbar.</p>
    {% endif %}
{% endif %}