{% extends 'base.html.twig' %}
{% import 'components/json_display.html.twig' as jsonDisplay %}
{% import 'components/datalogger_tabs.html.twig' as tabs %}

{% block title %}HAT Sensoren - 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>
        {% if datalogger is defined %}
            <a href="{{ path('app_datalogger_detail', {id: datalogger.id}) }}">{{ datalogger.name }}</a>
            <i class="fas fa-chevron-right"></i>
        {% endif %}
        <span>HAT Sensoren</span>
    </div>
    <div class="page-title">
        <i class="fas fa-microchip"></i>
        <h2>HAT Sensoren{% if datalogger is defined %} - {{ datalogger.name }}{% endif %}</h2>
    </div>
</div>

{% if apiAvailable is defined and not apiAvailable %}
<div class="alert alert-warning mb-15">
    <i class="fas fa-exclamation-triangle"></i>
    <strong>Warnung:</strong> Datalogger API ist nicht erreichbar. Die angezeigten Daten können veraltet sein.
</div>
{% endif %}


{% if datalogger is defined %}
{{ tabs.renderTabs(datalogger, app.request.attributes.get('_route')) }}
{% endif %}

<div class="hats-toolbar">
    <div class="hats-toolbar-left">
        <i class="fas fa-sync-alt text-primary"></i>
        <span class="font-weight-500">Auto-Refresh:</span>
    </div>
    <div class="hats-toolbar-right">
        <select id="refreshInterval" class="form-select">
            <option value="0">OFF</option>
            <option value="1000">1s</option>
            <option value="5000">5s</option>
            <option value="10000">10s</option>
            <option value="30000">30s</option>
            <option value="60000">1min</option>
            <option value="300000">5min</option>
        </select>
        {% if datalogger is defined %}
        <a href="{{ path('app_hats_charts', {id: datalogger.id}) }}" class="btn btn-primary">
            <i class="fas fa-chart-bar"></i>
            <span>Alle Charts</span>
        </a>
        {% endif %}
    </div>
</div>

{# Alte Durchschnittswerte (Fallback) #}
<div id="hat-averages-card" class="status-card mb-15{% if avgTemperature is null and avgPressure is null and (sensorGroups.temperature is empty and sensorGroups.pressure is empty) %} d-none{% endif %}">
    <div class="card-header">
        <h3><i class="fas fa-chart-line"></i> Durchschnittswerte</h3>
    </div>
    <div class="card-body">
        <div class="metrics-grid">
            <div id="avg-temperature-item" class="metric-item{% if avgTemperature is null %} d-none{% endif %}">
                <i class="fas fa-thermometer-half metric-icon-temp"></i>
                <div class="metric-content">
                    <span class="metric-value" id="avg-temperature-value">{% if avgTemperature is not null %}{{ avgTemperature|number_format(2) }}°C{% endif %}</span>
                    <span class="metric-label">Ø Temperatur (HAT5)</span>
                </div>
            </div>
            <div id="avg-pressure-item" class="metric-item{% if avgPressure is null %} d-none{% endif %}">
                <i class="fas fa-tachometer-alt metric-icon-pressure"></i>
                <div class="metric-content">
                    <span class="metric-value" id="avg-pressure-value">{% if avgPressure is not null %}{{ avgPressure|number_format(2) }}{% endif %}</span>
                    <span class="metric-label">Ø Druck (HAT1)</span>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="content-grid">
    <div class="content-main" id="hats-content-main">
        {% if hatsData.error is defined %}
            <div class="alert alert-error">
                <i class="fas fa-exclamation-triangle"></i>
                <strong>Fehler:</strong> {{ hatsData.error }}
            </div>
        {% elseif hatsData %}
            {# Prüfe ob hatsData direkt die HAT-Struktur enthält oder in hat_data verschachtelt ist #}
            {% set hatDataToProcess = hatsData.hat_data is defined and hatsData.hat_data is iterable ? hatsData.hat_data : (hatsData is iterable ? hatsData : {}) %}
            {% if hatDataToProcess and hatDataToProcess is iterable %}
                {# Iteriere über alle HATs #}
                {% for hatKey, hat in hatDataToProcess %}
                {% if hat is iterable and hat.inputs is defined and hat.inputs is iterable %}
                {% set hatName = hat.name is not iterable ? hat.name : hatKey %}
                {% set hatStack = hat.stack is not iterable ? hat.stack : null %}
                {% set isHatHidden = false %}
                {% if not isAdmin %}
                    {% for hidden in hiddenSensors %}
                        {# Prüfe ob HAT komplett versteckt ist (channel ist null) #}
                        {% if hidden.hatName == hatName and hidden.channel is null and (hidden.stack is null or hidden.stack == hatStack) %}
                            {% set isHatHidden = true %}
                        {% endif %}
                    {% endfor %}
                {% endif %}
                {% if not isHatHidden %}
                <div class="hat-card">
                    <div class="hat-header">
                        <div class="hat-title">
                            <i class="fas fa-microchip"></i>
                            <h3>{% if hat.name is not iterable %}{{ hat.name }}{% else %}{{ hatKey }}{% endif %}</h3>
                            <span class="hat-badge">Stack {% if hat.stack is not iterable %}{{ hat.stack }}{% else %}N/A{% endif %}</span>
                        </div>
                        <div class="hat-info">
                            {% if hat.address is defined and hat.address is not iterable %}
                                <span class="hat-meta">
                                    <i class="fas fa-hashtag"></i>
                                    Address: {{ hat.address }}
                                </span>
                            {% endif %}
                            {% if hat.version is defined and hat.version is not iterable %}
                                <span class="hat-meta">
                                    <i class="fas fa-code-branch"></i>
                                    v{{ hat.version }}
                                </span>
                            {% endif %}
                            {% if hat.timestamp is defined and hat.timestamp is not iterable %}
                                <span class="hat-meta">
                                    <i class="fas fa-clock"></i>
                                    {% if hat.timestamp > 1000000000 %}
                                        {{ hat.timestamp|round|date('d.m.Y H:i:s') }}
                                    {% else %}
                                        {{ hat.timestamp }}
                                    {% endif %}
                                </span>
                            {% endif %}
                        </div>
                    </div>

                    <div class="hat-channels">
                        <div class="channels-grid">
                            {% for input in hat.inputs %}
                                {% if input is iterable %}
                                {% set inputChannel = input.channel is not iterable ? input.channel : null %}
                                {% set isChannelHidden = false %}
                                {% if not isAdmin %}
                                    {% for hidden in hiddenSensors %}
                                        {# Prüfe ob spezifischer Channel versteckt ist #}
                                        {% if hidden.hatName == hatName and (hidden.stack is null or hidden.stack == hatStack) and hidden.channel == inputChannel %}
                                            {% set isChannelHidden = true %}
                                        {% endif %}
                                    {% endfor %}
                                {% endif %}
                                {% if not isChannelHidden %}
                                {# Initialisiere Variablen mit Standardwerten #}
                                {% set normalizedValue = 0 %}
                                {% set percentage = 0 %}
                                {% set isLow = false %}
                                {% set isHigh = false %}
                                {% set isInRange = false %}
                                
                                {# Berechne normalizedValue nur wenn calibrated_value nicht vorhanden ist (altes Format) #}
                                {% if input.calibrated_value is not defined or input.calibrated_value is iterable %}
                                    {# Altes Format #}
                                    {% set normalizedValue = (input.raw_value is defined and input.raw_value is not iterable and input.raw_min is defined and input.raw_min is not iterable and input.raw_max is defined and input.raw_max is not iterable and input.default_min is defined and input.default_min is not iterable and input.default_max is defined and input.default_max is not iterable and (input.raw_max - input.raw_min) != 0) ? ((input.raw_value - input.raw_min) / (input.raw_max - input.raw_min) * (input.default_max - input.default_min) + input.default_min) : 0 %}
                                    {% set percentage = (input.raw_value is defined and input.raw_value is not iterable and input.raw_min is defined and input.raw_min is not iterable and input.raw_max is defined and input.raw_max is not iterable and (input.raw_max - input.raw_min) != 0) ? (((input.raw_value - input.raw_min) / (input.raw_max - input.raw_min)) * 100) : 0 %}
                                    {% set isInRange = (normalizedValue is not iterable and input.default_min is not iterable and input.default_max is not iterable) ? (normalizedValue >= input.default_min and normalizedValue <= input.default_max) : false %}
                                    {% set isLow = (normalizedValue is not iterable and input.default_min is not iterable) ? (normalizedValue < input.default_min) : false %}
                                    {% set isHigh = (normalizedValue is not iterable and input.default_max is not iterable) ? (normalizedValue > input.default_max) : false %}
                                {% else %}
                                    {# Neues Format: Verwende calibrated_value und alarm-Werte #}
                                    {% set normalizedValue = input.calibrated_value %}
                                    {% set isLow = (input.alarm_low is defined and input.alarm_low is not iterable and input.calibrated_value is not iterable) ? (input.calibrated_value < input.alarm_low) : false %}
                                    {% set isHigh = (input.alarm_high is defined and input.alarm_high is not iterable and input.calibrated_value is not iterable) ? (input.calibrated_value > input.alarm_high) : false %}
                                    {% set isInRange = not isLow and not isHigh %}
                                    {# percentage wird für neues Format nicht benötigt, aber setze es auf 0 für Kompatibilität #}
                                    {% set percentage = 0 %}
                                {% endif %}
                                
                                <div class="channel-card {% if isLow %}channel-low{% elseif isHigh %}channel-high{% else %}channel-ok{% endif %}" 
                                     data-hat="{{ hatName }}" 
                                     data-stack="{% if hatStack is not null %}{{ hatStack }}{% endif %}" 
                                     data-channel="{% if inputChannel is not null %}{{ inputChannel }}{% endif %}">
                                    <div class="channel-header">
                                        <div class="channel-number">
                                            <i class="fas fa-plug"></i>
                                            <span>Channel {% if input.channel is not iterable %}{{ input.channel }}{% else %}-{% endif %}</span>
                                        </div>
                                        <div class="channel-status">
                                            {% if input.digital_state %}
                                                <span class="status-dot status-dot-success" title="Digital: ON"></span>
                                            {% else %}
                                                <span class="status-dot status-dot-danger" title="Digital: OFF"></span>
                                            {% endif %}
                                            <a href="{{ path('app_hats_charts', {id: datalogger.id}) }}?hat={{ hatName|url_encode }}&stack={% if hatStack is not null %}{{ hatStack }}{% else %}0{% endif %}&channel={% if inputChannel is not null %}{{ inputChannel }}{% else %}0{% endif %}" class="chart-button" title="Chart anzeigen">
                                                <i class="fas fa-chart-line"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="channel-body">
                                        {% if input.sensor_name is defined and input.sensor_name is not iterable %}
                                        <div class="channel-sensor-name">
                                            <i class="fas fa-tag"></i>
                                            <strong>{{ input.sensor_name }}</strong>
                                            {% if input.sensor_type is defined and input.sensor_type is not iterable %}
                                                <span class="sensor-type-badge">{{ input.sensor_type }}</span>
                                            {% endif %}
                                        </div>
                                        {% endif %}

                        

                                        <div class="channel-value">
                                            <div class="value-display">
                                                {% if input.calibrated_value is defined and input.calibrated_value is not iterable %}
                                                    {# Neues Format mit calibrated_value #}
                                                    <span class="value-number channel-value-number">{{ input.calibrated_value|number_format(2) }}</span>
                                                    <span class="value-unit channel-value-unit">{% if input.unit is not iterable %}{{ input.unit }}{% else %}{% if input.mode_kind is not iterable %}{{ input.mode_kind == 'current' ? 'mA' : (input.raw_unit is not iterable ? (input.raw_unit ?? '') : '') }}{% else %}{% endif %}{% endif %}</span>
                                                {% else %}
                                                    {# Altes Format mit normalizedValue #}
                                                    <span class="value-number channel-value-number">{% if normalizedValue is not iterable %}{{ normalizedValue|number_format(2) }}{% else %}-{% endif %}</span>
                                                    <span class="value-unit channel-value-unit">{% if input.mode_kind is not iterable %}{{ input.mode_kind == 'current' ? 'mA' : (input.raw_unit is not iterable ? (input.raw_unit ?? '') : '') }}{% else %}{% endif %}</span>
                                                {% endif %}
                                            </div>
                                        </div>

                                        {% if input.alarm_low is defined and input.alarm_high is defined and input.alarm_low is not iterable and input.alarm_high is not iterable and (input.alarm_high - input.alarm_low) != 0 %}
                                            {# Neues Format mit Alarm-Werten #}
                                            {% set alarmValue = input.calibrated_value is defined and input.calibrated_value is not iterable ? input.calibrated_value : normalizedValue %}
                                            {% set alarmPercentage = (alarmValue - input.alarm_low) / (input.alarm_high - input.alarm_low) * 100 %}
                                            {% set isAlarmLow = alarmValue < input.alarm_low %}
                                            {% set isAlarmHigh = alarmValue > input.alarm_high %}
                                            {% set isAlarmOk = not isAlarmLow and not isAlarmHigh %}
                                            
                                            <div class="channel-alarms">
                                                <div class="alarm-indicators">
                                                    {% if isAlarmLow %}
                                                        <span class="alarm-badge alarm-low">
                                                            <i class="fas fa-exclamation-triangle"></i> Unter Alarm
                                                        </span>
                                                    {% elseif isAlarmHigh %}
                                                        <span class="alarm-badge alarm-high">
                                                            <i class="fas fa-exclamation-triangle"></i> Über Alarm
                                                        </span>
                                                    {% else %}
                                                        <span class="alarm-badge alarm-ok">
                                                            <i class="fas fa-check-circle"></i> OK
                                                        </span>
                                                    {% endif %}
                                                </div>
                                                <div class="range-bar">
                                                    <div class="range-fill channel-range-fill" style="--fill: {% if alarmPercentage is not iterable %}{% if alarmPercentage > 100 %}100{% elseif alarmPercentage < 0 %}0{% else %}{{ alarmPercentage|round }}{% endif %}{% else %}0{% endif %}"></div>
                                                </div>
                                                <div class="range-labels">
                                                    <span>{{ input.alarm_low }}</span>
                                                    <span>{{ input.alarm_high }}</span>
                                                </div>
                                            </div>
                                        {% else %}
                                            {# Altes Format mit default_min/max #}
                                            <div class="channel-range">
                                                <div class="range-bar">
                                                    <div class="range-fill channel-range-fill" style="--fill: {% if percentage is not iterable %}{{ percentage|round }}{% else %}0{% endif %}"></div>
                                                </div>
                                                <div class="range-labels">
                                                    <span>{% if input.default_min is not iterable %}{{ input.default_min }}{% else %}-{% endif %} {% if input.mode_kind is not iterable and input.mode_kind == 'current' %}mA{% endif %}</span>
                                                    <span>{% if input.default_max is not iterable %}{{ input.default_max }}{% else %}-{% endif %} {% if input.mode_kind is not iterable and input.mode_kind == 'current' %}mA{% endif %}</span>
                                                </div>
                                            </div>
                                        {% endif %}

                                        {% if input.counter is defined and input.counter is not iterable and input.counter > 0 %}
                                        <div class="channel-counter">
                                            <i class="fas fa-tachometer-alt"></i>
                                            <span>Counter: {{ input.counter }}</span>
                                        </div>
                                        {% endif %}

                                        <div class="channel-id">
                                            <small>{% if input.sensor_id is not iterable %}{{ input.sensor_id }}{% elseif input.id is not iterable %}{{ input.id }}{% else %}{% endif %}</small>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                                {% endif %}
                            {% endfor %}
                        </div>
                    </div>
                </div>
                {% endif %}
                {% endif %}
                {% endfor %}
            {% endif %}
        {% else %}
            <div class="alert alert-info">
                <i class="fas fa-info-circle"></i>
                <strong>Keine HAT-Daten verfügbar</strong>
            </div>
        {% endif %}
    </div>

    <div class="content-sidebar">
        {% if hatsStatus is defined and hatsStatus.error is not defined %}
        <div class="info-panel" id="hat-status-panel">
            <h3>HAT Status</h3>
            <div class="info-content" id="hat-status-content">
                <div class="info-grid info-grid-tight">
                    {% for key, value in hatsStatus %}
                        {% if key != 'error' %}
                            <div class="info-item info-item-tight">
                                <span class="info-label info-label-sm">{{ key|replace({'_': ' '})|title }}</span>
                                <span class="info-value info-value-sm">
                                    {% set isArray = value is iterable and value is not same as('') and value is not same as([]) %}
                                    {% if isArray %}
                                        <div class="badge-wrap">
                                            {% for item in value %}
                                                <span class="badge-pill">
                                                    {% if item is iterable and item is not same as('') and item is not same as([]) %}
                                                        {{ item|json_encode }}
                                                    {% else %}
                                                        {{ item }}
                                                    {% endif %}
                                                </span>
                                            {% endfor %}
                                        </div>
                                    {% elseif value is same as(true) %}
                                        <span class="status-dot status-dot-success"></span> Ja
                                    {% elseif value is same as(false) %}
                                        <span class="status-dot status-dot-danger"></span> Nein
                                    {% elseif value is null %}
                                        <span class="text-muted font-italic">-</span>
                                    {% elseif key|lower matches '/timestamp/' and not isArray %}
                                        <i class="fas fa-clock text-secondary mr-half text-sm"></i>
                                        {% set timestampValue = value|round %}
                                        {% if timestampValue > 1000000000 and timestampValue < 9999999999 %}
                                            {{ timestampValue|date('d.m.Y H:i:s') }}
                                        {% else %}
                                            {{ value }}
                                        {% endif %}
                                    {% else %}
                                        {# Normale Anzeige #}
                                        {% if isArray %}
                                            {{ value|json_encode }}
                                        {% else %}
                                            {{ value }}
                                        {% endif %}
                                    {% endif %}
                                </span>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
        </div>
        {% endif %}

        <div class="info-panel">
            <h3>Legende</h3>
            <div class="info-content">
                <div class="legend-item">
                    <span class="status-dot channel-ok"></span>
                    <span>Normaler Bereich</span>
                </div>
                <div class="legend-item">
                    <span class="status-dot channel-low"></span>
                    <span>Unter Minimum</span>
                </div>
                <div class="legend-item">
                    <span class="status-dot channel-high"></span>
                    <span>Über Maximum</span>
                </div>
            </div>
            {% if hatsData.error is not defined and hatsData %}
                {% set hatDataToProcess = hatsData.hat_data is defined and hatsData.hat_data is iterable ? hatsData.hat_data : (hatsData is iterable ? hatsData : {}) %}
                {% if hatDataToProcess and hatDataToProcess is iterable %}
                    {# Sammle Min/Max-Werte pro Einheit - verwende einfache Variablen für jede Einheit #}
                    {% set tempMin = null %}
                    {% set tempMax = null %}
                    {% set pressureMin = null %}
                    {% set pressureMax = null %}
                    {% set otherRanges = {} %}
                    
                    {% for hatKey, hat in hatDataToProcess %}
                        {% if hat is iterable and hat.inputs is defined and hat.inputs is iterable %}
                            {% set hatName = hat.name is not iterable ? hat.name : hatKey %}
                            {% set hatStack = hat.stack is not iterable ? hat.stack : null %}
                            {% for input in hat.inputs %}
                                {% if input is iterable %}
                                    {% set inputChannel = input.channel is not iterable ? input.channel : null %}
                                    {% set isChannelHidden = false %}
                                    {% if not isAdmin %}
                                        {% for hidden in hiddenSensors %}
                                            {% if hidden.hatName == hatName and (hidden.stack is null or hidden.stack == hatStack) and hidden.channel == inputChannel %}
                                                {% set isChannelHidden = true %}
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                    {% if not isChannelHidden %}
                                        {% set unit = input.unit is defined and input.unit is not iterable ? input.unit : (input.raw_unit is defined and input.raw_unit is not iterable ? input.raw_unit : '') %}
                                        {% set isTemp = unit == '°C' or unit|lower == 'c' or (input.sensor_name is defined and input.sensor_name is not iterable and 'temp' in input.sensor_name|lower) %}
                                        {% set isPressure = unit == 'bar' or (input.sensor_name is defined and input.sensor_name is not iterable and 'druck' in input.sensor_name|lower or 'pressure' in input.sensor_name|lower) %}
                                        
                                        {# Neues Format: alarm_low/alarm_high #}
                                        {% if input.alarm_low is defined and input.alarm_low is not iterable and input.alarm_high is defined and input.alarm_high is not iterable %}
                                            {% if isTemp %}
                                                {% if tempMin is null or input.alarm_low < tempMin %}
                                                    {% set tempMin = input.alarm_low %}
                                                {% endif %}
                                                {% if tempMax is null or input.alarm_high > tempMax %}
                                                    {% set tempMax = input.alarm_high %}
                                                {% endif %}
                                            {% elseif isPressure %}
                                                {% if pressureMin is null or input.alarm_low < pressureMin %}
                                                    {% set pressureMin = input.alarm_low %}
                                                {% endif %}
                                                {% if pressureMax is null or input.alarm_high > pressureMax %}
                                                    {% set pressureMax = input.alarm_high %}
                                                {% endif %}
                                            {% endif %}
                                        {# Altes Format: default_min/default_max #}
                                        {% elseif input.default_min is defined and input.default_min is not iterable and input.default_max is defined and input.default_max is not iterable %}
                                            {% if isTemp %}
                                                {% if tempMin is null or input.default_min < tempMin %}
                                                    {% set tempMin = input.default_min %}
                                                {% endif %}
                                                {% if tempMax is null or input.default_max > tempMax %}
                                                    {% set tempMax = input.default_max %}
                                                {% endif %}
                                            {% elseif isPressure %}
                                                {% if pressureMin is null or input.default_min < pressureMin %}
                                                    {% set pressureMin = input.default_min %}
                                                {% endif %}
                                                {% if pressureMax is null or input.default_max > pressureMax %}
                                                    {% set pressureMax = input.default_max %}
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    {% endfor %}
                    
                    {# Zeige Min/Max-Werte an #}
                    {% if tempMin is not null and tempMax is not null or pressureMin is not null and pressureMax is not null %}
                        <div class="legend-ranges">
                            <h4>Bereiche aus API:</h4>
                            {% if tempMin is not null and tempMax is not null %}
                                <div class="legend-item legend-range-item">
                                    <span class="legend-range-label">Temperatur:</span>
                                    <span class="legend-range-value">Min: <strong>{{ tempMin|number_format(1) }}</strong>°C, Max: <strong>{{ tempMax|number_format(1) }}</strong>°C</span>
                                </div>
                            {% endif %}
                            {% if pressureMin is not null and pressureMax is not null %}
                                <div class="legend-item legend-range-item">
                                    <span class="legend-range-label">Druck:</span>
                                    <span class="legend-range-value">Min: <strong>{{ pressureMin|number_format(1) }}</strong> bar, Max: <strong>{{ pressureMax|number_format(1) }}</strong> bar</span>
                                </div>
                            {% endif %}
                        </div>
                    {% endif %}
                {% endif %}
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}

{% block stylesheets %}{% endblock %}

{% block javascripts %}
<script>
window.APP_HATS = {
    hatsAjaxUrl: {% if datalogger is defined %}{{ path('app_hats_ajax', {id: datalogger.id})|json_encode|raw }}{% else %}{{ path('app_hats_ajax')|json_encode|raw }}{% endif %}
};
</script>
<script src="{{ asset('js/hats.js') }}"></script>
{% endblock %}