feat(tickets): suivi bidirectionnel des tickets utilisateur via Gitea

Le formulaire 'fire-and-forget' devient un vrai systeme de suivi :
- table locale tickets (user <-> numero d'issue Gitea)
- liste 'Mes tickets' avec etat (En cours / Resolu) et jalon
- page de suivi : etat, labels, jalon, fil de discussion (commentaires)
- reponse depuis le web (ajoute un commentaire sur l'issue Gitea)
- controle d'acces : un utilisateur ne voit que ses propres tickets
- GiteaIssueService etendu (getIssue, getComments, addComment)
- remplace l'ancien SuggestionController ; 5 tests de bout en bout

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

WEB/resources/views/layouts/sidebar.blade.php

@@ -50,15 +50,15 @@
             Guides & Informations
         </a>
 
-        <!-- Signaler / Suggérer (utilisateur connecté → ticket Gitea) -->
+        <!-- Mes tickets (utilisateur connecté → suivi Gitea) -->
         @auth
-        <a href="{{ route('suggestions.create') }}"
-           class="flex items-center gap-4 px-4 py-3 rounded-sm transition-all group {{ request()->routeIs('suggestions.*') ? 'text-white bg-[#000091] font-bold shadow-md' : 'text-slate-700 hover:bg-slate-50 font-medium border-b border-slate-100/50' }}"
-           {!! request()->routeIs('suggestions.*') ? 'aria-current="page"' : '' !!}>
-            <div class="w-8 h-8 rounded-sm flex items-center justify-center transition-colors {{ request()->routeIs('suggestions.*') ? 'bg-white/20 text-white' : 'bg-green-50 text-[--cz-jade]' }}" aria-hidden="true">
+        <a href="{{ route('tickets.index') }}"
+           class="flex items-center gap-4 px-4 py-3 rounded-sm transition-all group {{ request()->routeIs('tickets.*') ? 'text-white bg-[#000091] font-bold shadow-md' : 'text-slate-700 hover:bg-slate-50 font-medium border-b border-slate-100/50' }}"
+           {!! request()->routeIs('tickets.*') ? 'aria-current="page"' : '' !!}>
+            <div class="w-8 h-8 rounded-sm flex items-center justify-center transition-colors {{ request()->routeIs('tickets.*') ? 'bg-white/20 text-white' : 'bg-green-50 text-[--cz-jade]' }}" aria-hidden="true">
                 <x-heroicon-o-chat-bubble-left-right class="h-4 w-4" />
             </div>
-            Signaler / Suggérer
+            Mes tickets
         </a>
         @endauth
 

WEB/resources/views/tickets/create.blade.php

@@ -1,27 +1,23 @@
 @extends('layouts.app')
 
-@section('title', 'Signaler / Proposer une amélioration')
+@section('title', 'Nouvelle demande')
 
 @section('content')
 <div class="max-w-2xl mx-auto space-y-8">
 
-    <!-- En-tête -->
-    <div>
-        <h1 class="text-3xl font-bold text-[#161616] mb-2">Signaler ou proposer une amélioration</h1>
-        <p class="text-slate-600">
-            Une idée, une correction, un bug à signaler ? Votre demande est directement transmise à
-            l'équipe sous forme de ticket de suivi. Merci de votre contribution !
-        </p>
+    <div class="flex items-center justify-between">
+        <div>
+            <h1 class="text-3xl font-bold text-[#161616] mb-2">Nouvelle demande</h1>
+            <p class="text-slate-600">
+                Une idée, une correction, un bug ? Votre demande crée un ticket de suivi que
+                vous pourrez consulter à tout moment.
+            </p>
+        </div>
+        <a href="{{ route('tickets.index') }}" class="shrink-0 text-sm font-bold text-[--fr-blue] hover:underline">
+            ← Mes tickets
+        </a>
     </div>
 
-    <!-- Message de succès -->
-    @if (session('success'))
-        <div class="p-4 bg-green-50 border border-green-200 rounded-lg">
-            <p class="text-green-700 font-semibold">✅ {{ session('success') }}</p>
-        </div>
-    @endif
-
-    <!-- Erreurs -->
     @if ($errors->any())
         <div class="p-4 bg-red-50 border border-red-200 rounded-lg space-y-1">
             @foreach ($errors->all() as $error)
@@ -31,10 +27,9 @@
     @endif
 
     <div class="bg-white p-8 border border-slate-200 shadow-sm">
-        <form action="{{ route('suggestions.store') }}" method="POST" class="space-y-6">
+        <form action="{{ route('tickets.store') }}" method="POST" class="space-y-6">
             @csrf
 
-            <!-- Type de demande -->
             <div>
                 <label for="type" class="block text-sm font-bold text-slate-700 mb-2">Type de demande</label>
                 <select id="type" name="type" required
@@ -44,50 +39,33 @@
                     <option value="Ajout" @selected($typeChoisi === 'Ajout')>➕ Ajout d'un contenu / d'une fonctionnalité</option>
                     <option value="Correction" @selected($typeChoisi === 'Correction')>🐛 Correction d'une erreur / d'un bug</option>
                 </select>
-                @error('type')
-                    <p class="text-red-600 text-xs mt-1">{{ $message }}</p>
-                @enderror
             </div>
 
-            <!-- Titre -->
             <div>
                 <label for="titre" class="block text-sm font-bold text-slate-700 mb-2">Titre</label>
                 <input type="text" id="titre" name="titre" required minlength="5" maxlength="120"
-                    value="{{ old('titre') }}"
-                    placeholder="Résumez votre demande en une phrase"
+                    value="{{ old('titre') }}" placeholder="Résumez votre demande en une phrase"
                     class="w-full border-slate-200 rounded-lg focus:ring-[--fr-blue] focus:border-[--fr-blue] @error('titre') border-red-500 @enderror">
-                @error('titre')
-                    <p class="text-red-600 text-xs mt-1">{{ $message }}</p>
-                @enderror
             </div>
 
-            <!-- Description -->
             <div>
                 <label for="description" class="block text-sm font-bold text-slate-700 mb-2">Description détaillée</label>
                 <textarea id="description" name="description" required minlength="10" maxlength="5000" rows="8"
                     placeholder="Décrivez précisément votre demande : quoi, où, pourquoi…"
                     class="w-full border-slate-200 rounded-lg focus:ring-[--fr-blue] focus:border-[--fr-blue] @error('description') border-red-500 @enderror">{{ old('description') }}</textarea>
-                @error('description')
-                    <p class="text-red-600 text-xs mt-1">{{ $message }}</p>
-                @enderror
             </div>
 
-            <!-- Boutons -->
             <div class="flex gap-4 pt-2">
                 <button type="submit"
                     class="px-8 py-3 bg-[#000091] text-white font-bold rounded-sm hover:bg-blue-800 shadow-md transition-all uppercase tracking-widest">
                     Envoyer ma demande
                 </button>
-                <a href="{{ route('home') }}"
+                <a href="{{ route('tickets.index') }}"
                     class="px-8 py-3 bg-slate-200 text-slate-900 font-bold rounded-sm hover:bg-slate-300 transition-all">
                     Annuler
                 </a>
             </div>
         </form>
     </div>
-
-    <p class="text-xs text-slate-500">
-        ℹ️ Votre demande sera examinée par l'équipe avant toute prise en compte. Merci de rester courtois et constructif.
-    </p>
 </div>
 @endsection

WEB/resources/views/tickets/index.blade.php

@@ -0,0 +1,49 @@
+@extends('layouts.app')
+
+@section('title', 'Mes tickets')
+
+@section('content')
+<div class="max-w-3xl mx-auto space-y-8">
+
+    <div class="flex items-center justify-between">
+        <h1 class="text-3xl font-bold text-[#161616]">Mes tickets</h1>
+        <a href="{{ route('tickets.create') }}"
+           class="px-5 py-2.5 bg-[#000091] text-white font-bold rounded-sm hover:bg-blue-800 shadow-md transition-all text-sm uppercase tracking-widest">
+            + Nouvelle demande
+        </a>
+    </div>
+
+    @if (session('success'))
+        <div class="p-4 bg-green-50 border border-green-200 rounded-lg">
+            <p class="text-green-700 font-semibold">✅ {{ session('success') }}</p>
+        </div>
+    @endif
+
+    @forelse ($tickets as $ticket)
+        <a href="{{ route('tickets.show', $ticket->gitea_number) }}"
+           class="block bg-white p-5 border border-slate-200 shadow-sm hover:border-[--fr-blue] transition-colors">
+            <div class="flex items-center justify-between gap-4">
+                <div class="min-w-0">
+                    <p class="font-bold text-slate-900 truncate">{{ $ticket->title }}</p>
+                    <p class="text-xs text-slate-500 mt-1">
+                        #{{ $ticket->gitea_number }} · {{ $ticket->type }} · {{ $ticket->created_at->format('d/m/Y') }}
+                        @if ($ticket->milestone)
+                            · 🎯 {{ $ticket->milestone }}
+                        @endif
+                    </p>
+                </div>
+                @php($state = $ticket->state)
+                <span class="shrink-0 text-xs font-bold px-3 py-1 rounded-full
+                    {{ $state === 'closed' ? 'bg-green-100 text-green-700' : ($state === 'open' ? 'bg-blue-100 text-blue-700' : 'bg-slate-100 text-slate-500') }}">
+                    {{ $state === 'closed' ? 'Résolu' : ($state === 'open' ? 'En cours' : 'Inconnu') }}
+                </span>
+            </div>
+        </a>
+    @empty
+        <div class="bg-white p-8 border border-slate-200 shadow-sm text-center text-slate-500">
+            Vous n'avez pas encore de ticket.
+            <a href="{{ route('tickets.create') }}" class="text-[--fr-blue] font-bold hover:underline">Créer une demande</a>.
+        </div>
+    @endforelse
+</div>
+@endsection

WEB/resources/views/tickets/show.blade.php

@@ -0,0 +1,90 @@
+@extends('layouts.app')
+
+@section('title', 'Suivi du ticket')
+
+@section('content')
+<div class="max-w-3xl mx-auto space-y-6">
+
+    <a href="{{ route('tickets.index') }}" class="text-sm font-bold text-[--fr-blue] hover:underline">← Mes tickets</a>
+
+    @if (session('success'))
+        <div class="p-4 bg-green-50 border border-green-200 rounded-lg">
+            <p class="text-green-700 font-semibold">✅ {{ session('success') }}</p>
+        </div>
+    @endif
+    @if ($errors->any())
+        <div class="p-4 bg-red-50 border border-red-200 rounded-lg space-y-1">
+            @foreach ($errors->all() as $error)<p class="text-red-700 text-sm">{{ $error }}</p>@endforeach
+        </div>
+    @endif
+
+    @php($state = $issue['state'] ?? null)
+
+    <div class="bg-white p-6 border border-slate-200 shadow-sm space-y-4">
+        <div class="flex items-start justify-between gap-4">
+            <h1 class="text-2xl font-bold text-[#161616]">{{ $ticket->title }}</h1>
+            <span class="shrink-0 text-xs font-bold px-3 py-1 rounded-full
+                {{ $state === 'closed' ? 'bg-green-100 text-green-700' : ($state === 'open' ? 'bg-blue-100 text-blue-700' : 'bg-slate-100 text-slate-500') }}">
+                {{ $state === 'closed' ? 'Résolu' : ($state === 'open' ? 'En cours' : 'Inconnu') }}
+            </span>
+        </div>
+
+        <div class="flex flex-wrap items-center gap-2 text-xs">
+            <span class="text-slate-500">#{{ $ticket->gitea_number }} · {{ $ticket->type }}</span>
+            @if (!empty($issue['milestone']['title']))
+                <span class="font-bold px-2 py-0.5 rounded bg-purple-100 text-purple-700">🎯 {{ $issue['milestone']['title'] }}</span>
+            @endif
+            @foreach ($issue['labels'] ?? [] as $label)
+                <span class="font-bold px-2 py-0.5 rounded bg-slate-100 text-slate-700">{{ $label['name'] }}</span>
+            @endforeach
+        </div>
+
+        @if (!empty($issue['body']))
+            <div class="text-sm text-slate-700 whitespace-pre-line bg-slate-50 border border-slate-100 rounded p-4">{{ $issue['body'] }}</div>
+        @endif
+
+        @unless ($issue)
+            <p class="text-sm text-amber-700 bg-amber-50 border border-amber-200 rounded p-3">
+                Impossible de récupérer l'état du ticket pour le moment. Réessayez plus tard.
+            </p>
+        @endunless
+    </div>
+
+    <!-- Fil de discussion -->
+    <div class="space-y-3">
+        <h2 class="text-lg font-bold text-slate-800">Échanges</h2>
+
+        @forelse ($comments as $comment)
+            <div class="bg-white p-4 border border-slate-200 shadow-sm">
+                <div class="flex items-center justify-between mb-2">
+                    <span class="text-sm font-bold text-slate-800">{{ $comment['user']['login'] ?? 'Équipe' }}</span>
+                    <span class="text-xs text-slate-400">
+                        {{ \Illuminate\Support\Carbon::parse($comment['created_at'])->format('d/m/Y H:i') }}
+                    </span>
+                </div>
+                <div class="text-sm text-slate-700 whitespace-pre-line">{{ $comment['body'] }}</div>
+            </div>
+        @empty
+            <p class="text-sm text-slate-500">Aucune réponse pour le moment.</p>
+        @endforelse
+    </div>
+
+    <!-- Répondre -->
+    @if ($state !== 'closed')
+        <form action="{{ route('tickets.reply', $ticket->gitea_number) }}" method="POST"
+              class="bg-white p-4 border border-slate-200 shadow-sm space-y-3">
+            @csrf
+            <label for="message" class="block text-sm font-bold text-slate-700">Répondre</label>
+            <textarea id="message" name="message" required minlength="2" maxlength="5000" rows="4"
+                placeholder="Ajouter une précision, une réponse…"
+                class="w-full border-slate-200 rounded-lg focus:ring-[--fr-blue] focus:border-[--fr-blue]">{{ old('message') }}</textarea>
+            <button type="submit"
+                class="px-6 py-2.5 bg-[#000091] text-white font-bold rounded-sm hover:bg-blue-800 shadow-md transition-all text-sm uppercase tracking-widest">
+                Envoyer
+            </button>
+        </form>
+    @else
+        <p class="text-sm text-slate-500 italic">Ce ticket est clôturé — il n'est plus possible d'y répondre.</p>
+    @endif
+</div>
+@endsection