@php
    $formatHours = function (?int $minutes): string {
        $minutes = max(0, (int) $minutes);
        $hours = intdiv($minutes, 60);
        $remainingMinutes = $minutes % 60;

        return $hours . 'h' . str_pad((string) $remainingMinutes, 2, '0', STR_PAD_LEFT);
    };
    $formatSessionDuration = fn (mixed $minutes): string => $minutes === null ? __('Sans durée') : $formatHours((int) $minutes);
    $formatActivityDate = fn ($session): string => $session->all_day
        ? ($session->started_at?->format('d/m') ?? '—')
        : ($session->started_at?->format('d/m H:i') ?? '—');

    $formatNumber = fn (mixed $value): string => rtrim(rtrim(number_format((float) $value, 1, ',', ' '), '0'), ',');
    $formatMetricValue = function (mixed $value, ?string $unit) use ($formatNumber): string {
        return trim($formatNumber($value) . ' ' . ($unit ?? ''));
    };
    $typeStatsUrl = fn (mixed $row): string => route('statistics.index', [
        'category_id' => data_get($row, 'category_id'),
        'type_id' => data_get($row, 'type_id'),
    ]);
    $periods = [
        ['label' => trans_choice('ui.common.days', 7, ['count' => 7]), 'stats' => $weekStats],
        ['label' => trans_choice('ui.common.days', 30, ['count' => 30]), 'stats' => $monthStats],
    ];
    $monthSummary = $monthStats->summary;
    $bestDay = data_get($monthSummary, 'best_day');
    $bestWeek = data_get($monthSummary, 'best_week');
    $lastSession = data_get($monthSummary, 'last_session');
    $showTypeBreakdown = $showTypeBreakdown ?? true;
    $historyTitle = $historyTitle ?? __('Historique des sessions');
    $emptyHistoryText = $emptyHistoryText ?? __('Aucune session sur cette période.');
    $metricPanelId = md5($historyTitle . 'metrics');
    $monthMetricCount = collect($monthStats->metricGroups)->sum(fn ($group) => count(data_get($group, 'metrics', [])));
    $metricChartPairs = collect($monthStats->metricGroups)
        ->flatMap(function (array $monthGroup) use ($weekStats) {
            $weekGroup = collect($weekStats->metricGroups)->first(function (array $group) use ($monthGroup): bool {
                return data_get($group, 'type_key') === data_get($monthGroup, 'type_key');
            });

            return collect(data_get($monthGroup, 'metrics', []))->map(function (array $monthMetric) use ($monthGroup, $weekGroup): array {
                $weekMetric = collect(data_get($weekGroup, 'metrics', []))->first(function (array $metric) use ($monthMetric): bool {
                    return data_get($metric, 'name') === data_get($monthMetric, 'name')
                        && data_get($metric, 'unit') === data_get($monthMetric, 'unit');
                });

                return [
                    'type_name' => data_get($monthGroup, 'type_name'),
                    'metric' => $monthMetric,
                    'week_points' => data_get($weekMetric, 'points', []),
                    'month_points' => data_get($monthMetric, 'points', []),
                ];
            });
        })
        ->values();
@endphp

<section class="dashboard-reference-metrics dashboard-reference-metrics--compact">
    @foreach ($periods as $period)
        @php
            $summary = $period['stats']->summary;
        @endphp
        <article class="metric-card metric-card--green metric-card--compact">
            <p class="metric-card__label">{{ __('Temps total') }} · {{ $period['label'] }}</p>
            <p class="metric-card__value">{{ $formatHours(data_get($summary, 'total_minutes')) }}</p>
            <p class="metric-card__meta mt-2">{{ trans_choice('ui.common.active_days', data_get($summary, 'active_day_count', 0), ['count' => data_get($summary, 'active_day_count', 0)]) }}</p>
        </article>
        <article class="metric-card metric-card--blue metric-card--compact">
            <p class="metric-card__label">{{ __('Sessions') }} · {{ $period['label'] }}</p>
            <p class="metric-card__value">{{ data_get($summary, 'session_count', 0) }}</p>
            <p class="metric-card__meta mt-2">{{ __('ui.common.average_per_session', ['duration' => $formatHours(data_get($summary, 'average_minutes_per_session'))]) }}</p>
        </article>
        <article class="metric-card metric-card--amber metric-card--compact">
            <p class="metric-card__label">{{ __('Régularité') }} · {{ $period['label'] }}</p>
            <p class="metric-card__value">{{ $formatNumber(data_get($summary, 'regularity_rate', 0)) }}%</p>
            <p class="metric-card__meta mt-2">{{ __('ui.common.average_per_active_day', ['duration' => $formatHours(data_get($summary, 'average_minutes_per_active_day'))]) }}</p>
        </article>
    @endforeach
</section>

<section class="module-chart-grid">
    <x-selectable-line-chart :title="__('Temps total')" :subtitle="__('Évolution par période')" :week-points="$weekStats->charts['duration_points']" :month-points="$monthStats->charts['duration_points']" unit="min" color="green" />
    <x-selectable-line-chart :title="__('Nombre de sessions')" :subtitle="__('Fréquence')" :week-points="$weekStats->charts['session_count_points']" :month-points="$monthStats->charts['session_count_points']" unit="sessions" color="blue" />
    <x-selectable-line-chart :title="__('Durée moyenne/session')" :subtitle="__('Intensité')" :week-points="$weekStats->charts['average_session_duration_points']" :month-points="$monthStats->charts['average_session_duration_points']" unit="min" color="amber" />
    @if ($showTypeBreakdown)
        <x-type-duration-chart :title="__('Temps par type')" :subtitle="__('Répartition dynamique')" :week-series="$weekStats->charts['type_series']" :month-series="$monthStats->charts['type_series']" unit="min" />
    @endif
</section>

<section class="activity-dashboard-grid">
    <article class="dashboard-panel activity-history-panel">
        <div class="dashboard-section-header">
            <div>
                <p class="dashboard-kicker">{{ __('Historique') }}</p>
                <h3 class="dashboard-title mt-1 text-xl leading-none">{{ $historyTitle }}</h3>
            </div>
            <span class="dashboard-pill dashboard-pill--green">{{ trans_choice('ui.common.sessions', $monthStats->history->count(), ['count' => $monthStats->history->count()]) }}</span>
        </div>

        <div class="dashboard-list mt-4">
            @forelse ($monthStats->history as $session)
                @php
                    $satisfactionScore = $session->satisfaction_score;
                    $satisfactionPercent = $satisfactionScore === null
                        ? '0%'
                        : min(100, max(0, ((int) $satisfactionScore) * 10)) . '%';
                @endphp
                <article class="dashboard-list-item">
                    <div>
                        <p class="font-bold text-[var(--dashboard-text)]">
                            {{ $session->title ?? $session->activityType?->name ?? $session->activityCategory?->name ?? __('Activité') }}
                        </p>
                        <div class="activity-history-meta mt-2">
                            <span class="activity-history-chip">{{ __('Catégorie') }} · {{ $session->activityCategory?->name ?? __('Sans catégorie') }}</span>
                            <span class="activity-history-chip">{{ __('Type') }} · {{ $session->activityType?->name ?? __('Sans type') }}</span>
                            <span class="activity-history-chip">{{ $formatActivityDate($session) }}</span>
                            @if ($session->is_deepwork)
                                <span class="activity-history-chip">{{ __('Deepwork · x1.5') }}</span>
                            @endif
                        </div>
                        @if ($session->activitySessionMetrics->isNotEmpty())
                            <div class="goal-gallery-card__tags mt-3">
                                @foreach ($session->activitySessionMetrics as $metric)
                                    <span>{{ str_replace('_', ' ', $metric->name) }} · {{ $formatMetricValue($metric->value, $metric->unit) }}</span>
                                @endforeach
                            </div>
                        @endif
                    </div>
                    <div class="activity-history-side">
                        <p class="font-bold tabular-nums text-[var(--dashboard-text)]">{{ $formatSessionDuration($session->duration_min) }}</p>
                        <span class="activity-history-score" style="--state-percent: {{ $satisfactionPercent }}">
                            <strong>{{ $satisfactionScore === null ? '—' : (int) $satisfactionScore }}</strong>
                            <span>/10</span>
                        </span>
                        <div class="module-inline-links justify-end">
                            <a href="{{ route('activities.sessions.edit', $session->id) }}" class="module-link">{{ __('Modifier') }}</a>
                            <form method="POST" action="{{ route('activities.sessions.destroy', $session->id) }}" onsubmit="return confirm(@js(__('Supprimer cette session d’activité ?')))">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="module-link module-link--danger">{{ __('Supprimer') }}</button>
                            </form>
                        </div>
                    </div>
                </article>
            @empty
                <div class="dashboard-empty text-sm">{{ $emptyHistoryText }}</div>
            @endforelse
        </div>
    </article>

    <aside class="activity-side-stack">
        <article class="dashboard-panel">
            <div class="dashboard-section-header">
                <div>
                    <p class="dashboard-kicker">{{ __('Repères 30 jours') }}</p>
                    <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Synthèse') }}</h3>
                </div>
            </div>

            <div class="module-card-list mt-4">
                <article class="module-row-card">
                    <div>
                        <p class="font-bold text-[var(--dashboard-text)]">{{ __('Meilleure journée') }}</p>
                        <p class="dashboard-muted mt-1 text-sm font-semibold">
                            {{ data_get($bestDay, 'label', '—') }} · {{ $formatHours(data_get($bestDay, 'total_minutes')) }}
                        </p>
                    </div>
                </article>
                <article class="module-row-card">
                    <div>
                        <p class="font-bold text-[var(--dashboard-text)]">{{ __('Meilleure semaine') }}</p>
                        <p class="dashboard-muted mt-1 text-sm font-semibold">
                            {{ data_get($bestWeek, 'label', '—') }} · {{ $formatHours(data_get($bestWeek, 'total_minutes')) }}
                        </p>
                    </div>
                </article>
                <article class="module-row-card">
                    <div>
                        <p class="font-bold text-[var(--dashboard-text)]">{{ __('Dernière session') }}</p>
                        <p class="dashboard-muted mt-1 text-sm font-semibold">
                            {{ $lastSession ? $formatActivityDate($lastSession) : '—' }}{{ $lastSession ? ' · ' . $formatSessionDuration($lastSession->duration_min) : '' }}
                        </p>
                    </div>
                </article>
                <article class="module-row-card">
                    <div>
                        <p class="font-bold text-[var(--dashboard-text)]">{{ __('Séries') }}</p>
                        <p class="dashboard-muted mt-1 text-sm font-semibold">
                            Actuelle {{ data_get($monthSummary, 'current_streak_days', 0) }}j · plus longue {{ data_get($monthSummary, 'longest_streak_days', 0) }}j
                        </p>
                    </div>
                </article>
            </div>
        </article>

        @if ($showTypeBreakdown)
            <article class="dashboard-panel">
                <div class="dashboard-section-header">
                    <div>
                        <p class="dashboard-kicker">{{ __('Classement') }}</p>
                        <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Types 30 jours') }}</h3>
                    </div>
                    <a href="{{ route('activities.types.index') }}" class="module-link">{{ __('Modifier') }}</a>
                </div>

                <div class="module-card-list mt-4">
                    @forelse ($monthStats->rankings['types'] as $typeSummary)
                        <article class="module-row-card">
                            <div>
                                <p class="font-bold text-[var(--dashboard-text)]">
                                    @if (data_get($typeSummary, 'category_id') && data_get($typeSummary, 'type_id'))
                                        <a href="{{ $typeStatsUrl($typeSummary) }}" class="module-link">{{ data_get($typeSummary, 'name') }}</a>
                                    @else
                                        {{ data_get($typeSummary, 'name') }}
                                    @endif
                                </p>
                                <p class="dashboard-muted mt-1 text-sm font-semibold">
                                    {{ data_get($typeSummary, 'session_count') }} session(s) · total {{ $formatHours(data_get($typeSummary, 'total_minutes')) }}
                                </p>
                                <p class="dashboard-muted mt-1 text-sm font-semibold">
                                    Moyenne/session {{ $formatHours(data_get($typeSummary, 'average_minutes_per_session')) }}
                                </p>
                            </div>
                        </article>
                    @empty
                        <div class="dashboard-empty text-sm">{{ __('Aucune donnée par type sur 30 jours.') }}</div>
                    @endforelse
                </div>
            </article>

            <article class="dashboard-panel">
                <div class="dashboard-section-header">
                    <div>
                        <p class="dashboard-kicker">{{ __('Moments') }}</p>
                        <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Journée 30 jours') }}</h3>
                    </div>
                </div>

                <div class="module-card-list mt-4">
                    @foreach ($monthStats->charts['time_of_day_distribution'] as $moment)
                        <article class="module-row-card">
                            <div>
                                <p class="font-bold text-[var(--dashboard-text)]">{{ data_get($moment, 'label') }}</p>
                                <p class="dashboard-muted mt-1 text-sm font-semibold">
                                    {{ data_get($moment, 'session_count') }} session(s) · {{ $formatHours(data_get($moment, 'total_minutes')) }}
                                </p>
                            </div>
                        </article>
                    @endforeach
                </div>
            </article>
        @endif
    </aside>
</section>

@if ($weekStats->hasMetrics() || $monthStats->hasMetrics())
    <article class="dashboard-panel module-chart-card--selectable">
        <input id="activity-metrics-{{ $metricPanelId }}-week" class="module-chart-period-input" type="radio" name="activity-metrics-{{ $metricPanelId }}-period" checked>
        <input id="activity-metrics-{{ $metricPanelId }}-month" class="module-chart-period-input" type="radio" name="activity-metrics-{{ $metricPanelId }}-period">

        <div class="dashboard-section-header">
            <div>
                <p class="dashboard-kicker">{{ __('Métriques') }}</p>
                <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Données spécifiques par type') }}</h3>
            </div>
            <div class="flex flex-wrap items-center justify-end gap-2">
                <span class="dashboard-pill dashboard-pill--blue">{{ trans_choice('ui.common.metrics', $monthMetricCount, ['count' => $monthMetricCount]) }}</span>
                <div class="module-chart-toggle" role="group" aria-label="{{ __('Durée d’analyse des métriques') }}">
                    <label for="activity-metrics-{{ $metricPanelId }}-week" class="module-chart-toggle__button module-chart-toggle__button--week">{{ __('7 jours') }}</label>
                    <label for="activity-metrics-{{ $metricPanelId }}-month" class="module-chart-toggle__button module-chart-toggle__button--month">{{ __('30 jours') }}</label>
                </div>
            </div>
        </div>

        <div class="module-chart-datasets">
            @foreach ($periods as $periodKey => $period)
                @php
                    $datasetKey = $periodKey === 0 ? 'week' : 'month';
                    $metricGroups = collect($period['stats']->metricGroups);
                @endphp

                <div class="module-chart-dataset module-chart-dataset--{{ $datasetKey }}">
                    @forelse ($metricGroups as $metricGroup)
                        <section class="mt-4">
                            <div class="flex flex-wrap items-end justify-between gap-2">
                                <div>
                                    <p class="dashboard-kicker">{{ __('Type') }} · {{ $period['label'] }}</p>
                                    <h4 class="dashboard-title mt-1 text-lg leading-none">{{ data_get($metricGroup, 'type_name') }}</h4>
                                </div>
                                @if (data_get($metricGroup, 'category_id') && data_get($metricGroup, 'type_id'))
                                    <a href="{{ $typeStatsUrl($metricGroup) }}" class="module-link">{{ __('Voir le type') }}</a>
                                @endif
                            </div>

                            <div class="dashboard-reference-metrics dashboard-reference-metrics--compact mt-3">
                                @foreach (data_get($metricGroup, 'metrics', []) as $metric)
                                    <article class="metric-card metric-card--blue metric-card--compact metric-card--period-record">
                                        <p class="metric-card__label">{{ data_get($metric, 'label') }}</p>
                                        <p class="metric-card__value">{{ $formatMetricValue(data_get($metric, 'total'), data_get($metric, 'unit')) }}</p>
                                        <p class="metric-card__meta mt-2">
                                            {{ __('Meilleure valeur') }} {{ $formatMetricValue(data_get($metric, 'maximum'), data_get($metric, 'unit')) }}
                                        </p>
                                        <p class="metric-card__meta mt-2">
                                            {{ __('Moy.') }} {{ $formatMetricValue(data_get($metric, 'average'), data_get($metric, 'unit')) }}
                                            · {{ trans_choice('ui.common.entries', data_get($metric, 'entry_count'), ['count' => data_get($metric, 'entry_count')]) }}
                                        </p>
                                    </article>
                                @endforeach
                            </div>
                        </section>
                    @empty
                        <div class="dashboard-empty mt-4 text-sm">{{ __('ui.common.no_specific_metric', ['period' => $period['label']]) }}</div>
                    @endforelse
                </div>
            @endforeach
        </div>
    </article>

    @if ($metricChartPairs->isNotEmpty())
        <section class="module-chart-grid">
            @foreach ($metricChartPairs as $metricChart)
                <x-selectable-line-chart
                    :title="data_get($metricChart, 'metric.label')"
                    :subtitle="data_get($metricChart, 'type_name')"
                    :week-points="data_get($metricChart, 'week_points', [])"
                    :month-points="data_get($metricChart, 'month_points', [])"
                    :unit="data_get($metricChart, 'metric.unit', '')"
                    color="blue"
                />
            @endforeach
        </section>
    @endif
@endif