@php
    $normalizeNumber = fn (mixed $value): float => abs((float) $value) < 0.005 ? 0.0 : (float) $value;
    $formatScore = fn (mixed $value): string => $value === null ? '—' : number_format($normalizeNumber($value), 2, ',', ' ');
    $formatSignedScore = function (mixed $value) use ($normalizeNumber): string {
        if ($value === null) {
            return '—';
        }

        $number = $normalizeNumber($value);

        return ($number > 0 ? '-' : '') . number_format($number, 2, ',', ' ');
    };
    $formatCoefficient = function (mixed $value) use ($normalizeNumber): string {
        if ($value === null) {
            return '—';
        }

        return rtrim(rtrim(number_format($normalizeNumber($value), 2, ',', ' '), '0'), ',');
    };
    $formatDate = fn ($date): string => $date ? $date->format('d/m/Y') : '—';
    $todayActivityDetails = data_get($todayScore, 'calculation_details.activities', []);
    $todayGoalDetails = collect(data_get($todayScore, 'calculation_details.goals', []));
    $todayActivitySessions = collect(data_get($todayActivityDetails, 'sessions', []));
    $activityScore = data_get($todayScore, 'activities_score');
    $goalScore = data_get($todayScore, 'goals_score');
    $phonePenalty = data_get($todayScore, 'phone_penalty');
    $stateCoefficient = data_get($todayScore, 'state_coefficient');
    $subtotal = data_get($todayScore, 'calculation_details.base_score', (float) $activityScore + (float) $goalScore - (float) $phonePenalty);
@endphp

<x-app-layout>
    <x-slot name="header">
        <div class="dashboard-header flex flex-col gap-1 sm:flex-row sm:items-end sm:justify-between">
            <div>
                <p class="dashboard-header__eyebrow">{{ __('Life Analytics') }}</p>
                <h2 class="dashboard-header__title mt-1 text-2xl leading-none sm:text-3xl">{{ __('Scores') }}</h2>
            </div>
            <a href="{{ route('dashboard') }}" class="dashboard-action dashboard-action--secondary">{{ __('Dashboard') }}</a>
        </div>
    </x-slot>

    <div class="dashboard-page module-page">
        <div class="dashboard-shell space-y-4">
            <section class="dashboard-panel scores-toolbar">
                <p class="dashboard-kicker">{{ __('Période d’analyse') }}</p>
                <div class="dashboard-action-row" aria-label="{{ __('Période des scores') }}">
                    @foreach ($periodOptions as $periodValue => $periodLabel)
                        <a
                            href="{{ route('scores.index', ['period' => $periodValue]) }}"
                            class="dashboard-action {{ $period === $periodValue ? 'dashboard-action--primary' : 'dashboard-action--secondary' }}"
                        >{{ __($periodLabel) }}</a>
                    @endforeach
                </div>
            </section>

            <section class="dashboard-command-grid scores-command-grid">
                <x-score.reward-card :experience="$scoreExperience" :period-label="__(data_get($periodOptions, $period))" class="scores-reward-card" />

                <aside class="dashboard-panel score-explain-card">
                    <div>
                        <p class="dashboard-kicker">{{ __('Calcul du jour') }}</p>
                        <p class="score-calculation-equation mt-2">
                            ({{ $formatScore($activityScore) }} + {{ $formatScore($goalScore) }} − {{ $formatScore($phonePenalty) }})
                            × {{ $formatCoefficient($stateCoefficient) }}
                            = <strong>{{ $formatScore(data_get($todayScore, 'final_score')) }}</strong>
                        </p>
                    </div>

                    <div class="score-calculation-list">
                        <div class="is-positive"><span>{{ __('Activités') }}</span><strong>{{ $formatScore($activityScore) }}</strong></div>
                        <div class="is-positive"><span>{{ __('Objectifs') }}</span><strong>{{ $formatScore($goalScore) }}</strong></div>
                        <div class="is-negative"><span>{{ __('Malus téléphone') }}</span><strong>{{ $formatScore($phonePenalty) }}</strong></div>
                        <div class="is-subtotal"><span>{{ __('Sous-total') }}</span><strong>{{ $formatScore($subtotal) }}</strong></div>
                        <div class="{{ (float) $stateCoefficient < 1 ? 'is-penalty' : 'is-neutral' }}"><span>{{ __('Coefficient état') }}</span><strong>×{{ $formatCoefficient($stateCoefficient) }}</strong></div>
                        <div class="is-total"><span>{{ __('Score final') }}</span><strong>{{ $formatScore(data_get($todayScore, 'final_score')) }}</strong></div>
                    </div>

                    @if ($todayActivitySessions->isNotEmpty() || $todayGoalDetails->isNotEmpty())
                        <button class="score-calculation-details-button" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'score-calculation-details')">
                            {{ __('Voir les détails des sous-calculs') }}
                        </button>
                    @endif
                </aside>
            </section>

            @if ($chartPoints === [])
                <section class="dashboard-panel">
                    <div class="dashboard-empty text-sm">{{ __('Aucun score calculé sur cette période.') }}</div>
                </section>
            @else
                <x-simple-line-chart
                    :title="__('Évolution du score final')"
                    :subtitle="__('Courbe chronologique')"
                    :points="$chartPoints"
                    unit="pts"
                    color="green"
                    :trend="data_get($scoreTrends, 'chart')"
                />
            @endif

            <section class="dashboard-panel">
                <div class="dashboard-section-header">
                    <div>
                        <p class="dashboard-kicker">{{ __('Historique') }}</p>
                        <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Scores journaliers') }}</h3>
                    </div>
                    <span class="dashboard-pill dashboard-pill--green">{{ trans_choice('ui.common.days', data_get($summary, 'count', 0), ['count' => data_get($summary, 'count', 0)]) }}</span>
                </div>

                <div class="module-table-wrap mt-4">
                    <table class="module-table scores-table">
                        <thead>
                            <tr>
                                <th>{{ __('Date') }}</th>
                                <th>{{ __('Score final') }}</th>
                                <th>{{ __('Total activités') }}</th>
                                <th>{{ __('Total objectifs') }}</th>
                                <th>{{ __('Malus téléphone') }}</th>
                                <th>{{ __('Coeff. état') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($scores as $score)
                                <tr>
                                    <td>{{ $formatDate($score->dailyEntry?->entry_date) }}</td>
                                    <td>{{ $formatScore($score->final_score) }}</td>
                                    <td>{{ $formatScore($score->activities_score) }}</td>
                                    <td>{{ $formatScore($score->goals_score) }}</td>
                                    <td>{{ $formatSignedScore($score->phone_penalty) }}</td>
                                    <td>×{{ $formatCoefficient($score->state_coefficient) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6">{{ __('Aucun score calculé sur cette période.') }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>
        </div>
    </div>

    <x-modal name="score-calculation-details" maxWidth="2xl">
        <div class="score-calculation-modal">
            <div class="score-calculation-modal__header">
                <div>
                    <p class="dashboard-kicker">{{ __('Calcul du jour') }}</p>
                    <h3 class="dashboard-title mt-1 text-xl">{{ __('Détails des sous-calculs') }}</h3>
                </div>
                <button type="button" class="dashboard-action dashboard-action--secondary" x-on:click="$dispatch('close-modal', 'score-calculation-details')">{{ __('Fermer') }}</button>
            </div>

            <div class="score-calculation-modal__content">
                @if ($todayActivitySessions->isNotEmpty())
                    <section>
                        <p class="score-calculation-details__title">{{ __('Activités') }}</p>
                        @foreach ($todayActivitySessions as $session)
                            <div class="score-calculation-detail-row">
                                <span>{{ data_get($session, 'label') }}</span>
                                <strong>
                                    {{ $formatScore(((float) data_get($session, 'duration_minutes') / 60) * (float) data_get($session, 'effective_score_weight')) }}
                                    × {{ $formatCoefficient(data_get($session, 'satisfaction_coefficient')) }}
                                    × {{ $formatCoefficient(data_get($session, 'progression_coefficient')) }}
                                    = {{ $formatScore(data_get($session, 'score')) }}
                                </strong>
                            </div>
                        @endforeach
                    </section>
                @endif
                @if ($todayGoalDetails->isNotEmpty())
                    <section>
                        <p class="score-calculation-details__title">{{ __('Objectifs') }}</p>
                        @foreach ($todayGoalDetails as $goal)
                            <div class="score-calculation-detail-row">
                                <span>{{ data_get($goal, 'label') }}</span>
                                <strong>
                                    {{ $formatScore(data_get($goal, 'weight')) }}
                                    × {{ $formatCoefficient(data_get($goal, 'completion_coefficient')) }}
                                    = {{ $formatScore(data_get($goal, 'score')) }}
                                </strong>
                            </div>
                        @endforeach
                    </section>
                @endif
            </div>
        </div>
    </x-modal>
</x-app-layout>