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

{% block title %}Trips - 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>Trips</span>
    </div>
    <div class="page-title">
        <i class="fas fa-route"></i>
        <h2>Trips{% if datalogger is defined %} - {{ datalogger.name }}{% endif %}</h2>
    </div>
</div>

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

<div class="trips-controls">
    <div class="flex gap-half align-center">
        <label class="text-sm text-secondary">Zeitraum:</label>
        <select id="hours-select" class="form-select trips-hours-select">
            <option value="1" {% if hours == 1 %}selected{% endif %}>1 Stunde</option>
            <option value="6" {% if hours == 6 %}selected{% endif %}>6 Stunden</option>
            <option value="24" {% if hours == 24 %}selected{% endif %}>24 Stunden</option>
            <option value="48" {% if hours == 48 %}selected{% endif %}>48 Stunden</option>
            <option value="168" {% if hours == 168 %}selected{% endif %}>7 Tage</option>
        </select>
    </div>
</div>

<div class="content-grid">
    <div class="content-main">
        <!-- Statistics -->
        {% if statistics and (statistics.error is not defined) %}
        <div class="info-card-modern">
            <h3><i class="fas fa-chart-bar"></i> Trip-Statistiken (letzte {{ hours }} Stunden)</h3>
            <div class="metrics-grid-modern">
                {% set totalTrips = statistics.total_trips ?? statistics.trip_count ?? (trips is iterable ? trips|length : null) %}
                {% set avgSpeed = statistics.avg_speed_kmh ?? statistics.avg_speed_simple_kmh ?? null %}
                {% set maxSpeed = statistics.max_speed_kmh ?? null %}
                {% set totalDistance = statistics.total_distance_km ?? statistics.avg_trip_distance_km ?? null %}
                {% set avgDurationMin = statistics.avg_trip_duration_minutes ?? statistics.duration_minutes ?? null %}
                {% set totalDurationH = statistics.total_duration_hours ?? null %}

                {% if totalTrips is not null %}
                <div class="metric-item-modern">
                    <div class="metric-icon-modern cpu"><i class="fas fa-route"></i></div>
                    <div class="metric-content-modern">
                        <span class="metric-value-modern">{{ totalTrips }}</span>
                        <span class="metric-label-modern">Anzahl Trips</span>
                    </div>
                </div>
                {% endif %}

                {% if avgSpeed is not null %}
                <div class="metric-item-modern">
                    <div class="metric-icon-modern cpu"><i class="fas fa-tachometer-alt"></i></div>
                    <div class="metric-content-modern">
                        <span class="metric-value-modern">{{ avgSpeed|number_format(1) }} km/h</span>
                        <span class="metric-label-modern">Ø Geschwindigkeit</span>
                    </div>
                </div>
                {% endif %}

                {% if maxSpeed is not null %}
                <div class="metric-item-modern">
                    <div class="metric-icon-modern pressure"><i class="fas fa-gauge-high"></i></div>
                    <div class="metric-content-modern">
                        <span class="metric-value-modern">{{ maxSpeed|number_format(1) }} km/h</span>
                        <span class="metric-label-modern">Max. Geschwindigkeit</span>
                    </div>
                </div>
                {% endif %}

                {% if totalDistance is not null %}
                <div class="metric-item-modern">
                    <div class="metric-icon-modern memory"><i class="fas fa-road"></i></div>
                    <div class="metric-content-modern">
                        <span class="metric-value-modern">{{ totalDistance|number_format(2) }} km</span>
                        <span class="metric-label-modern">Distanz</span>
                    </div>
                </div>
                {% endif %}

                {% if avgDurationMin is not null %}
                <div class="metric-item-modern">
                    <div class="metric-icon-modern temp"><i class="fas fa-clock"></i></div>
                    <div class="metric-content-modern">
                        <span class="metric-value-modern">{{ avgDurationMin|number_format(1) }} min</span>
                        <span class="metric-label-modern">Ø Trip-Dauer</span>
                    </div>
                </div>
                {% endif %}

                {% if totalDurationH is not null %}
                <div class="metric-item-modern">
                    <div class="metric-icon-modern temp"><i class="fas fa-hourglass-half"></i></div>
                    <div class="metric-content-modern">
                        <span class="metric-value-modern">{{ totalDurationH|number_format(2) }} h</span>
                        <span class="metric-label-modern">Gesamtdauer</span>
                    </div>
                </div>
                {% endif %}
            </div>
        </div>
        {% endif %}

        <!-- Trips List -->
        <div class="info-card-modern">
            <h3><i class="fas fa-list"></i> Trip-Liste (letzte {{ hours }} Stunden, max. {{ limit }})</h3>
            <div class="card-body">
                {% if trips.error is defined %}
                    <div class="alert alert-error">
                        <i class="fas fa-exclamation-triangle"></i>
                        <strong>Fehler:</strong> {{ trips.error }}
                    </div>
                {% elseif trips is iterable and trips|length > 0 %}
                    <div class="trips-list">
                        {% for trip in trips %}
                        <div class="trip-card">
                            <div class="trip-card-header">
                                <div class="trip-id">
                                    <i class="fas fa-route"></i> Trip #{{ trip.id ?? trip.trip_id ?? 'N/A' }}
                                </div>
                                {% set tripId = trip.id ?? trip.trip_id ?? null %}
                                {% if tripId %}
                                <a href="{{ path('app_trip_detail', {id: datalogger.id, tripId: tripId}) }}" class="btn btn-primary">
                                    <i class="fas fa-eye"></i> Details
                                </a>
                                {% endif %}
                            </div>
                            <div class="trip-info">
                                <div class="trip-info-item">
                                    <span class="trip-info-label">Start</span>
                                    <span class="trip-info-value">
                                        <i class="fas fa-play-circle text-success mr-quarter"></i>
                                        {% set startTime = trip.start_datetime ?? trip.start_time ?? trip.start ?? '-' %}
                                        {% if startTime is iterable and startTime is not same as('') and startTime is not same as([]) %}
                                            {{ startTime|json_encode }}
                                        {% elseif startTime is not iterable and startTime matches('/^-?[0-9]+(?:\\.[0-9]+)?$/') %}
                                            {{ startTime|round|date('d.m.Y H:i:s') }}
                                        {% else %}
                                            {{ startTime }}
                                        {% endif %}
                                    </span>
                                </div>
                                <div class="trip-info-item">
                                    <span class="trip-info-label">Ende</span>
                                    <span class="trip-info-value">
                                        <i class="fas fa-stop-circle text-danger mr-quarter"></i>
                                        {% set endTime = trip.end_datetime ?? trip.end_time ?? trip.end ?? '-' %}
                                        {% if endTime is iterable and endTime is not same as('') and endTime is not same as([]) %}
                                            {{ endTime|json_encode }}
                                        {% elseif endTime is not iterable and endTime matches('/^-?[0-9]+(?:\\.[0-9]+)?$/') %}
                                            {{ endTime|round|date('d.m.Y H:i:s') }}
                                        {% else %}
                                            {{ endTime }}
                                        {% endif %}
                                    </span>
                                </div>
                                <div class="trip-info-item">
                                    <span class="trip-info-label">Dauer</span>
                                    <span class="trip-info-value">
                                        <i class="fas fa-clock text-primary mr-quarter"></i>
                                        {% set duration = trip.duration_minutes ?? trip.duration ?? '-' %}
                                        {% if duration is iterable and duration is not same as('') and duration is not same as([]) %}
                                            {{ duration|json_encode }}
                                        {% elseif duration is not iterable and duration matches('/^-?[0-9]+(?:\\.[0-9]+)?$/') %}
                                            {{ duration|number_format(1) }} min
                                        {% else %}
                                            {{ duration }}
                                        {% endif %}
                                    </span>
                                </div>
                                <div class="trip-info-item">
                                    <span class="trip-info-label">Distanz</span>
                                    <span class="trip-info-value">
                                        <i class="fas fa-route text-primary mr-quarter"></i>
                                        {% set distance = trip.total_distance_km ?? trip.distance ?? '-' %}
                                        {% if distance is iterable and distance is not same as('') and distance is not same as([]) %}
                                            {{ distance|json_encode }}
                                        {% elseif distance is not iterable and distance matches('/^-?[0-9]+(?:\\.[0-9]+)?$/') %}
                                            {{ distance|number_format(2) }} km
                                        {% else %}
                                            {{ distance }}
                                        {% endif %}
                                    </span>
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                {% else %}
                    <p class="text-muted">Keine Trips verfügbar</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block javascripts %}
<script src="{{ asset('js/trips.js') }}"></script>
{% endblock %}