@php
    $formatLiters = fn (?int $milliliters): string => number_format(((int) $milliliters) / 1000, 2, ',', ' ') . ' L';
    $formatHours = function (?int $minutes): string {
        $minutes = max(0, (int) $minutes);
        $hours = intdiv($minutes, 60);
        $remainingMinutes = $minutes % 60;

        return $hours . 'h' . str_pad($remainingMinutes, 2, '0', STR_PAD_LEFT);
    };
    $formatGoalValue = function (mixed $value, ?string $unit): string {
        $number = rtrim(rtrim(number_format((float) $value, 2, ',', ' '), '0'), ',');

        return trim($number . ' ' . ($unit ?? ''));
    };
    $progressWidth = function (mixed $value): string {
        $bounded = min(100, max(0, (float) $value));

        return number_format($bounded, 2, '.', '') . '%';
    };
    $dashboardScoreParts = explode(',', number_format((float) data_get($scoreExperience, 'score', 0), 2, ',', ' '));
    $formatActivityDate = fn ($activity): string => $activity->all_day
        ? ($activity->started_at?->format('d/m') ?? '—')
        : ($activity->started_at?->format('d/m H:i') ?? '—');
    $statusLabels = [
        'pending' => __('En cours'),
        'completed' => __('Réussi'),
        'failed' => __('Échoué'),
    ];
    $statusBadgeClasses = [
        'pending' => 'goal-badge goal-badge--pending',
        'completed' => 'goal-badge goal-badge--completed',
        'failed' => 'goal-badge goal-badge--failed',
    ];
    $monthLabel = ucfirst($today->copy()->translatedFormat('F Y'));
    $displayedNow = now();
    $selectedDateIso = $selectedDate->toDateString();
    $selectedDayLabel = ucfirst($selectedDate->copy()->translatedFormat('l d F Y'));
    $dashboardDayKicker = $isViewingToday ? __('Aujourd’hui') : __('Journée sélectionnée');
    $dashboardDayTitle = $isViewingToday
        ? ucfirst($selectedDate->copy()->translatedFormat('l d F'))
        : $selectedDayLabel;
    $dashboardDayHint = $isViewingToday
        ? __('Point d’entrée pour compléter la journée progressivement.')
        : __('Consultation et saisie pour cette journée.');
    $dailyGoalProgressCount = is_countable($dailyGoalProgress ?? null) ? count($dailyGoalProgress) : 0;
    $weeklyGoalProgressCount = is_countable($weeklyGoalProgress ?? null) ? count($weeklyGoalProgress) : 0;
    $monthlyGoalProgressCount = is_countable($monthlyGoalProgress ?? null) ? count($monthlyGoalProgress) : 0;
    $stateScores = [
        ['label' => __('Physique'), 'value' => data_get($dailyScore, 'physical_score')],
        ['label' => __('Mental'), 'value' => data_get($dailyScore, 'mental_score')],
        ['label' => __('Émotion'), 'value' => data_get($dailyScore, 'emotional_score')],
        ['label' => __('Satisfaction'), 'value' => data_get($dailyScore, 'daily_satisfaction_score')],
    ];
@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">{{ __('Dashboard') }}</h2>
            </div>
            <p class="dashboard-muted text-sm font-semibold">{{ __('Saisir vite, suivre la journée, garder le cap.') }}</p>
        </div>
    </x-slot>

    <div class="dashboard-page">
        <div class="dashboard-shell space-y-4">
            @if (session('status'))
                <div class="dashboard-empty text-sm">{{ session('status') }}</div>
            @endif

            <section class="dashboard-command-grid">
                <article class="dashboard-panel dashboard-command-main">
                    <div>
                        <div class="dashboard-day-heading">
                            <p class="dashboard-kicker">{{ $dashboardDayKicker }}</p>
                            <div class="dashboard-day-heading__actions">
                                <button class="dashboard-date-chip" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-select-date')">{{ __('Changer') }}</button>
                                @unless ($isViewingToday)
                                    <a href="{{ route('dashboard') }}" class="dashboard-date-chip dashboard-date-chip--muted">{{ __('Aujourd’hui') }}</a>
                                @endunless
                            </div>
                        </div>
                        <h1 class="dashboard-command-title mt-2">
                            {{ $dashboardDayTitle }}
                            @if ($isViewingToday)
                                <span data-dashboard-clock data-initial-time="{{ $displayedNow->format('H:i') }}">· {{ $displayedNow->format('H:i') }}</span>
                            @endif
                        </h1>
                        <p class="dashboard-muted mt-2 text-sm font-semibold">{{ $dashboardDayHint }}</p>
                    </div>

                    <div class="dashboard-command-stats">
                        <div class="dashboard-stat">
                            <p class="dashboard-stat__label">{{ __('Complétion') }}</p>
                            <p class="dashboard-stat__value">{{ $completionPercent }}%</p>
                            <div class="dashboard-progress mt-3">
                                <div class="dashboard-progress__fill dashboard-progress__fill--green" style="width: {{ $progressWidth($completionPercent) }}"></div>
                            </div>
                        </div>
                        <div class="dashboard-stat dashboard-stat--score dashboard-score-compact" style="--score-accent: {{ data_get($scoreExperience, 'level.color') }}; --score-progress: {{ data_get($scoreExperience, 'progress_percent', 0) }}%">
                            <div class="dashboard-score-row">
                                <div>
                                    <p class="dashboard-stat__label">{{ __('Score') }}</p>
                                    <p class="dashboard-score-compact__value">
                                        <strong>{{ $dashboardScoreParts[0] }}</strong><small>,{{ $dashboardScoreParts[1] ?? '00' }}</small>
                                        <span>/ {{ data_get($scoreExperience, 'maximum_label', 1000) }}</span>
                                    </p>
                                </div>
                                <form method="POST" action="{{ route('daily-entries.recompute-score', $dailyEntry) }}">
                                    @csrf
                                    <button type="submit" class="module-link">{{ __('Recalculer') }}</button>
                                </form>
                            </div>
                            <div class="dashboard-progress dashboard-score-compact__progress">
                                <div class="dashboard-progress__fill dashboard-score-compact__fill"></div>
                            </div>
                            <div class="dashboard-score-compact__footer">
                                <div class="dashboard-score-compact__badges">
                                <span class="score-status-badge">{{ data_get($scoreExperience, 'level.label') }}</span>
                                @if (data_get($scoreExperience, 'is_all_time_record'))
                                    <span class="score-record-badge score-record-badge--gold">{{ __('Record absolu') }}</span>
                                @endif
                                @if ((float) data_get($scoreExperience, 'score') > (float) data_get($scoreExperience, 'maximum', 1000))
                                    <span class="score-overflow-badge">1000+</span>
                                @endif
                                </div>
                                <strong>{{ number_format((float) data_get($scoreExperience, 'progress_percent', 0), 1, ',', ' ') }}%</strong>
                            </div>
                        </div>
                        @foreach ($stateScores as $stateScore)
                            @php
                                $stateValue = data_get($stateScore, 'value');
                                $statePercent = $stateValue === null ? '0%' : $progressWidth(((float) $stateValue) * 10);
                            @endphp
                            <div class="dashboard-state-orb" style="--state-percent: {{ $statePercent }}">
                                <div class="dashboard-state-orb__circle">
                                    <strong>{{ $stateValue === null ? '—' : (int) $stateValue }}</strong>
                                    <span>/10</span>
                                </div>
                                <p>{{ data_get($stateScore, 'label') }}</p>
                            </div>
                        @endforeach
                    </div>
                </article>

                <aside class="dashboard-panel dashboard-command-actions">
                    <p class="dashboard-kicker">{{ __('Saisie rapide') }}</p>
                    <div class="dashboard-action-stack mt-4">
                        <button class="dashboard-action dashboard-action--primary" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-add-activity')">{{ __('Renseigner une activité') }}</button>
                        <button class="dashboard-action dashboard-action--secondary" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-add-consumption')">{{ __('Ajouter une consommation') }}</button>
                        <button class="dashboard-action dashboard-action--secondary" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-phone-usage')">{{ __('Renseigner le téléphone') }}</button>
                        <button class="dashboard-action dashboard-action--secondary" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-sleep-record')">{{ __('Renseigner le sommeil') }}</button>
                        <button class="dashboard-action dashboard-action--secondary" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-daily-score')">{{ __('Renseigner l’état') }}</button>
                        <button class="dashboard-action dashboard-action--secondary" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-nap-record')">{{ __('Renseigner une sieste') }}</button>
                    </div>
                </aside>
            </section>

            <section class="dashboard-metric-grid">
                <article class="metric-card metric-card--blue">
                    <p class="metric-card__label">{{ __('Hydratation') }}</p>
                    <p class="metric-card__value">{{ $formatLiters($todayHydrationMl) }}</p>
                    <p class="metric-card__meta mt-2">{{ __('Moyenne 7 jours') }} · {{ $formatLiters($averageHydration ?? 0) }}</p>
                </article>

                <article class="metric-card metric-card--amber">
                    <p class="metric-card__label">{{ __('Sommeil') }}</p>
                    <p class="metric-card__value">{{ $formatHours($currentRest) }}</p>
                    <p class="metric-card__meta mt-2">{{ __('Sommeil') }} {{ $formatHours($currentSleep) }} · {{ __('Sieste') }} {{ $formatHours($currentNap) }}</p>
                </article>

                <article class="metric-card metric-card--green">
                    <p class="metric-card__label">{{ __('Activités') }}</p>
                    <p class="metric-card__value">{{ $formatHours($currentActivity) }}</p>
                    <p class="metric-card__meta mt-2">{{ __('Moyenne 7 jours') }} · {{ $formatHours($averageActivity) }}</p>
                </article>

                <article class="metric-card metric-card--blue metric-card--list">
                    <p class="metric-card__label">{{ __('Livres en cours') }}</p>
                    <div class="dashboard-mini-list mt-3">
                        @forelse ($currentBooks as $book)
                            <span>{{ data_get($book, 'title') }}</span>
                        @empty
                            <span>{{ __('Aucun livre en cours.') }}</span>
                        @endforelse
                    </div>
                </article>

                <article class="metric-card metric-card--red">
                    <p class="metric-card__label">{{ __('Téléphone') }}</p>
                    @if ($phoneUsage)
                        <p class="metric-card__value">{{ $phoneScreenTimeMinutes !== null ? $formatHours($phoneScreenTimeMinutes) : '—' }}</p>
                        <p class="metric-card__meta mt-2">{{ __('ui.common.unlocks', ['count' => $phoneUnlockCount ?? '—']) }}</p>
                    @else
                        <div class="dashboard-mini-list mt-3">
                            <span>{{ __('Aucune donnée téléphone renseignée pour cette journée.') }}</span>
                        </div>
                    @endif
                </article>
            </section>

            <section class="dashboard-workspace-grid">
                <article class="dashboard-panel dashboard-workspace-daily">
                    <div class="dashboard-section-header">
                        <div>
                            <p class="dashboard-kicker">{{ $isViewingToday ? __('Journée en cours') : __('Journée sélectionnée') }}</p>
                            <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('À faire ensuite') }}</h3>
                        </div>
                        <span class="dashboard-pill dashboard-pill--green">{{ trans_choice('ui.common.goals', $dailyGoalProgressCount, ['count' => $dailyGoalProgressCount]) }}</span>
                    </div>

                    <div class="dashboard-check-grid mt-4">
                        <button type="button" class="dashboard-check-card text-left" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-add-consumption')">
                            <span>{{ __('Hydratation') }}</span>
                            <strong>{{ $formatLiters($todayHydrationMl) }}</strong>
                            <small>{{ __('Ajouter une consommation.') }}</small>
                        </button>
                        <button type="button" class="dashboard-check-card text-left" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-add-activity')">
                            <span>{{ __('Sessions') }}</span>
                            <strong>{{ $formatHours($currentActivity) }}</strong>
                            <small>{{ __('Ajoute une activité.') }}</small>
                        </button>
                        <button type="button" class="dashboard-check-card text-left" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-phone-usage')">
                            <span>{{ __('Téléphone') }}</span>
                            <strong>{{ $phoneScreenTimeMinutes !== null ? $formatHours($phoneScreenTimeMinutes) : __('Non renseigné') }}</strong>
                            <small>{{ __('Temps d’écran et déverrouillages du jour.') }}</small>
                        </button>
                        <button type="button" class="dashboard-check-card text-left" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-sleep-record')">
                            <span>{{ __('Sommeil') }}</span>
                            <strong>{{ $currentSleep ? $formatHours($currentSleep) : __('Non renseigné') }}</strong>
                            <small>{{ __('Heures de coucher, réveil et qualité.') }}</small>
                        </button>
                        <button type="button" class="dashboard-check-card text-left" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-nap-record')">
                            <span>{{ __('Sieste') }}</span>
                            <strong>{{ $currentNap ? $formatHours($currentNap) : __('Non renseigné') }}</strong>
                            <small>{{ __('Ajouter un repos court dans la journée.') }}</small>
                        </button>
                    </div>

                    <div class="dashboard-list dashboard-list--columns mt-4">
                        @forelse ($dailyGoalProgress as $progress)
                            <article class="goal-card">
                                <div class="flex items-start justify-between gap-3">
                                    <div>
                                        <p class="font-bold text-[var(--dashboard-text)]">{{ $progress->goal?->name ?? __('Objectif') }}</p>
                                        <p class="dashboard-muted mt-1 text-sm font-semibold">
                                            {{ $formatGoalValue($progress->current_value, $progress->unit_snapshot) }} /
                                            {{ $formatGoalValue($progress->target_value_snapshot, $progress->unit_snapshot) }}
                                        </p>
                                    </div>
                                    <span class="{{ $statusBadgeClasses[$progress->status] ?? 'goal-badge goal-badge--pending' }}">
                                        {{ $statusLabels[$progress->status] ?? $progress->status }}
                                    </span>
                                </div>
                                <div class="dashboard-progress mt-3">
                                    <div class="dashboard-progress__fill dashboard-progress__fill--green" style="width: {{ $progressWidth($progress->progress_percent) }}"></div>
                                </div>
                            </article>
                        @empty
                            <div class="dashboard-empty text-sm">{{ __('Aucun objectif journalier actif.') }}</div>
                        @endforelse
                    </div>
                </article>

                <article class="dashboard-panel dashboard-workspace-week">
                    <div class="dashboard-section-header">
                        <div>
                            <p class="dashboard-kicker">{{ __('Objectifs') }}</p>
                            <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Semaine') }}</h3>
                        </div>
                        <span class="dashboard-pill dashboard-pill--blue">{{ __('ui.common.active_items', ['count' => $weeklyGoalProgressCount]) }}</span>
                    </div>

                    <div class="dashboard-list dashboard-list--columns mt-4">
                        @forelse ($weeklyGoalProgress as $progress)
                            <article class="goal-card">
                                <div class="flex items-start justify-between gap-3">
                                    <div>
                                        <p class="font-bold text-[var(--dashboard-text)]">{{ $progress->goal?->name ?? __('Objectif') }}</p>
                                        <p class="dashboard-muted mt-1 text-sm font-semibold">
                                            {{ $formatGoalValue($progress->current_value, $progress->unit_snapshot) }} /
                                            {{ $formatGoalValue($progress->target_value_snapshot, $progress->unit_snapshot) }}
                                        </p>
                                    </div>
                                    <span class="{{ $statusBadgeClasses[$progress->status] ?? 'goal-badge goal-badge--pending' }}">
                                        {{ $statusLabels[$progress->status] ?? $progress->status }}
                                    </span>
                                </div>
                                <div class="dashboard-progress mt-3">
                                    <div class="dashboard-progress__fill dashboard-progress__fill--blue" style="width: {{ $progressWidth($progress->progress_percent) }}"></div>
                                </div>
                            </article>
                        @empty
                            <div class="dashboard-empty text-sm">{{ __('Aucun objectif hebdomadaire actif.') }}</div>
                        @endforelse
                    </div>
                </article>

                <article class="dashboard-panel dashboard-workspace-history">
                    <div class="dashboard-section-header">
                        <div>
                            <p class="dashboard-kicker">{{ __('Historique') }}</p>
                            <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Activités récentes') }}</h3>
                        </div>
                    </div>

                    <div class="dashboard-list mt-4">
                        @forelse ($activityHistory as $activity)
                            @php
                                $satisfactionScore = $activity->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)]">
                                        {{ $activity->title ?? $activity->activityType?->name ?? $activity->activityCategory?->name ?? __('Activité') }}
                                    </p>
                                    <div class="activity-history-meta mt-2">
                                        <span class="activity-history-chip">{{ __('Catégorie') }} · {{ $activity->activityCategory?->name ?? __('Sans catégorie') }}</span>
                                        <span class="activity-history-chip">{{ __('Type') }} · {{ $activity->activityType?->name ?? __('Sans type') }}</span>
                                        @if ($activity->is_deepwork)
                                            <span class="activity-history-chip">{{ __('Deepwork · x1.5') }}</span>
                                        @endif
                                    </div>
                                    <p class="dashboard-muted mt-2 text-sm font-semibold">{{ $formatActivityDate($activity) }}</p>
                                </div>
                                <div class="activity-history-side">
                                    <p class="font-bold tabular-nums text-[var(--dashboard-text)]">{{ $activity->duration_min === null ? __('Sans durée') : $formatHours((int) $activity->duration_min) }}</p>
                                    <span class="activity-history-score" style="--state-percent: {{ $satisfactionPercent }}">
                                        <strong>{{ $satisfactionScore === null ? '—' : (int) $satisfactionScore }}</strong>
                                        <span>/10</span>
                                    </span>
                                    <button class="module-link" type="button" x-data="" x-on:click.prevent="$dispatch('open-modal', 'dashboard-edit-activity-{{ $activity->id }}')">{{ __('Modifier') }}</button>
                                </div>
                            </article>
                        @empty
                            <div class="dashboard-empty text-sm">{{ __('Aucune activité enregistrée.') }}</div>
                        @endforelse
                    </div>
                </article>

                <section class="dashboard-panel dashboard-workspace-month">
                <div class="dashboard-section-header">
                    <div>
                        <p class="dashboard-kicker">{{ __('Objectifs') }}</p>
                        <h3 class="dashboard-title mt-1 text-xl leading-none">{{ $monthLabel }}</h3>
                    </div>
                    <span class="dashboard-pill dashboard-pill--amber">{{ __('ui.common.active_items', ['count' => $monthlyGoalProgressCount]) }}</span>
                </div>

                <div class="dashboard-list dashboard-list--columns mt-4">
                    @forelse ($monthlyGoalProgress as $progress)
                        <article class="goal-card">
                            <div class="flex items-start justify-between gap-3">
                                <div>
                                    <p class="font-bold text-[var(--dashboard-text)]">{{ $progress->goal?->name ?? __('Objectif') }}</p>
                                    <p class="dashboard-muted mt-1 text-sm font-semibold">
                                        {{ $formatGoalValue($progress->current_value, $progress->unit_snapshot) }} /
                                        {{ $formatGoalValue($progress->target_value_snapshot, $progress->unit_snapshot) }}
                                    </p>
                                </div>
                                <span class="{{ $statusBadgeClasses[$progress->status] ?? 'goal-badge goal-badge--pending' }}">
                                    {{ $statusLabels[$progress->status] ?? $progress->status }}
                                </span>
                            </div>
                            <div class="dashboard-progress mt-3">
                                <div class="dashboard-progress__fill dashboard-progress__fill--amber" style="width: {{ $progressWidth($progress->progress_percent) }}"></div>
                            </div>
                        </article>
                    @empty
                        <div class="dashboard-empty text-sm">{{ __('Aucun objectif mensuel actif.') }}</div>
                    @endforelse
                </div>
                </section>
            </section>
        </div>
    </div>

    <x-modal name="dashboard-select-date" maxWidth="sm" :show="false">
        <form
            method="GET"
            action="{{ route('dashboard') }}"
            class="module-modal"
            data-validated-form
            novalidate
            data-reset-on-open="dashboard-select-date"
            data-has-server-errors="false"
        >
            <div class="module-modal__header">
                <p class="dashboard-kicker">{{ __('Journée') }}</p>
                <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Choisir une date') }}</h3>
            </div>

            <div class="module-form-grid mt-5">
                <label class="module-field">
                    <span>{{ __('Date') }}</span>
                    <input name="date" type="date" class="module-input" value="{{ $selectedDateIso }}" required>
                </label>
            </div>

            <div class="module-modal__actions">
                <button type="button" class="dashboard-action dashboard-action--secondary" x-on:click="$dispatch('close-modal', 'dashboard-select-date')">{{ __('Annuler') }}</button>
                <button type="submit" class="dashboard-action dashboard-action--primary">{{ __('Afficher') }}</button>
            </div>
        </form>
    </x-modal>

    <x-modal name="dashboard-add-consumption" maxWidth="lg" :show="old('_modal') === 'dashboard-add-consumption'">
        @include('partials.hydration-consumption-form', ['modalName' => 'dashboard-add-consumption', 'selectedDate' => $selectedDate])
    </x-modal>

    <x-modal name="dashboard-add-activity" maxWidth="2xl" :show="old('_modal') === 'dashboard-add-activity'">
        @include('partials.activity-session-form', ['modalName' => 'dashboard-add-activity', 'selectedDate' => $selectedDate])
    </x-modal>

    @foreach ($activityHistory as $activity)
        @php
            $editModalName = 'dashboard-edit-activity-' . $activity->id;
        @endphp
        <x-modal name="{{ $editModalName }}" maxWidth="2xl" :show="old('_modal') === $editModalName">
            @include('partials.activity-session-form', [
                'modalName' => $editModalName,
                'session' => $activityHistoryForms[$activity->id] ?? null,
                'method' => 'PUT',
                'action' => route('activities.sessions.update', $activity->id),
                'submitLabel' => 'Enregistrer',
                'formTitle' => __('Modifier l’activité'),
                'formEyebrow' => __('Activité récente'),
                'selectedDate' => $selectedDate,
                'resetOnOpen' => false,
            ])
        </x-modal>
    @endforeach

    <x-modal name="dashboard-phone-usage" maxWidth="2xl" :show="old('_modal') === 'dashboard-phone-usage'">
        @include('partials.phone-usage-form', ['modalName' => 'dashboard-phone-usage', 'selectedDate' => $selectedDate])
    </x-modal>

    <x-modal name="dashboard-sleep-record" maxWidth="lg" :show="old('_modal') === 'dashboard-sleep-record'">
        @include('partials.sleep-record-form', ['modalName' => 'dashboard-sleep-record', 'selectedDate' => $selectedDate])
    </x-modal>

    <x-modal name="dashboard-daily-score" maxWidth="lg" :show="old('_modal') === 'dashboard-daily-score'">
        <form
            method="POST"
            action="{{ route('daily-score.update') }}"
            class="module-modal"
            data-validated-form
            novalidate
            data-reset-on-open="dashboard-daily-score"
            data-has-server-errors="@js($errors->any() && old('_modal') === 'dashboard-daily-score')"
        >
            @csrf
            @method('PUT')
            <input type="hidden" name="_modal" value="dashboard-daily-score">
            <input type="hidden" name="entry_date" value="{{ $selectedDateIso }}">

            <div class="module-modal__header">
                <p class="dashboard-kicker">{{ __('État journalier') }}</p>
                <h3 class="dashboard-title mt-1 text-xl leading-none">{{ __('Scores de la journée') }}</h3>
            </div>

            @if ($errors->any() && old('_modal') === 'dashboard-daily-score')
                <div class="module-form-alert mt-4">
                    <p>{{ __('Certains champs obligatoires sont manquants ou invalides.') }}</p>
                </div>
            @endif

            <div class="module-form-grid mt-5">
                <label class="module-field">
                    <span>{{ __('État physique sur 10') }}</span>
                    <input name="physical_score" type="number" min="0" max="10" step="1" class="module-input" value="{{ old('physical_score', data_get($dailyScore, 'physical_score')) }}" required>
                    @error('physical_score')<small class="module-field-error">{{ $message }}</small>@enderror
                </label>
                <label class="module-field">
                    <span>{{ __('État mental sur 10') }}</span>
                    <input name="mental_score" type="number" min="0" max="10" step="1" class="module-input" value="{{ old('mental_score', data_get($dailyScore, 'mental_score')) }}" required>
                    @error('mental_score')<small class="module-field-error">{{ $message }}</small>@enderror
                </label>
                <label class="module-field">
                    <span>{{ __('État émotionnel sur 10') }}</span>
                    <input name="emotional_score" type="number" min="0" max="10" step="1" class="module-input" value="{{ old('emotional_score', data_get($dailyScore, 'emotional_score')) }}" required>
                    @error('emotional_score')<small class="module-field-error">{{ $message }}</small>@enderror
                </label>
                <label class="module-field">
                    <span>{{ __('Satisfaction journée sur 10') }}</span>
                    <input name="daily_satisfaction_score" type="number" min="0" max="10" step="1" class="module-input" value="{{ old('daily_satisfaction_score', data_get($dailyScore, 'daily_satisfaction_score')) }}" required>
                    @error('daily_satisfaction_score')<small class="module-field-error">{{ $message }}</small>@enderror
                </label>
            </div>

            <div class="module-modal__actions">
                <button type="button" class="dashboard-action dashboard-action--secondary" x-on:click="$dispatch('close-modal', 'dashboard-daily-score')">{{ __('Annuler') }}</button>
                <button type="submit" class="dashboard-action dashboard-action--primary">{{ __('Enregistrer') }}</button>
            </div>
        </form>
    </x-modal>

    <x-modal name="dashboard-nap-record" maxWidth="lg" :show="old('_modal') === 'dashboard-nap-record'">
        @include('partials.nap-record-form', ['modalName' => 'dashboard-nap-record', 'selectedDate' => $selectedDate])
    </x-modal>
</x-app-layout>