mesreleves-php/resources/views/admin/dashboard.blade.php

<x-app-layout>
    <x-slot name="header">
        <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">Tableau de bord — Administration</h2>
    </x-slot>

    <div class="py-8 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8">

        {{-- Bandeau mise à jour disponible --}}
        @if($updateAvailable)
            <div class="bg-indigo-50 dark:bg-indigo-900/30 border border-indigo-300 rounded-xl p-4 flex items-center justify-between gap-4">
                <div class="flex items-center gap-3">
                    <svg class="w-5 h-5 text-indigo-500 dark:text-indigo-400 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
                    </svg>
                    <div>
                        <p class="text-sm font-semibold text-indigo-800 dark:text-indigo-200">
                            Mise à jour disponible : v{{ $latestRelease['version'] }}
                            <span class="ml-2 font-normal text-indigo-600">(installé : v{{ $installedVersion }})</span>
                        </p>
                        <p class="text-xs text-indigo-600 mt-0.5 font-mono">
                            docker compose exec app php artisan app:update
                        </p>
                    </div>
                </div>
                @if($latestRelease['published_at'])
                    <span class="text-xs text-indigo-400 whitespace-nowrap">
                        Publié {{ \Carbon\Carbon::parse($latestRelease['published_at'])->diffForHumans() }}
                    </span>
                @endif
            </div>
        @endif

        {{-- Compteurs globaux --}}
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
            @php
                $statusCards = [
                    ['label' => 'À faire',      'key' => 'a_faire',   'color' => 'bg-gray-50 dark:bg-gray-700  border-gray-200 dark:border-gray-700  text-gray-700 dark:text-gray-300'],
                    ['label' => 'En cours',     'key' => 'en_cours',  'color' => 'bg-blue-50  border-blue-200  text-blue-700'],
                    ['label' => 'À valider',    'key' => 'a_valider', 'color' => 'bg-yellow-50 border-yellow-200 dark:border-yellow-700 text-yellow-700'],
                    ['label' => 'Terminé',      'key' => 'termine',   'color' => 'bg-green-50 dark:bg-green-900/30 border-green-200 dark:border-green-700 text-green-700'],
                ];
            @endphp
            @foreach($statusCards as $card)
                <a href="{{ route('sources.index', ['status' => $card['key']]) }}"
                   class="border rounded-xl p-5 flex flex-col gap-1 hover:shadow-md transition-shadow {{ $card['color'] }}">
                    <span class="text-3xl font-bold">{{ $sourcesByStatus[$card['key']] ?? 0 }}</span>
                    <span class="text-sm font-medium">{{ $card['label'] }}</span>
                    <span class="text-xs opacity-60">source{{ ($sourcesByStatus[$card['key']] ?? 0) > 1 ? 's' : '' }}</span>
                </a>
            @endforeach
        </div>

        {{-- Ligne de métriques secondaires --}}
        <div class="grid grid-cols-3 gap-4">
            <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-5 flex items-center gap-4">
                <div class="p-3 bg-indigo-100 dark:bg-indigo-900/50 rounded-lg">
                    <svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                    </svg>
                </div>
                <div>
                    <p class="text-2xl font-bold text-gray-900 dark:text-white">{{ number_format($totalReleves) }}</p>
                    <p class="text-sm text-gray-500 dark:text-gray-400">relevé{{ $totalReleves > 1 ? 's' : '' }} saisi{{ $totalReleves > 1 ? 's' : '' }}</p>
                </div>
            </div>
            <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-5 flex items-center gap-4">
                <div class="p-3 bg-purple-100 rounded-lg">
                    <svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/>
                    </svg>
                </div>
                <div>
                    <p class="text-2xl font-bold text-gray-900 dark:text-white">{{ $totalUsers }}</p>
                    <p class="text-sm text-gray-500 dark:text-gray-400">utilisateur{{ $totalUsers > 1 ? 's' : '' }}</p>
                </div>
            </div>
            <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-5">
                <p class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-3">Répartition des rôles</p>
                <div class="space-y-2">
                    @foreach(\App\Enums\UserRole::cases() as $role)
                        @php $count = (int)($usersByRole[$role->value] ?? 0); @endphp
                        <div class="flex items-center justify-between text-sm">
                            <span class="text-gray-600 dark:text-gray-400">{{ $role->label() }}</span>
                            <span class="font-semibold text-gray-900 dark:text-white">{{ $count }}</span>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Activité mensuelle (6 derniers mois) --}}
        @if($activiteMensuelle->isNotEmpty())
        <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6">
            <h3 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide mb-4">Relevés saisis — 6 derniers mois</h3>
            @php $maxReleves = $activiteMensuelle->max('total') ?: 1; @endphp
            <div class="flex items-end gap-3 h-24">
                @foreach($activiteMensuelle as $mois)
                    @php $h = max(4, round(($mois->total / $maxReleves) * 96)); @endphp
                    <div class="flex-1 flex flex-col items-center gap-1">
                        <span class="text-xs text-gray-500 dark:text-gray-400">{{ $mois->total }}</span>
                        <div class="w-full bg-indigo-50 dark:bg-indigo-900/300 rounded-t" style="height: {{ $h }}px" title="{{ $mois->mois }} : {{ $mois->total }}"></div>
                        <span class="text-xs text-gray-400 dark:text-gray-500 whitespace-nowrap">{{ $mois->mois }}</span>
                    </div>
                @endforeach
            </div>
        </div>
        @endif

        {{-- Raccourcis admin --}}
        <div class="grid grid-cols-2 sm:grid-cols-4 gap-3">
            @foreach([
                ['label' => 'Utilisateurs',    'route' => 'admin.utilisateurs.index', 'icon' => 'M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z'],
                ['label' => 'Sections',        'route' => 'admin.sections.index',     'icon' => 'M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 00-1-1h-2a1 1 0 00-1 1v5m4 0H9'],
                ['label' => 'Types de sources','route' => 'admin.source-types.index','icon' => 'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2'],
                ['label' => 'Types de lieux', 'route' => 'admin.lieu-types.index',   'icon' => 'M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'],
            ] as $link)
                <a href="{{ route($link['route']) }}"
                   class="flex items-center gap-3 px-4 py-3 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl hover:border-indigo-300 hover:shadow-sm transition-all text-sm text-gray-700 dark:text-gray-300 font-medium">
                    <svg class="w-5 h-5 text-gray-400 dark:text-gray-500 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="{{ $link['icon'] }}"/>
                    </svg>
                    {{ $link['label'] }}
                </a>
            @endforeach
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">

            {{-- Sources à valider --}}
            <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide">En attente de validation</h3>
                    <a href="{{ route('sources.index', ['status' => 'a_valider']) }}"
                       class="text-xs text-indigo-600 hover:underline">Voir tout</a>
                </div>
                @forelse($sourcesAValider as $source)
                    <div class="flex items-center justify-between py-2 border-b border-gray-100 dark:border-gray-700 last:border-0">
                        <div>
                            <a href="{{ route('sources.show', $source) }}"
                               class="text-sm font-medium text-indigo-600 hover:underline">{{ $source->nom }}</a>
                            <p class="text-xs text-gray-400 dark:text-gray-500">{{ $source->sourceType->nom }}</p>
                        </div>
                        <span class="text-xs text-gray-400 dark:text-gray-500 whitespace-nowrap">
                            {{ $source->updated_at->diffForHumans() }}
                        </span>
                    </div>
                @empty
                    <p class="text-sm text-gray-400 dark:text-gray-500 py-4 text-center">Aucune source en attente.</p>
                @endforelse
            </div>

            {{-- Relevés récents --}}
            <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6">
                <div class="flex items-center justify-between mb-4">
                    <h3 class="text-sm font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wide">Derniers relevés saisis</h3>
                    <a href="{{ route('recherche') }}" class="text-xs text-indigo-600 hover:underline">Recherche</a>
                </div>
                @forelse($relevesRecents as $releve)
                    <div class="flex items-center justify-between py-2 border-b border-gray-100 dark:border-gray-700 last:border-0">
                        <div class="min-w-0">
                            <a href="{{ route('releves.show', $releve) }}"
                               class="text-sm font-medium text-gray-900 dark:text-white hover:text-indigo-600 truncate block">
                                {{ $releve->nom ?? '—' }}
                                @if($releve->prenom) {{ $releve->prenom }} @endif
                            </a>
                            <p class="text-xs text-gray-400 dark:text-gray-500">
                                {{ $releve->source->nom }} · {{ $releve->createur?->name ?? '?' }}
                            </p>
                        </div>
                        <span class="text-xs text-gray-400 dark:text-gray-500 whitespace-nowrap ml-3">
                            {{ $releve->created_at->diffForHumans() }}
                        </span>
                    </div>
                @empty
                    <p class="text-sm text-gray-400 dark:text-gray-500 py-4 text-center">Aucun relevé pour l'instant.</p>
                @endforelse
            </div>
        </div>
        {{-- Version --}}
        <div class="flex items-center justify-end gap-2 text-xs text-gray-400 dark:text-gray-500 pt-2">
            <span>MesRelevés v{{ $installedVersion }}</span>
            @if(! $updateAvailable)
                <span class="inline-flex items-center gap-1 text-green-600">
                    <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
                    </svg>
                    à jour
                </span>
            @endif
        </div>
    </div>
</x-app-layout>