@props([
    'history',
    'stats' => null,
    'context' => 'global',
    'title' => 'Historique des sessions',
    'emptyText' => __('Aucune session sur cette période.'),
])

@php
    $summary = $stats?->summary ?? [];
    $rankings = $stats?->rankings ?? [];
    $charts = $stats?->charts ?? [];
    $formatHours = function (?int $minutes): string {
        if ($minutes === null) {
            return __('Sans durée');
        }

        $minutes = max(0, (int) $minutes);
        $hours = intdiv($minutes, 60);
        $remainingMinutes = $minutes % 60;

        return $hours . 'h' . str_pad((string) $remainingMinutes, 2, '0', STR_PAD_LEFT);
    };
    $formatActivityDate = fn ($session): string => $session->all_day
        ? ($session->started_at?->format('d/m/Y') ?? '—')
        : ($session->started_at?->format('d/m/Y H:i') ?? '—');
    $formatMetric = fn ($metric): string => trim(str_replace('_', ' ', (string) $metric->name) . ' · ' . rtrim(rtrim(number_format((float) $metric->value, 1, ',', ' '), '0'), ',') . ' ' . ($metric->unit ?? ''));
    $bestDay = data_get($summary, 'best_day');
    $bestWeek = data_get($summary, 'best_week');
    $lastSession = data_get($summary, 'last_session');
    $typeRankings = collect(data_get($rankings, 'types', []));
    $timeOfDayRows = collect(data_get($charts, 'time_of_day_distribution', []))
        ->filter(fn ($row): bool => (int) data_get($row, 'session_count', 0) > 0 || (int) data_get($row, 'total_minutes', 0) > 0)
        ->values();
    $typeStatsUrl = fn (mixed $row): string => route('statistics.index', [
        'category_id' => data_get($row, 'category_id'),
        'type_id' => data_get($row, 'type_id'),
    ]);
@endphp

<div {{ $attributes->merge(['class' => 'statistics-history-layout']) }}>
    <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">{{ $title }}</h3>
            </div>
            <span class="dashboard-pill dashboard-pill--green">{{ trans_choice('ui.common.sessions', $history->count(), ['count' => $history->count()]) }}</span>
        </div>

        <div class="dashboard-list statistics-history-list mt-4">
            @forelse ($history as $session)
                @php
                    $satisfactionScore = $session->satisfaction_score;
                    $satisfactionPercent = $satisfactionScore === null ? '0%' : min(100, max(0, ((int) $satisfactionScore) * 10)) . '%';
                    $typeUrl = null;

                    if ($session->activity_category_id && $session->activity_type_id) {
                        $typeUrl = route('statistics.index', [
                            'category_id' => $session->activity_category_id,
                            'type_id' => $session->activity_type_id,
                        ]);
                    }
                @endphp
                <article class="dashboard-list-item statistics-history-item">
                    <div class="statistics-history-main">
                        <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">{{ $formatActivityDate($session) }}</span>
                                <span class="activity-history-chip">{{ $session->activityCategory?->name ?? __('Sans catégorie') }}</span>
                                <span class="activity-history-chip">{{ $session->activityType?->name ?? __('Sans type') }}</span>
                                @if ($session->is_deepwork)
                                    <span class="activity-history-chip">{{ __('Deepwork · x1.5') }}</span>
                                @endif
                            </div>
                        </div>

                        @if ($session->activitySessionMetrics->isNotEmpty())
                            <div class="goal-gallery-card__tags mt-3">
                                @foreach ($session->activitySessionMetrics as $metric)
                                    <span>{{ $formatMetric($metric) }}</span>
                                @endforeach
                            </div>
                        @endif
                    </div>

                    <div class="activity-history-side">
                        <p class="font-bold tabular-nums text-[var(--dashboard-text)]">{{ $formatHours($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">
                            @if ($typeUrl)
                                <a href="{{ $typeUrl }}" class="module-link">{{ __('Voir') }}</a>
                            @endif
                            <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">{{ $emptyText }}</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') }}</p>
                    <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Période') }}</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) . ' · ' . $formatHours($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">{{ __('ui.common.current_and_longest_streak', [
                            'current' => data_get($summary, 'current_streak_days', 0),
                            'longest' => data_get($summary, 'longest_streak_days', 0),
                        ]) }}</p>
                    </div>
                </article>
            </div>
        </article>

        @if ($context !== 'type')
            <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">{{ $context === 'category' ? __('Types') : __('Activités') }}</h3>
                    </div>
                </div>

                <div class="module-card-list mt-4">
                    @forelse ($typeRankings 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">{{ trans_choice('ui.common.sessions_total', data_get($typeSummary, 'session_count'), [
                                    'count' => data_get($typeSummary, 'session_count'),
                                    'duration' => $formatHours(data_get($typeSummary, 'total_minutes')),
                                ]) }}</p>
                                <p class="dashboard-muted mt-1 text-sm font-semibold">{{ __('ui.common.average_session', ['duration' => $formatHours(data_get($typeSummary, 'average_minutes_per_session'))]) }}</p>
                            </div>
                        </article>
                    @empty
                        <div class="dashboard-empty text-sm">{{ __('Aucun classement disponible.') }}</div>
                    @endforelse
                </div>
            </article>
        @endif

        <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') }}</h3>
                </div>
            </div>

            <div class="module-card-list mt-4">
                @forelse ($timeOfDayRows as $row)
                    <article class="module-row-card">
                        <div>
                            <p class="font-bold text-[var(--dashboard-text)]">{{ data_get($row, 'label') }}</p>
                            <p class="dashboard-muted mt-1 text-sm font-semibold">{{ trans_choice('ui.common.sessions_total', data_get($row, 'session_count'), [
                                'count' => data_get($row, 'session_count'),
                                'duration' => $formatHours(data_get($row, 'total_minutes')),
                            ]) }}</p>
                        </div>
                    </article>
                @empty
                    <div class="dashboard-empty text-sm">{{ __('Aucune donnée horaire disponible.') }}</div>
                @endforelse
            </div>
        </article>
    </aside>
</div>