From 4459cbde69af09eaf2a369574e23e2dd142b9d03 Mon Sep 17 00:00:00 2001
From: jeremy bayse <jeremy.bayse@gmail.com>
Date: Sun, 22 Mar 2026 22:38:59 +0100
Subject: [PATCH] AI Analysis: show match score on index and dashboard

---
 resources/js/Pages/Admin/Candidates/Index.vue | 17 +++++++++++++++++
 resources/js/Pages/Dashboard.vue              | 16 ++++++++++++++++
 routes/web.php                                |  3 ++-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/resources/js/Pages/Admin/Candidates/Index.vue b/resources/js/Pages/Admin/Candidates/Index.vue
index ae21f4c..daca6b5 100644
--- a/resources/js/Pages/Admin/Candidates/Index.vue
+++ b/resources/js/Pages/Admin/Candidates/Index.vue
@@ -144,6 +144,7 @@ const sortedCandidates = computed(() => {
                                 </svg>
                             </div>
                         </th>
+                        <th class="px-6 py-4 font-semibold text-slate-700 dark:text-slate-300">Adéquation IA</th>
                         <th class="px-6 py-4 font-semibold text-slate-700 dark:text-slate-300">Documents</th>
                         <th class="px-6 py-4 font-semibold text-slate-700 dark:text-slate-300 text-right">Actions</th>
                     </tr>
@@ -191,6 +192,22 @@ const sortedCandidates = computed(() => {
                                 </span>
                             </div>
                         </td>
+                        <td class="px-6 py-4">
+                            <div v-if="candidate.ai_analysis" class="flex items-center gap-2">
+                                <div 
+                                    class="px-2 py-0.5 rounded text-[10px] font-black"
+                                    :class="[
+                                        candidate.ai_analysis.match_score >= 80 ? 'bg-emerald-100 text-emerald-700' :
+                                        candidate.ai_analysis.match_score >= 60 ? 'bg-amber-100 text-amber-700' :
+                                        'bg-red-100 text-red-700'
+                                    ]"
+                                >
+                                    {{ candidate.ai_analysis.match_score }}%
+                                </div>
+                                <span class="text-[10px] font-bold text-slate-400 uppercase truncate max-w-[60px]">{{ candidate.ai_analysis.verdict }}</span>
+                            </div>
+                            <span v-else class="text-[10px] text-slate-300 italic">Non analysé</span>
+                        </td>
                         <td class="px-6 py-4">
                             <div class="flex gap-2">
                                 <button 
diff --git a/resources/js/Pages/Dashboard.vue b/resources/js/Pages/Dashboard.vue
index 3846810..4ce5d8f 100644
--- a/resources/js/Pages/Dashboard.vue
+++ b/resources/js/Pages/Dashboard.vue
@@ -70,6 +70,7 @@ const getStatusColor = (status) => {
                             <tr class="bg-slate-50/50 dark:bg-slate-900/30">
                                 <th class="px-8 py-4 text-[10px] font-black uppercase tracking-[0.2em] text-slate-400">Candidat</th>
                                 <th class="px-8 py-4 text-[10px] font-black uppercase tracking-[0.2em] text-slate-400">Score Pondéré</th>
+                                <th class="px-8 py-4 text-[10px] font-black uppercase tracking-[0.2em] text-slate-400">Adéquation IA</th>
                                 <th class="px-8 py-4 text-[10px] font-black uppercase tracking-[0.2em] text-slate-400">Statut</th>
                                 <th class="px-8 py-4 text-[10px] font-black uppercase tracking-[0.2em] text-slate-400 text-right">Actions</th>
                             </tr>
@@ -85,6 +86,21 @@ const getStatusColor = (status) => {
                                         {{ candidate.weighted_score }} / 20
                                     </div>
                                 </td>
+                                <td class="px-8 py-5">
+                                    <div v-if="candidate.ai_analysis" class="flex items-center gap-2">
+                                        <div 
+                                            class="px-2 py-0.5 rounded text-[10px] font-black"
+                                            :class="[
+                                                candidate.ai_analysis.match_score >= 80 ? 'bg-emerald-100 text-emerald-700' :
+                                                candidate.ai_analysis.match_score >= 60 ? 'bg-amber-100 text-amber-700' :
+                                                'bg-red-100 text-red-700'
+                                            ]"
+                                        >
+                                            {{ candidate.ai_analysis.match_score }}%
+                                        </div>
+                                    </div>
+                                    <span v-else class="text-[10px] text-slate-300 italic font-medium">Non analysé</span>
+                                </td>
                                 <td class="px-8 py-5">
                                     <span 
                                         class="px-3 py-1 text-[10px] font-black uppercase tracking-widest rounded-full"
diff --git a/routes/web.php b/routes/web.php
index 4637cd6..178fa59 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -41,7 +41,8 @@ Route::get('/dashboard', function () {
                     'name' => $candidate->user->name,
                     'email' => $candidate->user->email,
                     'status' => $candidate->status,
-                    'weighted_score' => $candidate->weighted_score
+                    'weighted_score' => $candidate->weighted_score,
+                    'ai_analysis' => $candidate->ai_analysis
                 ];
             })
             ->values()