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

{% block title %}BMS / Charger - {{ datalogger.name }}{% endblock %}

{% block content %}
<div class="page-header">
    <div class="breadcrumb">
        <a href="{{ path('app_dashboard') }}">Home</a>
        <i class="fas fa-chevron-right"></i>
        <a href="{{ path('app_datalogger_detail', {id: datalogger.id}) }}">{{ datalogger.name }}</a>
        <i class="fas fa-chevron-right"></i>
        <span>BMS / Charger</span>
    </div>
    <div class="page-title">
        <h2><i class="fas fa-battery-full"></i> BMS / Charger – {{ datalogger.name }}</h2>
    </div>
</div>

{{ tabs.renderTabs(datalogger, app.request.attributes.get('_route')) }}

<div class="detail-content">
    {# Victron – Ladezustand, Spannung, Ladestatus #}
    <div class="status-card mb-15">
        <div class="card-header">
            <h3><i class="fas fa-charging-station"></i> Victron</h3>
            {% if victron.error is not defined and victron.victron is defined %}
                <span class="badge {{ victron.victron.connected ?? false ? 'badge--success' : 'badge--secondary' }}">
                    {{ victron.victron.connected ?? false ? 'Verbunden' : 'Nicht verbunden' }}
                </span>
            {% endif %}
        </div>
        <div class="card-body">
            {% if victron.error is defined %}
                <p class="text-danger"><i class="fas fa-exclamation-circle"></i> {{ victron.error }}</p>
            {% elseif victron.victron is defined %}
                {% set v = victron.victron %}
                <div class="info-grid-modern mb-2">
                    {% if v.battery_soc_estimated_pct is defined or v.battery_soc_pct is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Batterie SOC (geschätzt)</span>
                            <span class="info-value-modern">
                                <i class="fas fa-battery-three-quarters"></i>
                                {{ v.battery_soc_estimated_pct ?? v.battery_soc_pct ?? '-' }}%
                            </span>
                        </div>
                    {% endif %}
                    {% if v.battery_voltage_v is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Batteriespannung</span>
                            <span class="info-value-modern">{{ v.battery_voltage_v }} V</span>
                        </div>
                    {% endif %}
                    {% if v.battery_current_a is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Batteriestrom</span>
                            <span class="info-value-modern">{{ v.battery_current_a }} A</span>
                        </div>
                    {% endif %}
                    {% if v.battery_power_w is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Batterieleistung</span>
                            <span class="info-value-modern">{{ v.battery_power_w }} W</span>
                        </div>
                    {% endif %}
                    {% if v.charge_state_text is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Ladezustand</span>
                            <span class="info-value-modern">{{ v.charge_state_text }}</span>
                        </div>
                    {% endif %}
                    {% if v.error_text is defined and v.error_text %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Fehler</span>
                            <span class="info-value-modern text-danger">{{ v.error_text }} (Code: {{ v.error_code ?? '-' }})</span>
                        </div>
                    {% endif %}
                    {% if v.serial_number is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Seriennummer</span>
                            <span class="info-value-modern mono">{{ v.serial_number }}</span>
                        </div>
                    {% endif %}
                    {% if v.port is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Port</span>
                            <span class="info-value-modern mono">{{ v.port }}</span>
                        </div>
                    {% endif %}
                </div>
                {% if v.battery_soc_estimation is defined and v.battery_soc_estimation is iterable %}
                    <details class="mt-1">
                        <summary class="cursor-pointer text-secondary">SOC-Schätzung (Details)</summary>
                        <pre class="mt-half p-1 bg-light rounded font-sm overflow-auto">{{ v.battery_soc_estimation|json_encode(2) }}</pre>
                    </details>
                {% endif %}
            {% else %}
                <p class="text-muted">Keine Victron-Daten vorhanden.</p>
            {% endif %}
        </div>
    </div>

    {# BMS – Batterien, verbundene Geräte, Fehler #}
    <div class="status-card">
        <div class="card-header">
            <h3><i class="fas fa-battery-half"></i> BMS (Battery Management System)</h3>
            {% if bms.battery_bms is defined %}
                <span class="badge {{ bms.battery_bms.connected ?? false ? 'badge--success' : 'badge--secondary' }}">
                    {{ bms.battery_bms.connected ?? false ? 'Verbunden' : 'Nicht verbunden' }}
                </span>
            {% endif %}
        </div>
        <div class="card-body">
            {% if bms.battery_bms is defined %}
                {% set bb = bms.battery_bms %}
                {% set batteries = bb.batteries is defined and bb.batteries is iterable ? bb.batteries : [] %}
                {% set visibleBatteryCount = batteries|length > 0 ? batteries|length : (bb.battery_count ?? 0) %}
                {% if bms.error is defined %}
                    <p class="text-warning"><i class="fas fa-exclamation-circle"></i> {{ bms.error }}</p>
                {% endif %}
                {% if bb.battery_snapshot_fallback is defined and bb.battery_snapshot_fallback %}
                    <p class="text-warning font-sm">
                        <i class="fas fa-history"></i>
                        Batterieinformationen stammen aus dem letzten erfolgreichen BMS-Snapshot{% if bb.battery_snapshot_stored_at is defined and bb.battery_snapshot_stored_at %} ({{ bb.battery_snapshot_stored_at|date('d.m.Y H:i:s') }}){% endif %}.
                    </p>
                {% endif %}
                <div class="info-grid-modern mb-2">
                    <div class="info-item-modern">
                        <span class="info-label-modern">Batterieanzahl</span>
                        <span class="info-value-modern">{{ visibleBatteryCount }}</span>
                    </div>
                    {% if bb.link_quality_pct is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Link-Qualität</span>
                            <span class="info-value-modern">{{ bb.link_quality_pct }}%</span>
                        </div>
                    {% endif %}
                    {% if bb.timestamp is defined %}
                        <div class="info-item-modern">
                            <span class="info-label-modern">Zeitstempel</span>
                            <span class="info-value-modern">{{ bb.timestamp }}</span>
                        </div>
                    {% endif %}
                </div>
                {% if batteries|length > 0 %}
                    <h4 class="mt-1">Batterien</h4>
                    <div class="table-container">
                        <table class="table-modern">
                            <thead>
                                <tr>
                                    <th>Name / MAC</th>
                                    <th>SOC %</th>
                                    <th>Spannung</th>
                                    <th>Weitere</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for bat in batteries %}
                                <tr>
                                    <td>{{ bat.name ?? bat.mac ?? '-' }}</td>
                                    <td>{{ bat.battery_level ?? bat.soc_pct ?? bat.soc ?? '-' }}</td>
                                    <td>{{ bat.voltage_v ?? bat.voltage ?? '-' }}</td>
                                    <td>
                                        <div class="font-sm">
                                            <div class="mb-half">
                                                <span class="badge {{ bat.connected ?? false ? 'badge--success' : 'badge--secondary' }}">
                                                    {{ bat.connected ?? false ? 'Connected' : 'Disconnected' }}
                                                </span>
                                                <span class="badge {{ bat.problem ?? false ? 'badge--danger' : 'badge--success' }}">
                                                    {{ bat.problem ?? false ? 'Problem' : 'OK' }}
                                                </span>
                                            </div>
                                            <div class="text-secondary">
                                                {% if bat.error is defined and bat.error %}<div class="text-warning"><strong>Hinweis:</strong> {{ bat.error }}{% if bat.stale is defined and bat.stale %} (stale){% endif %}</div>{% endif %}
                                                {% if bat.snapshot_fallback is defined and bat.snapshot_fallback %}<div class="text-warning"><strong>Quelle:</strong> letzter erfolgreicher Snapshot</div>{% endif %}
                                                {% if bat.current_a is defined %}<div><strong>Strom:</strong> {{ bat.current_a }} A</div>{% endif %}
                                                {% if bat.power_w is defined %}<div><strong>Leistung:</strong> {{ bat.power_w }} W</div>{% endif %}
                                                {% if bat.temperature_c is defined %}<div><strong>Temp:</strong> {{ bat.temperature_c }} °C</div>{% endif %}
                                                {% if bat.link_quality_pct is defined %}<div><strong>Link:</strong> {{ bat.link_quality_pct }}%</div>{% endif %}
                                                {% if bat.cycles is defined %}<div><strong>Zyklen:</strong> {{ bat.cycles }}</div>{% endif %}
                                                {% if bat.cell_count is defined %}<div><strong>Zellen:</strong> {{ bat.cell_count }}</div>{% endif %}
                                                {% if bat.delta_voltage is defined %}<div><strong>Delta V:</strong> {{ bat.delta_voltage }} V</div>{% endif %}
                                            </div>
                                            {% if bat.cell_voltages is defined and bat.cell_voltages is iterable and bat.cell_voltages|length > 0 %}
                                                {% set sortedCellVoltages = bat.cell_voltages|sort %}
                                                <div class="mt-half font-xs text-secondary">
                                                    <strong>Zellspannung:</strong> min {{ (sortedCellVoltages|first)|number_format(3, '.', '') }} V / max {{ (sortedCellVoltages|last)|number_format(3, '.', '') }} V
                                                </div>
                                            {% endif %}
                                            {% if bat.temp_values is defined and bat.temp_values is iterable and bat.temp_values|length > 0 %}
                                                <div class="font-xs text-secondary">
                                                    <strong>Temp-Sensoren:</strong> {{ bat.temp_values|join(' / ') }} °C
                                                </div>
                                            {% endif %}
                                            <details class="mt-half">
                                                <summary class="cursor-pointer text-secondary font-xs">Rohdaten</summary>
                                                <pre class="m-0 mt-half p-1 bg-light rounded font-xs overflow-auto">{{ bat|json_encode(2) }}</pre>
                                            </details>
                                        </div>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% endif %}
                {% if bb.errors is defined and bb.errors|length > 0 %}
                    <h4 class="mt-1 text-danger">Fehler / Geräte</h4>
                    <ul class="list-unstyled">
                        {% for err in bb.errors %}
                        <li class="mb-half p-1 rounded" style="background: #fef2f2;">
                            <strong>{{ err.name ?? err.mac ?? 'Unbekannt' }}</strong>
                            {% if err.link_quality_pct is defined %} (Link: {{ err.link_quality_pct }}%){% endif %}
                            <br><span class="text-danger font-sm">{{ err.error }}</span>
                        </li>
                        {% endfor %}
                    </ul>
                {% endif %}
                {% if bb.discovered_devices is defined and bb.discovered_devices|length > 0 %}
                    <h4 class="mt-1">Erkannte Geräte</h4>
                    {% set discoveredDeviceLabels = [] %}
                    {% for dev in bb.discovered_devices %}
                        {% if dev is iterable %}
                            {% set label = dev.name ?? dev.mac ?? dev.id ?? (dev|json_encode) %}
                            {% set discoveredDeviceLabels = discoveredDeviceLabels|merge([label]) %}
                        {% else %}
                            {% set discoveredDeviceLabels = discoveredDeviceLabels|merge([dev]) %}
                        {% endif %}
                    {% endfor %}
                    <p class="font-sm text-secondary">{{ discoveredDeviceLabels|join(', ') }}</p>
                {% endif %}
            {% else %}
                <p class="text-muted">Keine BMS-Daten vorhanden.</p>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}