From 26d723f239c6fb7439f91cb4e387d7ca100114c0 Mon Sep 17 00:00:00 2001
From: jeremy bayse <jeremy.bayse@gmail.com>
Date: Sun, 22 Mar 2026 22:34:44 +0100
Subject: [PATCH] AI Analysis: move section before notes

---
 resources/js/Pages/Admin/Candidates/Show.vue | 158 +++++++++----------
 1 file changed, 79 insertions(+), 79 deletions(-)

diff --git a/resources/js/Pages/Admin/Candidates/Show.vue b/resources/js/Pages/Admin/Candidates/Show.vue
index c233498..e285f4f 100644
--- a/resources/js/Pages/Admin/Candidates/Show.vue
+++ b/resources/js/Pages/Admin/Candidates/Show.vue
@@ -361,85 +361,6 @@ const runAI = async () => {
                     </div>
                 </div>
 
-                <!-- Notes Section -->
-                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-sm border border-slate-200 dark:border-slate-700 p-8">
-                    <div class="flex items-center justify-between mb-6">
-                        <h4 class="text-xl font-bold flex items-center gap-2">
-                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-amber-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
-                            </svg>
-                            Notes d'entretien & Préparation
-                        </h4>
-                        <div class="flex items-center gap-4">
-                            <div class="flex items-center bg-slate-100 dark:bg-slate-900 p-1 rounded-xl">
-                                <button 
-                                    @click="isPreview = false"
-                                    class="px-4 py-1.5 text-[10px] font-black uppercase tracking-widest rounded-lg transition-all"
-                                    :class="!isPreview ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-500'"
-                                >
-                                    Édition
-                                </button>
-                                <button 
-                                    @click="isPreview = true"
-                                    class="px-4 py-1.5 text-[10px] font-black uppercase tracking-widest rounded-lg transition-all"
-                                    :class="isPreview ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-500'"
-                                >
-                                    Aperçu
-                                </button>
-                            </div>
-
-                            <div v-if="notesForm.isDirty" class="flex items-center gap-2 animate-pulse">
-                                <PrimaryButton @click="saveNotes" class="!px-4 !py-1 text-[10px]" :disabled="notesForm.processing">
-                                    Enregistrer
-                                </PrimaryButton>
-                            </div>
-                            <div v-else class="flex items-center gap-2 text-emerald-500">
-                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-                                </svg>
-                                <span class="text-[10px] font-black uppercase tracking-widest">Enregistré</span>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Markdown Help Guide -->
-                    <div v-if="!isPreview" class="mb-6 grid grid-cols-2 md:grid-cols-4 gap-2">
-                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
-                            <code class="text-indigo-500 font-bold"># Titre</code>, <code class="text-indigo-500 font-bold">## Sous-titre</code>
-                        </div>
-                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
-                            <code class="text-indigo-500 font-bold">**Gras**</code>, <code class="text-indigo-500 font-bold">*Italique*</code>
-                        </div>
-                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
-                            <code class="text-indigo-500 font-bold">* Liste</code>, <code class="text-indigo-500 font-bold">1. Liste num.</code>
-                        </div>
-                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
-                            <code class="text-indigo-500 font-bold">> Citation</code>, <code class="text-indigo-500 font-bold">--- (Ligne)</code>
-                        </div>
-                    </div>
-                    
-                    <div class="relative group">
-                        <div v-if="isPreview" 
-                             class="prose dark:prose-invert prose-slate max-w-none w-full bg-slate-50 dark:bg-slate-900 rounded-2xl p-8 min-h-[300px] text-sm leading-relaxed"
-                             v-html="renderedNotes">
-                        </div>
-                        <textarea 
-                            v-else
-                            v-model="notesForm.notes"
-                            rows="12"
-                            class="w-full bg-slate-50 dark:bg-slate-900 border-none rounded-2xl p-6 text-sm selection:bg-indigo-100 dark:selection:bg-indigo-900 focus:ring-2 focus:ring-indigo-500/20 transition-all placeholder:text-slate-300 dark:placeholder:text-slate-600 leading-relaxed font-mono"
-                            placeholder="Rédigez ici vos questions (utilisez # pour les titres, * pour les listes...)"
-                        ></textarea>
-                        
-                        <div v-if="!isPreview" class="absolute bottom-4 right-4 text-[9px] font-bold text-slate-400 opacity-60 flex items-center gap-1">
-                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" viewBox="0 0 20 20" fill="currentColor">
-                                <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 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>
-                            Markdown Supporté
-                        </div>
-                    </div>
-                </div>
-
                 <!-- AI Analysis Section -->
                 <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-sm border border-slate-200 dark:border-slate-700 p-8 overflow-hidden relative">
                     <div class="flex items-center justify-between mb-8">
@@ -540,6 +461,85 @@ const runAI = async () => {
                     </div>
                 </div>
 
+                <!-- Notes Section -->
+                <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-sm border border-slate-200 dark:border-slate-700 p-8">
+                    <div class="flex items-center justify-between mb-6">
+                        <h4 class="text-xl font-bold flex items-center gap-2">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-amber-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
+                            </svg>
+                            Notes d'entretien & Préparation
+                        </h4>
+                        <div class="flex items-center gap-4">
+                            <div class="flex items-center bg-slate-100 dark:bg-slate-900 p-1 rounded-xl">
+                                <button 
+                                    @click="isPreview = false"
+                                    class="px-4 py-1.5 text-[10px] font-black uppercase tracking-widest rounded-lg transition-all"
+                                    :class="!isPreview ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-500'"
+                                >
+                                    Édition
+                                </button>
+                                <button 
+                                    @click="isPreview = true"
+                                    class="px-4 py-1.5 text-[10px] font-black uppercase tracking-widest rounded-lg transition-all"
+                                    :class="isPreview ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-500'"
+                                >
+                                    Aperçu
+                                </button>
+                            </div>
+
+                            <div v-if="notesForm.isDirty" class="flex items-center gap-2 animate-pulse">
+                                <PrimaryButton @click="saveNotes" class="!px-4 !py-1 text-[10px]" :disabled="notesForm.processing">
+                                    Enregistrer
+                                </PrimaryButton>
+                            </div>
+                            <div v-else class="flex items-center gap-2 text-emerald-500">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                                </svg>
+                                <span class="text-[10px] font-black uppercase tracking-widest">Enregistré</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Markdown Help Guide -->
+                    <div v-if="!isPreview" class="mb-6 grid grid-cols-2 md:grid-cols-4 gap-2">
+                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
+                            <code class="text-indigo-500 font-bold"># Titre</code>, <code class="text-indigo-500 font-bold">## Sous-titre</code>
+                        </div>
+                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
+                            <code class="text-indigo-500 font-bold">**Gras**</code>, <code class="text-indigo-500 font-bold">*Italique*</code>
+                        </div>
+                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
+                            <code class="text-indigo-500 font-bold">* Liste</code>, <code class="text-indigo-500 font-bold">1. Liste num.</code>
+                        </div>
+                        <div class="p-2 border border-slate-100 dark:border-slate-700/50 rounded-lg text-[10px] text-slate-500 dark:text-slate-400">
+                            <code class="text-indigo-500 font-bold">> Citation</code>, <code class="text-indigo-500 font-bold">--- (Ligne)</code>
+                        </div>
+                    </div>
+                    
+                    <div class="relative group">
+                        <div v-if="isPreview" 
+                             class="prose dark:prose-invert prose-slate max-w-none w-full bg-slate-50 dark:bg-slate-900 rounded-2xl p-8 min-h-[300px] text-sm leading-relaxed"
+                             v-html="renderedNotes">
+                        </div>
+                        <textarea 
+                            v-else
+                            v-model="notesForm.notes"
+                            rows="12"
+                            class="w-full bg-slate-50 dark:bg-slate-900 border-none rounded-2xl p-6 text-sm selection:bg-indigo-100 dark:selection:bg-indigo-900 focus:ring-2 focus:ring-indigo-500/20 transition-all placeholder:text-slate-300 dark:placeholder:text-slate-600 leading-relaxed font-mono"
+                            placeholder="Rédigez ici vos questions (utilisez # pour les titres, * pour les listes...)"
+                        ></textarea>
+                        
+                        <div v-if="!isPreview" class="absolute bottom-4 right-4 text-[9px] font-bold text-slate-400 opacity-60 flex items-center gap-1">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" viewBox="0 0 20 20" fill="currentColor">
+                                <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 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>
+                            Markdown Supporté
+                        </div>
+                    </div>
+                </div>
+
                 <div class="bg-white dark:bg-slate-800 rounded-2xl shadow-sm border border-slate-200 dark:border-slate-700 p-8">
                     <h3 class="text-xl font-bold mb-8 flex items-center justify-between">
                         Historique des Tests