fix: quiz questions not showing - reload quiz freshly in show(), fix v-if guard in QuizInterface

VERSION

@@ -0,0 +1 @@
+1.0.2

app/Http/Controllers/AIAnalysisController.php

@@ -5,6 +5,7 @@ namespace App\Http\Controllers;
 use App\Models\Candidate;
 use App\Services\AIAnalysisService;
 use Illuminate\Http\Request;
+use Carbon\Carbon;
 
 class AIAnalysisController extends Controller
 {
@@ -15,14 +16,24 @@ class AIAnalysisController extends Controller
         $this->aiService = $aiService;
     }
 
-    public function analyze(Candidate $candidate)
+    public function analyze(Request $request, Candidate $candidate)
     {
         if (!auth()->user()->isAdmin()) {
             abort(403);
         }
 
+        // Restriction: Une analyse tous les 7 jours maximum par candidat
+        if ($candidate->ai_analysis && isset($candidate->ai_analysis['analyzed_at'])) {
+            $lastAnalysis = Carbon::parse($candidate->ai_analysis['analyzed_at']);
+            if ($lastAnalysis->diffInDays(now()) < 7) {
+                return response()->json([
+                    'error' => "Une analyse a déjà été effectuée il y a moins de 7 jours. Merci de patienter avant de relancer l'IA."
+                ], 422);
+            }
+        }
+
         try {
-            $analysis = $this->aiService->analyze($candidate);
+            $analysis = $this->aiService->analyze($candidate, $request->provider);
             
             // Persist the analysis on the candidate profile
             $candidate->update([

app/Http/Controllers/AttemptController.php

@@ -19,7 +19,9 @@ class AttemptController extends Controller
         $this->authorizeAdmin();
 
         $candidateName = $attempt->candidate->user->name;
-        $quizTitle = $attempt->quiz->title;
+        // Bypass tenant scope: admin may delete attempts for cross-tenant quizzes
+        $quiz = Quiz::withoutGlobalScopes()->find($attempt->quiz_id);
+        $quizTitle = $quiz?->title ?? "Quiz #{$attempt->quiz_id}";
 
         DB::transaction(function () use ($attempt, $candidateName, $quizTitle) {
             // Log the action
@@ -74,11 +76,15 @@ class AttemptController extends Controller
             $candidate->update(['status' => 'en_cours']);
         }
 
-        $quiz->load(['questions.options']);
+        // Reload quiz with questions FRESHLY (avoid any cached state from model binding)
+        $quizData = Quiz::with(['questions' => function($q) {
+                $q->orderBy('id')->with('options');
+            }])
+            ->find($quiz->id);
 
         return Inertia::render('Candidate/QuizInterface', [
-            'quiz' => $quiz,
+            'quiz'    => $quizData,
-            'attempt' => $attempt->load('answers')
+            'attempt' => $attempt->load('answers'),
         ]);
     }
 

app/Http/Controllers/BackupController.php

@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\File;
+use Illuminate\Support\Facades\Storage;
+use ZipArchive;
+
+class BackupController extends Controller
+{
+    public function download()
+    {
+        $databaseName = env('DB_DATABASE');
+        $userName = env('DB_USERNAME');
+        $password = env('DB_PASSWORD');
+        $host = env('DB_HOST', '127.0.0.1');
+
+        $backupFileName = 'backup_quizzcabm_' . date('Y-m-d_H-i-s') . '.zip';
+        $backupFilePath = storage_path('app/' . $backupFileName);
+        
+        $sqlDumpFilePath = storage_path('app/dump.sql');
+
+        // Execute mysqldump
+        $command = "mysqldump --user={$userName} --password={$password} --host={$host} {$databaseName} > " . escapeshellarg($sqlDumpFilePath);
+        if (empty($password)) {
+            $command = "mysqldump --user={$userName} --host={$host} {$databaseName} > " . escapeshellarg($sqlDumpFilePath);
+        }
+
+        exec($command);
+
+        $zip = new ZipArchive;
+        if ($zip->open($backupFilePath, ZipArchive::CREATE) === TRUE) {
+            // Add DB dump
+            if (file_exists($sqlDumpFilePath)) {
+                $zip->addFile($sqlDumpFilePath, 'database.sql');
+            }
+
+            // Add documents specifically searching the local disk
+            $allFiles = Storage::disk('local')->allFiles();
+            foreach ($allFiles as $filePath) {
+                $fullPath = Storage::disk('local')->path($filePath);
+                // The zip structure will have a folder 'storage_files' containing the relative path
+                $zip->addFile($fullPath, 'storage_files/' . $filePath);
+            }
+
+            $zip->close();
+        }
+
+        if (file_exists($sqlDumpFilePath)) {
+            unlink($sqlDumpFilePath);
+        }
+
+        if (file_exists($backupFilePath)) {
+            return response()->download($backupFilePath)->deleteFileAfterSend(true);
+        }
+
+        return back()->with('error', 'Erreur lors de la création de la sauvegarde.');
+    }
+}

app/Http/Controllers/CandidateController.php

@@ -15,10 +15,14 @@ class CandidateController extends Controller
 {
     public function index()
     {
-        $candidates = Candidate::with(['user', 'documents', 'attempts'])->latest()->get();
+        $candidates = Candidate::with(['user', 'documents', 'attempts', 'tenant', 'jobPosition'])->latest()->get();
+        $jobPositions = \App\Models\JobPosition::orderBy('title')->get();
+        $tenants = \App\Models\Tenant::orderBy('name')->get();
 
         return \Inertia\Inertia::render('Admin/Candidates/Index', [
-            'candidates' => $candidates
+            'candidates' => $candidates,
+            'jobPositions' => $jobPositions,
+            'tenants' => $tenants
         ]);
     }
 
@@ -42,8 +46,10 @@ class CandidateController extends Controller
             'email' => 'required|string|email|max:255|unique:users',
             'phone' => 'nullable|string|max:20',
             'linkedin_url' => 'nullable|url|max:255',
-            'cv' => 'nullable|file|mimes:pdf|max:5120',
+            'cv' => 'nullable|mimes:pdf|max:5120',
-            'cover_letter' => 'nullable|file|mimes:pdf|max:5120',
+            'cover_letter' => 'nullable|mimes:pdf|max:5120',
+            'tenant_id' => 'nullable|exists:tenants,id',
+            'job_position_id' => 'nullable|exists:job_positions,id',
         ]);
 
         $password = Str::random(10);
@@ -51,15 +57,17 @@ class CandidateController extends Controller
         $user = User::create([
             'name' => $request->name,
             'email' => $request->email,
-            'password' => Hash::make($password),
+            'password' => Hash::make(Str::random(12)),
             'role' => 'candidate',
+            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
         ]);
 
-        $candidate = Candidate::create([
+        $candidate = $user->candidate()->create([
-            'user_id' => $user->id,
             'phone' => $request->phone,
             'linkedin_url' => $request->linkedin_url,
             'status' => 'en_attente',
+            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
+            'job_position_id' => $request->job_position_id,
         ]);
 
         $this->storeDocument($candidate, $request->file('cv'), 'cv');
@@ -73,16 +81,42 @@ class CandidateController extends Controller
         $candidate->load([
             'user', 
             'documents', 
-            'attempts.quiz', 
+            'jobPosition',
-            'attempts.answers.question',
+            'tenant'
-            'attempts.answers.option',
-            'jobPosition'
         ]);
 
-        return \Inertia\Inertia::render('Admin/Candidates/Show', [
+        // Load attempts with quiz bypassing tenant scope
+        // (admin may view candidates whose quizzes belong to other tenants)
+        $candidate->setRelation(
+            'attempts',
+            $candidate->attempts()
+                ->with([
+                    'quiz' => fn($q) => $q->withoutGlobalScopes(),
+                    'answers.question',
+                    'answers.option',
+                ])
+                ->get()
+        );
+
+        $data = [
             'candidate' => $candidate,
-            'jobPositions' => \App\Models\JobPosition::all()
+            'jobPositions' => \App\Models\JobPosition::all(),
-        ]);
+            'ai_config' => [
+                'default' => env('AI_DEFAULT_PROVIDER', 'ollama'),
+                'enabled_providers' => array_filter([
+                    'ollama' => true, // Toujours dispo car local ou simulé
+                    'openai' => !empty(env('OPENAI_API_KEY')),
+                    'anthropic' => !empty(env('ANTHROPIC_API_KEY')),
+                    'gemini' => !empty(env('GEMINI_API_KEY')),
+                ], function($v) { return $v; })
+            ]
+        ];
+
+        if (auth()->user()->isSuperAdmin()) {
+            $data['tenants'] = \App\Models\Tenant::orderBy('name')->get();
+        }
+
+        return \Inertia\Inertia::render('Admin/Candidates/Show', $data);
     }
 
     public function destroy(Candidate $candidate)
@@ -157,6 +191,30 @@ class CandidateController extends Controller
         return back()->with('success', 'Fiche de poste associée au candidat.');
     }
 
+    public function updateTenant(Request $request, Candidate $candidate)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403);
+        }
+
+        $request->validate([
+            'tenant_id' => 'nullable|exists:tenants,id',
+        ]);
+
+        $candidate->update([
+            'tenant_id' => $request->tenant_id,
+        ]);
+
+        // Also update the associated user's tenant_id if it exists
+        if ($candidate->user) {
+            $candidate->user->update([
+                'tenant_id' => $request->tenant_id,
+            ]);
+        }
+
+        return back()->with('success', 'Structure de rattachement mise à jour avec succès.');
+    }
+
     public function resetPassword(Candidate $candidate)
     {
         $password = Str::random(10);

app/Http/Controllers/JobPositionController.php

@@ -13,7 +13,9 @@ class JobPositionController extends Controller
         $this->authorizeAdmin();
 
         return Inertia::render('Admin/JobPositions/Index', [
-            'jobPositions' => JobPosition::all()
+            'jobPositions' => JobPosition::with(['tenant', 'quizzes'])->get(),
+            'tenants' => \App\Models\Tenant::orderBy('name')->get(),
+            'quizzes' => \App\Models\Quiz::all()
         ]);
     }
 
@@ -26,15 +28,21 @@ class JobPositionController extends Controller
             'description' => 'required|string',
             'requirements' => 'nullable|array',
             'ai_prompt' => 'nullable|string',
+            'tenant_id' => 'nullable|exists:tenants,id',
+            'quiz_ids' => 'nullable|array',
+            'quiz_ids.*' => 'exists:quizzes,id',
         ]);
 
-        JobPosition::create([
+        $jobPosition = JobPosition::create([
             'title' => $request->title,
             'description' => $request->description,
             'requirements' => $request->requirements,
             'ai_prompt' => $request->ai_prompt,
+            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
         ]);
 
+        $jobPosition->quizzes()->sync($request->input('quiz_ids', []));
+
         return back()->with('success', 'Fiche de poste créée avec succès.');
     }
 
@@ -47,6 +55,9 @@ class JobPositionController extends Controller
             'description' => 'required|string',
             'requirements' => 'nullable|array',
             'ai_prompt' => 'nullable|string',
+            'tenant_id' => 'nullable|exists:tenants,id',
+            'quiz_ids' => 'nullable|array',
+            'quiz_ids.*' => 'exists:quizzes,id',
         ]);
 
         $jobPosition->update([
@@ -54,8 +65,11 @@ class JobPositionController extends Controller
             'description' => $request->description,
             'requirements' => $request->requirements,
             'ai_prompt' => $request->ai_prompt,
+            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
         ]);
 
+        $jobPosition->quizzes()->sync($request->input('quiz_ids', []));
+
         return back()->with('success', 'Fiche de poste mise à jour.');
     }
 

app/Http/Controllers/TenantController.php

@@ -0,0 +1,64 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Tenant;
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+
+class TenantController extends Controller
+{
+    public function index()
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $tenants = Tenant::orderBy('name')->get();
+
+        return Inertia::render('Admin/Tenants/Index', [
+            'tenants' => $tenants
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $request->validate([
+            'name' => 'required|string|max:255|unique:tenants,name',
+        ]);
+
+        Tenant::create($request->only('name'));
+
+        return back()->with('success', 'Structure créée avec succès.');
+    }
+
+    public function update(Request $request, Tenant $tenant)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $request->validate([
+            'name' => 'required|string|max:255|unique:tenants,name,' . $tenant->id,
+        ]);
+
+        $tenant->update($request->only('name'));
+
+        return back()->with('success', 'Structure mise à jour.');
+    }
+
+    public function destroy(Tenant $tenant)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $tenant->delete();
+
+        return back()->with('success', 'Structure supprimée.');
+    }
+}

app/Http/Controllers/UserController.php

@@ -0,0 +1,111 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\User;
+use App\Models\Tenant;
+use Illuminate\Http\Request;
+use Illuminate\Validation\Rule;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Str;
+use Inertia\Inertia;
+
+class UserController extends Controller
+{
+    public function index()
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $users = User::whereIn('role', ['admin', 'super_admin'])
+            ->with('tenant')
+            ->orderBy('name')
+            ->get();
+
+        $tenants = Tenant::orderBy('name')->get();
+
+        return Inertia::render('Admin/Users/Index', [
+            'users' => $users,
+            'tenants' => $tenants
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $request->validate([
+            'name' => 'required|string|max:255',
+            'email' => 'required|string|email|max:255|unique:users',
+            'role' => ['required', Rule::in(['admin', 'super_admin'])],
+            'tenant_id' => 'nullable|exists:tenants,id',
+        ]);
+
+        $password = Str::random(10);
+
+        User::create([
+            'name' => $request->name,
+            'email' => $request->email,
+            'password' => Hash::make($password),
+            'role' => $request->role,
+            'tenant_id' => $request->role === 'super_admin' ? null : $request->tenant_id,
+        ]);
+
+        return back()->with('success', 'Administrateur créé avec succès. Mot de passe généré : ' . $password);
+    }
+
+    public function update(Request $request, User $user)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $request->validate([
+            'name' => 'required|string|max:255',
+            'email' => 'required|string|email|max:255|unique:users,email,' . $user->id,
+            'role' => ['required', Rule::in(['admin', 'super_admin'])],
+            'tenant_id' => 'nullable|exists:tenants,id',
+        ]);
+
+        $user->update([
+            'name' => $request->name,
+            'email' => $request->email,
+            'role' => $request->role,
+            'tenant_id' => $request->role === 'super_admin' ? null : $request->tenant_id,
+        ]);
+
+        return back()->with('success', 'Administrateur mis à jour.');
+    }
+
+    public function destroy(User $user)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        if ($user->id === auth()->id()) {
+            return back()->with('error', 'Vous ne pouvez pas supprimer votre propre compte.');
+        }
+
+        $user->delete();
+
+        return back()->with('success', 'Administrateur supprimé.');
+    }
+
+    public function resetPassword(User $user)
+    {
+        if (!auth()->user()->isSuperAdmin()) {
+            abort(403, 'Unauthorized action.');
+        }
+
+        $password = Str::random(10);
+        $user->update([
+            'password' => Hash::make($password)
+        ]);
+
+        return back()->with('success', 'Nouveau mot de passe généré pour ' . $user->name . ' : ' . $password);
+    }
+}

app/Http/Middleware/HandleInertiaRequests.php

@@ -32,12 +32,14 @@ class HandleInertiaRequests extends Middleware
         return [
             ...parent::share($request),
             'auth' => [
-                'user' => $request->user(),
+                'user' => $request->user() ? clone $request->user()->load('tenant') : null,
             ],
             'flash' => [
                 'success' => $request->session()->get('success'),
                 'error' => $request->session()->get('error'),
             ],
+            'app_env' => config('app.env'),
+            'app_version' => config('app.version'),
         ];
     }
 }

app/Models/Candidate.php

@@ -9,10 +9,24 @@ use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\Attributes\Fillable;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 
-#[Fillable(['user_id', 'job_position_id', 'phone', 'linkedin_url', 'status', 'notes', 'cv_score', 'motivation_score', 'interview_score', 'ai_analysis'])]
+use App\Traits\BelongsToTenant;
+
+#[Fillable(['user_id', 'job_position_id', 'phone', 'linkedin_url', 'status', 'notes', 'cv_score', 'motivation_score', 'interview_score', 'ai_analysis', 'tenant_id'])]
 class Candidate extends Model
 {
-    use HasFactory;
+    use HasFactory, BelongsToTenant;
+    
+    protected static function booted()
+    {
+        static::creating(function ($candidate) {
+            if ($candidate->job_position_id && !$candidate->tenant_id) {
+                $jobPosition = JobPosition::find($candidate->job_position_id);
+                if ($jobPosition) {
+                    $candidate->tenant_id = $jobPosition->tenant_id;
+                }
+            }
+        });
+    }
 
     protected $casts = [
         'ai_analysis' => 'array',

app/Models/JobPosition.php

@@ -7,10 +7,12 @@ use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\Attributes\Fillable;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 
-#[Fillable(['title', 'description', 'requirements', 'ai_prompt'])]
+use App\Traits\BelongsToTenant;
+
+#[Fillable(['title', 'description', 'requirements', 'ai_prompt', 'tenant_id'])]
 class JobPosition extends Model
 {
-    use HasFactory;
+    use HasFactory, BelongsToTenant;
 
     protected $casts = [
         'requirements' => 'array',
@@ -20,4 +22,9 @@ class JobPosition extends Model
     {
         return $this->hasMany(Candidate::class);
     }
+
+    public function quizzes()
+    {
+        return $this->belongsToMany(Quiz::class);
+    }
 }

app/Models/Quiz.php

@@ -8,13 +8,20 @@ use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\Attributes\Fillable;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 
-#[Fillable(['title', 'description', 'duration_minutes'])]
+use App\Traits\BelongsToTenant;
+
+#[Fillable(['title', 'description', 'duration_minutes', 'tenant_id'])]
 class Quiz extends Model
 {
-    use HasFactory;
+    use HasFactory, BelongsToTenant;
 
     public function questions(): HasMany
     {
         return $this->hasMany(Question::class);
     }
+
+    public function jobPositions()
+    {
+        return $this->belongsToMany(JobPosition::class);
+    }
 }

app/Models/Tenant.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+use Illuminate\Database\Eloquent\Attributes\Fillable;
+
+#[Fillable(['name'])]
+class Tenant extends Model
+{
+    public function users()
+    {
+        return $this->hasMany(User::class);
+    }
+
+    public function candidates()
+    {
+        return $this->hasMany(Candidate::class);
+    }
+
+    public function quizzes()
+    {
+        return $this->hasMany(Quiz::class);
+    }
+
+    public function jobPositions()
+    {
+        return $this->hasMany(JobPosition::class);
+    }
+}

app/Models/User.php

@@ -10,7 +10,7 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
 
-#[Fillable(['name', 'email', 'password', 'role'])]
+#[Fillable(['name', 'email', 'password', 'role', 'tenant_id'])]
 #[Hidden(['password', 'remember_token'])]
 class User extends Authenticatable
 {
@@ -19,7 +19,12 @@ class User extends Authenticatable
 
     public function isAdmin(): bool
     {
-        return $this->role === 'admin';
+        return in_array($this->role, ['admin', 'super_admin']);
+    }
+
+    public function isSuperAdmin(): bool
+    {
+        return $this->role === 'super_admin';
     }
 
     public function isCandidate(): bool
@@ -32,6 +37,11 @@ class User extends Authenticatable
         return $this->hasOne(Candidate::class);
     }
 
+    public function tenant()
+    {
+        return $this->belongsTo(Tenant::class);
+    }
+
     /**
      * Get the attributes that should be cast.
      *

app/Services/AIAnalysisService.php

@@ -21,7 +21,7 @@ class AIAnalysisService
     /**
      * Analyze a candidate against their assigned Job Position.
      */
-    public function analyze(Candidate $candidate)
+    public function analyze(Candidate $candidate, ?string $provider = null)
     {
         if (!$candidate->job_position_id) {
             throw new \Exception("Le candidat n'est associé à aucune fiche de poste.");
@@ -36,7 +36,7 @@ class AIAnalysisService
             throw new \Exception("Impossible d'extraire le texte du CV.");
         }
 
-        return $this->callAI($candidate, $cvText, $letterText);
+        return $this->callAI($candidate, $cvText, $letterText, $provider);
     }
 
     /**
@@ -75,13 +75,15 @@ class AIAnalysisService
     /**
      * Call the AI API (using a placeholder for now, or direct Http call).
      */
-    protected function callAI(Candidate $candidate, string $cvText, ?string $letterText)
+    protected function callAI(Candidate $candidate, string $cvText, ?string $letterText, ?string $provider = null)
     {
+        $provider = $provider ?: env('AI_DEFAULT_PROVIDER', 'ollama');
+        
         $jobTitle = $candidate->jobPosition->title;
         $jobDesc = $candidate->jobPosition->description;
         $requirements = implode(", ", $candidate->jobPosition->requirements ?? []);
 
-        $prompt = "Tu es un expert en recrutement technique. Analyse le CV (et la lettre de motivation si présente) d'un candidat pour le poste de '{$jobTitle}'. 
+        $prompt = "Tu es un expert en recrutement technique. Analyse le CV (et la lettre de motivation si présente) d'un candidat pour le poste de '{$jobTitle}' attache une grande importance aux compétences techniques et à l'expérience du candidat, mais aussi à sa capacité à s'intégrer dans une équipe et à sa motivation.
         
         DESCRIPTION DU POSTE:
         {$jobDesc}
@@ -91,7 +93,6 @@ class AIAnalysisService
         
         CONTENU DU CV:
         {$cvText}  
-        
         CONTENU DE LA LETTRE DE MOTIVATION:
         " . ($letterText ?? "Non fournie") . "
         
@@ -100,16 +101,29 @@ class AIAnalysisService
         
         Fournis une analyse structurée en JSON avec les clés suivantes:
         - match_score: note de 0 à 100
-        - summary: résumé de 3-4 phrases sur le profil
+        - summary: résumé de 3-4 phrases sur le profil et la ville d'origine du candidat
         - strengths: liste des points forts par rapport au poste
         - gaps: liste des compétences manquantes ou points de vigilance
         - verdict: une conclusion (Favorable, Très Favorable, Réservé, Défavorable)
         
         Réponds UNIQUEMENT en JSON pur.";
 
-        // For now, I'll use a mocked response or try to use a generic endpoint if configured.
+        $analysis = match ($provider) {
-        // I'll check if the user has an Ollama endpoint.
+            'openai' => $this->callOpenAI($prompt),
+            'anthropic' => $this->callAnthropic($prompt),
+            'gemini' => $this->callGemini($prompt),
+            default => $this->callOllama($prompt),
+        };
 
+        // Inject metadata for display and tracking
+        $analysis['provider'] = $provider;
+        $analysis['analyzed_at'] = now()->toIso8601String();
+        
+        return $analysis;
+    }
+
+    protected function callOllama(string $prompt)
+    {
         $ollamaUrl = env('OLLAMA_URL', 'http://localhost:11434/api/generate');
         $ollamaModel = env('OLLAMA_MODEL', 'mistral');
         
@@ -124,16 +138,98 @@ class AIAnalysisService
             if ($response->successful()) {
                 return json_decode($response->json('response'), true);  
             } else {
-                Log::warning("AI Provider Error: HTTP " . $response->status() . " - " . $response->body());
+                Log::warning("AI Provider Error (Ollama): HTTP " . $response->status() . " - " . $response->body());
             }
         } catch (\Exception $e) {
             Log::error("AI Connection Failed (Ollama): " . $e->getMessage());
         }
 
-        // Fallback for demo if Ollama is not running
+        return $this->getSimulatedAnalysis();
+    }
+
+    protected function callOpenAI(string $prompt)
+    {
+        $apiKey = env('OPENAI_API_KEY');
+        if (!$apiKey) return $this->getSimulatedAnalysis();
+
+        try {
+            $response = Http::withToken($apiKey)->timeout(60)->post('https://api.openai.com/v1/chat/completions', [
+                'model' => 'gpt-4o',
+                'messages' => [['role' => 'user', 'content' => $prompt]],
+                'response_format' => ['type' => 'json_object']
+            ]);
+
+            if ($response->successful()) {
+                return json_decode($response->json('choices.0.message.content'), true);
+            }
+        } catch (\Exception $e) {
+            Log::error("OpenAI Analysis Failed: " . $e->getMessage());
+        }
+
+        return $this->getSimulatedAnalysis();
+    }
+
+    protected function callAnthropic(string $prompt)
+    {
+        $apiKey = env('ANTHROPIC_API_KEY');
+        if (!$apiKey) return $this->getSimulatedAnalysis();
+
+        try {
+            $response = Http::withHeaders([
+                'x-api-key' => $apiKey,
+                'anthropic-version' => '2023-06-01',
+                'content-type' => 'application/json'
+            ])->timeout(60)->post('https://api.anthropic.com/v1/messages', [
+                'model' => 'claude-3-5-sonnet-20240620',
+                'max_tokens' => 1024,
+                'messages' => [['role' => 'user', 'content' => $prompt]]
+            ]);
+
+            if ($response->successful()) {
+                $content = $response->json('content.0.text');
+                return json_decode($this->extractJson($content), true);
+            }
+        } catch (\Exception $e) {
+            Log::error("Anthropic Analysis Failed: " . $e->getMessage());
+        }
+
+        return $this->getSimulatedAnalysis();
+    }
+
+    protected function callGemini(string $prompt)
+    {
+        $apiKey = env('GEMINI_API_KEY');
+        if (!$apiKey) return $this->getSimulatedAnalysis();
+
+        try {
+            $response = Http::timeout(60)->post("https://generativelanguage.googleapis.com/v1/models/gemini-2.5-flash:generateContent?key=" . $apiKey, [
+                'contents' => [['parts' => [['text' => $prompt]]]]
+            ]);
+
+            if ($response->successful()) {
+                $text = $response->json('candidates.0.content.parts.0.text');
+                return json_decode($this->extractJson($text), true);
+            } else {
+                Log::error("Gemini API Error: " . $response->status() . " - " . $response->body());
+            }
+        } catch (\Exception $e) {
+            Log::error("Gemini Connection Failed: " . $e->getMessage());
+        }
+
+        return $this->getSimulatedAnalysis();
+    }
+
+    private function extractJson($string)
+    {
+        preg_match('/\{.*\}/s', $string, $matches);
+        return $matches[0] ?? '{}';
+    }
+
+    private function getSimulatedAnalysis()
+    {
         return [
             'match_score' => 75,
-            'summary' => "Analyse simulée (IA non connectée). Le candidat semble avoir une solide expérience mais certains points techniques doivent être vérifiés.",
+            'summary' => "Analyse simulée (IA non connectée ou erreur API). Le candidat semble avoir une solide expérience mais certains points techniques doivent être vérifiés.",
             'strengths' => ["Expérience pertinente", "Bonne présentation"],
             'gaps' => ["Compétences spécifiques à confirmer"],
             'verdict' => "Favorable"

app/Traits/BelongsToTenant.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Traits;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Support\Facades\Auth;
+
+trait BelongsToTenant
+{
+    protected static function bootBelongsToTenant()
+    {
+        static::addGlobalScope('tenant', function (Builder $builder) {
+            if (Auth::check()) {
+                $user = Auth::user();
+
+                // Super admins see everything
+                if ($user->role === 'super_admin') {
+                    return;
+                }
+
+                // Candidates don't have a tenant_id but must access
+                // quizzes/job positions linked to their position
+                if ($user->role === 'candidate') {
+                    return;
+                }
+
+                if ($user->tenant_id) {
+                    $builder->where('tenant_id', $user->tenant_id);
+                }
+            }
+        });
+
+        static::creating(function ($model) {
+            if (Auth::check() && Auth::user()->tenant_id && Auth::user()->role !== 'super_admin') {
+                $model->tenant_id = Auth::user()->tenant_id;
+            }
+        });
+    }
+
+    public function tenant()
+    {
+        return $this->belongsTo(\App\Models\Tenant::class);
+    }
+}

config/app.php

@@ -123,4 +123,6 @@ return [
         'store' => env('APP_MAINTENANCE_STORE', 'database'),
     ],
 
+    'version' => trim(file_exists(base_path('VERSION')) ? file_get_contents(base_path('VERSION')) : '1.0.0'),
+
 ];

database/migrations/2026_03_28_091033_create_tenants_table.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('tenants', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('tenants');
+    }
+};

database/migrations/2026_03_28_091035_add_tenant_id_to_saas_tables.php

@@ -0,0 +1,56 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->foreignId('tenant_id')->nullable()->constrained()->nullOnDelete();
+        });
+
+        Schema::table('candidates', function (Blueprint $table) {
+            $table->foreignId('tenant_id')->nullable()->constrained()->nullOnDelete();
+        });
+
+        Schema::table('quizzes', function (Blueprint $table) {
+            $table->foreignId('tenant_id')->nullable()->constrained()->nullOnDelete();
+        });
+
+        Schema::table('job_positions', function (Blueprint $table) {
+            $table->foreignId('tenant_id')->nullable()->constrained()->nullOnDelete();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropForeign(['tenant_id']);
+            $table->dropColumn('tenant_id');
+        });
+
+        Schema::table('candidates', function (Blueprint $table) {
+            $table->dropForeign(['tenant_id']);
+            $table->dropColumn('tenant_id');
+        });
+
+        Schema::table('quizzes', function (Blueprint $table) {
+            $table->dropForeign(['tenant_id']);
+            $table->dropColumn('tenant_id');
+        });
+
+        Schema::table('job_positions', function (Blueprint $table) {
+            $table->dropForeign(['tenant_id']);
+            $table->dropColumn('tenant_id');
+        });
+    }
+};

database/migrations/2026_03_29_090518_update_role_enum_on_users_table.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->string('role')->default('candidate')->change();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->enum('role', ['admin', 'candidate'])->default('candidate')->change();
+        });
+    }
+};

database/migrations/2026_04_14_162814_create_job_position_quiz_table.php

@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('job_position_quiz', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('job_position_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('quiz_id')->constrained()->cascadeOnDelete();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('job_position_quiz');
+    }
+};

package-lock.json

@@ -6,6 +6,7 @@
         "": {
             "dependencies": {
                 "@tailwindcss/typography": "^0.5.19",
+                "chart.js": "^4.5.1",
                 "marked": "^17.0.4"
             },
             "devDependencies": {
@@ -195,6 +196,12 @@
                 "@jridgewell/sourcemap-codec": "^1.4.14"
             }
         },
+        "node_modules/@kurkle/color": {
+            "version": "0.3.4",
+            "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
+            "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
+            "license": "MIT"
+        },
         "node_modules/@napi-rs/wasm-runtime": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
@@ -1266,6 +1273,18 @@
                 "node": ">=8"
             }
         },
+        "node_modules/chart.js": {
+            "version": "4.5.1",
+            "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
+            "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
+            "license": "MIT",
+            "dependencies": {
+                "@kurkle/color": "^0.3.0"
+            },
+            "engines": {
+                "pnpm": ">=8"
+            }
+        },
         "node_modules/chokidar": {
             "version": "3.6.0",
             "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",

package.json

@@ -22,6 +22,7 @@
     },
     "dependencies": {
         "@tailwindcss/typography": "^0.5.19",
+        "chart.js": "^4.5.1",
         "marked": "^17.0.4"
     }
 }

resources/js/Components/DropdownLink.vue

@@ -12,7 +12,8 @@ defineProps({
 <template>
     <Link
         :href="href"
-        class="block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 transition duration-150 ease-in-out hover:bg-gray-100 focus:bg-gray-100 focus:outline-none"
+        class="block w-full px-4 py-2 text-start text-sm font-semibold leading-5 transition duration-150 ease-in-out focus:outline-none"
+        style="color:#1e293b;"
     >
         <slot />
     </Link>

resources/js/Components/EnvironmentBanner.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { computed } from 'vue';
+import { usePage } from '@inertiajs/vue3';
+
+const page = usePage();
+const appEnv = computed(() => page.props.app_env);
+
+const isDevelopment = computed(() => appEnv.value !== 'production');
+
+const bannerStyles = computed(() => {
+    if (appEnv.value === 'local') {
+        return 'bg-amber-400 text-amber-950 border-amber-500/50';
+    } else if (appEnv.value === 'staging') {
+        return 'bg-blue-500 text-white border-blue-600/50';
+    }
+    return 'bg-rose-500 text-white border-rose-600/50';
+});
+
+const label = computed(() => {
+    if (appEnv.value === 'local') return 'DEV';
+    if (appEnv.value === 'staging') return 'STG';
+    return appEnv.value?.toUpperCase() || 'ENV';
+});
+</script>
+
+<template>
+    <div 
+        v-if="isDevelopment" 
+        class="fixed top-0 left-0 right-0 z-[9999] h-1 pointer-events-none shadow-sm shadow-black/10"
+        :class="bannerStyles"
+    ></div>
+    
+    <div 
+        v-if="isDevelopment"
+        class="fixed top-4 -right-12 z-[9999] pointer-events-none select-none"
+    >
+        <div 
+            class="transform rotate-45 py-1 px-14 text-[10px] font-black tracking-tighter shadow-lg border-y whitespace-nowrap text-center flex flex-col items-center justify-center leading-none"
+            :class="bannerStyles"
+        >
+            <span>ENV {{ label }}</span>
+            <span class="text-[7px] opacity-70 mt-0.5">{{ appEnv }}</span>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+/* No specific styles needed as Tailwind handles most of it, but ensure z-index is high */
+</style>

resources/js/Components/NavLink.vue

@@ -14,8 +14,8 @@ const props = defineProps({
 
 const classes = computed(() =>
     props.active
-        ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
+        ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-600 text-sm font-bold leading-5 text-indigo-700 focus:outline-none transition duration-150 ease-in-out'
-        : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out',
+        : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-bold leading-5 text-slate-700 hover:text-indigo-600 hover:border-indigo-400 focus:outline-none transition duration-150 ease-in-out',
 );
 </script>
 

resources/js/Layouts/AdminLayout.vue

@@ -4,11 +4,13 @@ import { Link } from '@inertiajs/vue3';
 import ApplicationLogo from '@/Components/ApplicationLogo.vue';
 import Dropdown from '@/Components/Dropdown.vue';
 import DropdownLink from '@/Components/DropdownLink.vue';
+import EnvironmentBanner from '@/Components/EnvironmentBanner.vue';
 
 const isSidebarOpen = ref(true);
 </script>
 
 <template>
+    <EnvironmentBanner />
     <div class="min-h-screen bg-slate-50 dark:bg-slate-900 flex text-slate-900 dark:text-slate-100">
         <!-- Sidebar -->
         <aside
@@ -77,6 +79,28 @@ const isSidebarOpen = ref(true);
                     </svg>
                     <span v-if="isSidebarOpen">Comparateur</span>
                 </Link>
+                <Link
+                    v-if="$page.props.auth.user.role === 'super_admin'"
+                    :href="route('admin.tenants.index')"
+                    class="flex items-center gap-3 px-3 py-2 rounded-lg transition-colors"
+                    :class="[route().current('admin.tenants.*') ? 'bg-indigo-50 text-indigo-600 dark:bg-indigo-900/50 dark:text-indigo-400' : 'hover:bg-slate-50 dark:hover:bg-slate-700/50']"
+                >
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="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-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
+                    </svg>
+                    <span v-if="isSidebarOpen">Structures</span>
+                </Link>
+                <Link
+                    v-if="$page.props.auth.user.role === 'super_admin'"
+                    :href="route('admin.users.index')"
+                    class="flex items-center gap-3 px-3 py-2 rounded-lg transition-colors"
+                    :class="[route().current('admin.users.*') ? 'bg-indigo-50 text-indigo-600 dark:bg-indigo-900/50 dark:text-indigo-400' : 'hover:bg-slate-50 dark:hover:bg-slate-700/50']"
+                >
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" />
+                    </svg>
+                    <span v-if="isSidebarOpen">Équipe SaaS</span>
+                </Link>
             </nav>
 
             <div class="p-4 border-t border-slate-200 dark:border-slate-700">
@@ -91,6 +115,9 @@ const isSidebarOpen = ref(true);
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5l7 7-7 7M5 5l7 7-7 7" />
                     </svg>
                 </button>
+                <div v-if="isSidebarOpen" class="mt-4 text-[10px] text-slate-400 text-center font-mono">
+                    v{{ $page.props.app_version }}
+                </div>
             </div>
         </aside>
 
@@ -115,6 +142,7 @@ const isSidebarOpen = ref(true);
                         </template>
                         <template #content>
                             <DropdownLink :href="route('profile.edit')">Profil</DropdownLink>
+                            <DropdownLink :href="route('admin.backup')" as="a">Sauvegarde App</DropdownLink>
                             <DropdownLink :href="route('logout')" method="post" as="button">Déconnexion</DropdownLink>
                         </template>
                     </Dropdown>

resources/js/Layouts/AuthenticatedLayout.vue

@@ -6,16 +6,16 @@ import DropdownLink from '@/Components/DropdownLink.vue';
 import NavLink from '@/Components/NavLink.vue';
 import ResponsiveNavLink from '@/Components/ResponsiveNavLink.vue';
 import { Link } from '@inertiajs/vue3';
+import EnvironmentBanner from '@/Components/EnvironmentBanner.vue';
 
 const showingNavigationDropdown = ref(false);
 </script>
 
 <template>
+    <EnvironmentBanner />
     <div>
-        <div class="min-h-screen bg-gray-100">
+        <div class="min-h-screen" style="background:#f8fafc;">
-            <nav
+            <nav style="border-bottom:1px solid #e2e8f0; background:white; box-shadow:0 1px 3px rgba(0,0,0,0.04);">
-                class="border-b border-gray-100 bg-white"
-            >
                 <!-- Primary Navigation Menu -->
                 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
                     <div class="flex h-16 justify-between">
@@ -24,7 +24,7 @@ const showingNavigationDropdown = ref(false);
                             <div class="flex shrink-0 items-center">
                                 <Link :href="route('dashboard')">
                                     <ApplicationLogo
-                                        class="block h-9 w-auto fill-current text-gray-800"
+                                        class="block h-9 w-auto fill-indigo-600"
                                     />
                                 </Link>
                             </div>
@@ -50,7 +50,7 @@ const showingNavigationDropdown = ref(false);
                                         <span class="inline-flex rounded-md">
                                             <button
                                                 type="button"
-                                                class="inline-flex items-center rounded-md border border-transparent bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-500 transition duration-150 ease-in-out hover:text-gray-700 focus:outline-none"
+                                                style="display:inline-flex; align-items:center; border-radius:0.75rem; border:1.5px solid #e2e8f0; background:#f1f5f9; padding:0.5rem 1rem; font-size:0.875rem; font-weight:700; color:#0f172a; transition:all 0.15s ease;"
                                             >
                                                 {{ $page.props.auth.user.name }}
 
@@ -181,7 +181,7 @@ const showingNavigationDropdown = ref(false);
 
             <!-- Page Heading -->
             <header
-                class="bg-white shadow"
+                style="background:white; border-bottom:1px solid #f1f5f9; box-shadow:none;"
                 v-if="$slots.header"
             >
                 <div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
@@ -193,6 +193,10 @@ const showingNavigationDropdown = ref(false);
             <main>
                 <slot />
             </main>
+            
+            <footer class="pb-8 pt-4 text-center" style="background:#f8fafc;">
+                <span class="text-[10px] font-mono" style="color:#9ca3af;">v{{ $page.props.app_version }}</span>
+            </footer>
         </div>
     </div>
 </template>

resources/js/Layouts/GuestLayout.vue

@@ -1,9 +1,11 @@
 <script setup>
 import ApplicationLogo from '@/Components/ApplicationLogo.vue';
 import { Link } from '@inertiajs/vue3';
+import EnvironmentBanner from '@/Components/EnvironmentBanner.vue';
 </script>
 
 <template>
+    <EnvironmentBanner />
     <div
         class="flex min-h-screen flex-col items-center bg-gray-100 pt-6 sm:justify-center sm:pt-0"
     >

resources/js/Pages/Admin/Candidates/Index.vue

@@ -13,7 +13,9 @@ import SecondaryButton from '@/Components/SecondaryButton.vue';
 import InputError from '@/Components/InputError.vue';
 
 const props = defineProps({
-    candidates: Array
+    candidates: Array,
+    jobPositions: Array,
+    tenants: Array
 });
 
 const isModalOpen = ref(false);
@@ -26,6 +28,8 @@ const form = useForm({
         linkedin_url: '',
     cv: null,
     cover_letter: null,
+    tenant_id: '',
+    job_position_id: '',
 });
 
 const submit = () => {
@@ -64,8 +68,16 @@ const getNestedValue = (obj, path) => {
     return path.split('.').reduce((o, i) => (o ? o[i] : null), obj);
 };
 
+const selectedJobPosition = ref('');
+
+const filteredCandidates = computed(() => {
+    if (selectedJobPosition.value === '') return props.candidates;
+    if (selectedJobPosition.value === 'none') return props.candidates.filter(c => !c.job_position_id);
+    return props.candidates.filter(c => c.job_position_id === selectedJobPosition.value);
+});
+
 const sortedCandidates = computed(() => {
-    return [...props.candidates].sort((a, b) => {
+    return [...filteredCandidates.value].sort((a, b) => {
         let valA = getNestedValue(a, sortKey.value);
         let valB = getNestedValue(b, sortKey.value);
         
@@ -87,8 +99,23 @@ const sortedCandidates = computed(() => {
             Gestion des Candidats
         </template>
 
-        <div class="flex justify-between items-center mb-8">
+        <div class="flex justify-between items-end mb-8">
+            <div class="space-y-4">
                 <h3 class="text-2xl font-bold">Liste des Candidats</h3>
+                <div class="flex items-center gap-3">
+                    <label class="text-sm font-medium text-slate-700 dark:text-slate-300">Filtrer par fiche de poste :</label>
+                    <select 
+                        v-model="selectedJobPosition" 
+                        class="block w-64 rounded-xl border-slate-300 dark:border-slate-700 dark:bg-slate-900 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+                    >
+                        <option value="">Toutes les fiches de poste</option>
+                        <option value="none">➜ Non assigné (Candidature Spontanée)</option>
+                        <option v-for="jp in jobPositions" :key="jp.id" :value="jp.id">
+                            {{ jp.title }}
+                        </option>
+                    </select>
+                </div>
+            </div>
             <PrimaryButton @click="isModalOpen = true">
                 Ajouter un Candidat
             </PrimaryButton>
@@ -128,6 +155,22 @@ const sortedCandidates = computed(() => {
                                 </svg>
                             </div>
                         </th>
+                        <th @click="sortBy('tenant.name')" v-if="$page.props.auth.user.role === 'super_admin'" class="px-6 py-4 font-semibold text-slate-700 dark:text-slate-300 cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors">
+                            <div class="flex items-center gap-2">
+                                Structure
+                                <svg v-show="sortKey === 'tenant.name'" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" :class="{ 'rotate-180': sortOrder === -1 }" viewBox="0 0 20 20" fill="currentColor">
+                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                </svg>
+                            </div>
+                        </th>
+                        <th @click="sortBy('job_position.title')" class="px-6 py-4 font-semibold text-slate-700 dark:text-slate-300 cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors">
+                            <div class="flex items-center gap-2">
+                                Fiche de Poste
+                                <svg v-show="sortKey === 'job_position.title'" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" :class="{ 'rotate-180': sortOrder === -1 }" viewBox="0 0 20 20" fill="currentColor">
+                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                </svg>
+                            </div>
+                        </th>
                         <th @click="sortBy('status')" class="px-6 py-4 font-semibold text-slate-700 dark:text-slate-300 cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors">
                             <div class="flex items-center gap-2">
                                 Statut
@@ -144,7 +187,14 @@ 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 @click="sortBy('ai_analysis.match_score')" class="px-6 py-4 font-semibold text-slate-700 dark:text-slate-300 cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors">
+                            <div class="flex items-center gap-2">
+                                Adéquation IA
+                                <svg v-show="sortKey === 'ai_analysis.match_score'" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" :class="{ 'rotate-180': sortOrder === -1 }" viewBox="0 0 20 20" fill="currentColor">
+                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                </svg>
+                            </div>
+                        </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>
@@ -158,6 +208,12 @@ const sortedCandidates = computed(() => {
                         <td class="px-6 py-4 text-sm text-slate-600 dark:text-slate-400">
                             {{ candidate.user.email }}
                         </td>
+                        <td class="px-6 py-4 text-xs font-bold uppercase tracking-widest text-indigo-600 dark:text-indigo-400" v-if="$page.props.auth.user.role === 'super_admin'">
+                            {{ candidate.tenant ? candidate.tenant.name : 'Aucun' }}
+                        </td>
+                        <td class="px-6 py-4 text-sm font-semibold text-slate-700 dark:text-slate-300">
+                            {{ candidate.job_position ? candidate.job_position.title : 'Non assigné' }}
+                        </td>
                         <td class="px-6 py-4 text-xs font-bold uppercase tracking-widest">
                             <span 
                                 class="px-3 py-1 rounded-lg"
@@ -238,7 +294,7 @@ const sortedCandidates = computed(() => {
                         </td>
                     </tr>
                     <tr v-if="candidates.length === 0">
-                        <td colspan="5" class="px-6 py-12 text-center text-slate-500 italic">
+                        <td colspan="7" class="px-6 py-12 text-center text-slate-500 italic">
                             Aucun candidat trouvé.
                         </td>
                     </tr>
@@ -278,6 +334,25 @@ const sortedCandidates = computed(() => {
                         </div>
                     </div>
 
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <div v-if="$page.props.auth.user.role === 'super_admin'">
+                            <InputLabel for="tenant_id" value="Structure de rattachement" />
+                            <select id="tenant_id" v-model="form.tenant_id" class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm dark:bg-slate-900">
+                                <option value="">Aucune</option>
+                                <option v-for="t in tenants" :key="t.id" :value="t.id">{{ t.name }}</option>
+                            </select>
+                            <InputError class="mt-2" :message="form.errors.tenant_id" />
+                        </div>
+                        <div :class="{ 'md:col-span-2': $page.props.auth.user.role !== 'super_admin' }">
+                            <InputLabel for="job_position_id" value="Rattacher à une Fiche de poste" />
+                            <select id="job_position_id" v-model="form.job_position_id" class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm dark:bg-slate-900">
+                                <option value="">Aucune (Candidature spontanée)</option>
+                                <option v-for="jp in jobPositions" :key="jp.id" :value="jp.id">{{ jp.title }}</option>
+                            </select>
+                            <InputError class="mt-2" :message="form.errors.job_position_id" />
+                        </div>
+                    </div>
+
                     <div class="grid grid-cols-2 gap-4">
                         <div>
                             <InputLabel value="CV (PDF)" />

resources/js/Pages/Admin/Candidates/Show.vue

@@ -1,17 +1,21 @@
 <script setup>
 import AdminLayout from '@/Layouts/AdminLayout.vue';
+import axios from 'axios';
 import { Head, Link, router, useForm, usePage } from '@inertiajs/vue3';
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted, onUnmounted, watch, nextTick } from 'vue';
 import { marked } from 'marked';
 import Modal from '@/Components/Modal.vue';
 import SecondaryButton from '@/Components/SecondaryButton.vue';
 import PrimaryButton from '@/Components/PrimaryButton.vue';
 import DangerButton from '@/Components/DangerButton.vue';
 import InputError from '@/Components/InputError.vue';
+import Chart from 'chart.js/auto';
 
 const props = defineProps({
     candidate: Object,
-    jobPositions: Array
+    jobPositions: Array,
+    tenants: Array,
+    ai_config: Object
 });
 
 const page = usePage();
@@ -27,6 +31,16 @@ const updatePosition = () => {
     });
 };
 
+const tenantForm = useForm({
+    tenant_id: props.candidate.tenant_id || ''
+});
+
+const updateTenant = () => {
+    tenantForm.patch(route('admin.candidates.update-tenant', props.candidate.id), {
+        preserveScroll: true,
+    });
+};
+
 const selectedDocument = ref(null);
 
 const docForm = useForm({
@@ -120,26 +134,142 @@ const updateAnswerScore = (answerId, score) => {
     });
 };
 
+// ─── Radar Chart ──────────────────────────────────────────────────────────────
+const radarCanvasRef = ref(null);
+let radarChartInstance = null;
+
+// Calcul du score test (meilleure tentative ramenée sur 20)
+const bestTestScore = computed(() => {
+    if (!props.candidate.attempts || props.candidate.attempts.length === 0) return 0;
+    const finished = props.candidate.attempts.filter(a => a.finished_at && a.max_score > 0);
+    if (finished.length === 0) return 0;
+    return Math.max(...finished.map(a => (a.score / a.max_score) * 20));
+});
+
+// Données radar normalisées en % (chaque axe / son max)
+const radarData = computed(() => ([
+    Math.round((parseFloat(scoreForm.cv_score) / 20) * 100),
+    Math.round((parseFloat(scoreForm.motivation_score) / 10) * 100),
+    Math.round((parseFloat(scoreForm.interview_score) / 30) * 100),
+    Math.round((bestTestScore.value / 20) * 100),
+]));
+
+const buildRadarChart = () => {
+    if (!radarCanvasRef.value) return;
+    if (radarChartInstance) {
+        radarChartInstance.destroy();
+        radarChartInstance = null;
+    }
+
+    const isDark = document.documentElement.classList.contains('dark');
+    const gridColor = isDark ? 'rgba(148,163,184,0.15)' : 'rgba(100,116,139,0.15)';
+    const labelColor = isDark ? '#94a3b8' : '#64748b';
+
+    radarChartInstance = new Chart(radarCanvasRef.value, {
+        type: 'radar',
+        data: {
+            labels: ['Analyse CV', 'Lettre Motiv.', 'Entretien', 'Test Technique'],
+            datasets: [{
+                label: 'Profil Candidat (%)',
+                data: radarData.value,
+                backgroundColor: 'rgba(99,102,241,0.15)',
+                borderColor: 'rgba(99,102,241,0.9)',
+                borderWidth: 2.5,
+                pointBackgroundColor: 'rgba(99,102,241,1)',
+                pointBorderColor: '#fff',
+                pointBorderWidth: 2,
+                pointRadius: 5,
+                pointHoverRadius: 7,
+                pointHoverBackgroundColor: 'rgba(139,92,246,1)',
+            }]
+        },
+        options: {
+            responsive: true,
+            maintainAspectRatio: true,
+            animation: { duration: 700, easing: 'easeInOutQuart' },
+            plugins: {
+                legend: { display: false },
+                tooltip: {
+                    callbacks: {
+                        label: (ctx) => ` ${ctx.raw}%`,
+                    },
+                    backgroundColor: isDark ? '#1e293b' : '#fff',
+                    titleColor: isDark ? '#e2e8f0' : '#0f172a',
+                    bodyColor: isDark ? '#94a3b8' : '#475569',
+                    borderColor: isDark ? '#334155' : '#e2e8f0',
+                    borderWidth: 1,
+                    padding: 10,
+                    cornerRadius: 10,
+                }
+            },
+            scales: {
+                r: {
+                    min: 0,
+                    max: 100,
+                    ticks: {
+                        stepSize: 25,
+                        color: labelColor,
+                        backdropColor: 'transparent',
+                        font: { size: 9, weight: 'bold' },
+                        callback: (v) => v + '%',
+                    },
+                    grid: { color: gridColor },
+                    angleLines: { color: gridColor },
+                    pointLabels: {
+                        color: labelColor,
+                        font: { size: 11, weight: 'bold' },
+                    }
+                }
+            }
+        }
+    });
+};
+
+onMounted(() => {
+    nextTick(() => buildRadarChart());
+});
+
+onUnmounted(() => {
+    if (radarChartInstance) radarChartInstance.destroy();
+});
+
+// Mise à jour du radar quand les scores changent
+watch(
+    () => [scoreForm.cv_score, scoreForm.motivation_score, scoreForm.interview_score, bestTestScore.value],
+    () => {
+        if (radarChartInstance) {
+            radarChartInstance.data.datasets[0].data = radarData.value;
+            radarChartInstance.update();
+        }
+    }
+);
+// ──────────────────────────────────────────────────────────────────────────────
+
 const aiAnalysis = ref(props.candidate.ai_analysis || null);
 const isAnalyzing = ref(false);
+const selectedProvider = ref(props.ai_config?.default || 'ollama');
+
+// Error Modal state
+const showErrorModal = ref(false);
+const modalErrorMessage = ref("");
 
 const runAI = async () => {
     if (!props.candidate.job_position_id) {
-        alert("Veuillez d'abord associer une fiche de poste à ce candidat.");
+        modalErrorMessage.value = "Veuillez d'abord associer une fiche de poste à ce candidat.";
+        showErrorModal.value = true;
         return;
     }
 
     isAnalyzing.value = true;
     try {
-        const response = await fetch(route('admin.candidates.analyze', props.candidate.id));
+        const response = await axios.post(route('admin.candidates.analyze', props.candidate.id), {
-        const data = await response.json();
+            provider: selectedProvider.value
-        if (data.error) {
+        });
-            alert(data.error);
+        aiAnalysis.value = response.data;
-        } else {
-            aiAnalysis.value = data;
-        }
     } catch (error) {
-        alert("Une erreur est survenue lors de l'analyse.");
+        console.error('AI Analysis Error:', error);
+        modalErrorMessage.value = error.response?.data?.error || "Une erreur est survenue lors de l'analyse.";
+        showErrorModal.value = true;
     } finally {
         isAnalyzing.value = false;
     }
@@ -201,6 +331,22 @@ const runAI = async () => {
                             </select>
                         </div>
 
+                        <!-- Structure de rattachement (Super Admin only) -->
+                        <div v-if="page.props.auth.user.role === 'super_admin'" class="mb-6">
+                            <label class="text-[10px] font-black uppercase tracking-widest text-slate-400 mb-2 block text-left">Structure de Rattachement</label>
+                            <select 
+                                v-model="tenantForm.tenant_id" 
+                                @change="updateTenant"
+                                class="w-full bg-slate-50 dark:bg-slate-900 border-none rounded-xl py-2 px-3 text-xs font-bold text-emerald-600 focus:ring-2 focus:ring-emerald-500/20 transition-all cursor-pointer"
+                            >
+                                <option value="">Aucune structure</option>
+                                <option v-for="tenant in tenants" :key="tenant.id" :value="tenant.id">
+                                    {{ tenant.name }}
+                                </option>
+                            </select>
+                            <p class="text-[9px] text-slate-400 mt-1 italic text-left">Note: modifie aussi le rattachement de l'utilisateur.</p>
+                        </div>
+                        
                         <div class="flex flex-col gap-3 text-left">
                             <div class="flex items-center gap-3 p-3 bg-slate-50 dark:bg-slate-900 rounded-xl">
                                 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-slate-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -361,17 +507,127 @@ const runAI = async () => {
                     </div>
                 </div>
 
+                <!-- Radar Chart 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-3">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
+                            </svg>
+                            Profil de Compétences
+                        </h4>
+                        <div class="flex flex-col items-end gap-1">
+                            <span class="text-[10px] font-black uppercase tracking-widest text-slate-400">Score global</span>
+                            <span class="text-2xl font-black text-indigo-600">{{ candidate.weighted_score }}<span class="text-sm text-slate-300 font-normal ml-1">/20</span></span>
+                        </div>
+                    </div>
+
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
+                        <!-- Radar Canvas -->
+                        <div class="relative flex items-center justify-center">
+                            <canvas ref="radarCanvasRef" class="max-h-72"></canvas>
+                        </div>
+
+                        <!-- Score Breakdown Legend -->
+                        <div class="space-y-4">
+                            <!-- CV -->
+                            <div class="group">
+                                <div class="flex justify-between items-center mb-1.5">
+                                    <span class="text-xs font-black uppercase tracking-widest text-slate-500">Analyse CV</span>
+                                    <span class="text-sm font-black text-indigo-600">{{ scoreForm.cv_score }} <span class="text-slate-300 font-normal">/ 20</span></span>
+                                </div>
+                                <div class="h-2 bg-slate-100 dark:bg-slate-700 rounded-full overflow-hidden">
+                                    <div 
+                                        class="h-full bg-gradient-to-r from-indigo-400 to-indigo-600 rounded-full transition-all duration-700"
+                                        :style="{ width: (scoreForm.cv_score / 20 * 100) + '%' }"
+                                    ></div>
+                                </div>
+                            </div>
+
+                            <!-- Motivation -->
+                            <div class="group">
+                                <div class="flex justify-between items-center mb-1.5">
+                                    <span class="text-xs font-black uppercase tracking-widest text-slate-500">Lettre de Motivation</span>
+                                    <span class="text-sm font-black text-emerald-600">{{ scoreForm.motivation_score }} <span class="text-slate-300 font-normal">/ 10</span></span>
+                                </div>
+                                <div class="h-2 bg-slate-100 dark:bg-slate-700 rounded-full overflow-hidden">
+                                    <div 
+                                        class="h-full bg-gradient-to-r from-emerald-400 to-emerald-600 rounded-full transition-all duration-700"
+                                        :style="{ width: (scoreForm.motivation_score / 10 * 100) + '%' }"
+                                    ></div>
+                                </div>
+                            </div>
+
+                            <!-- Entretien -->
+                            <div class="group">
+                                <div class="flex justify-between items-center mb-1.5">
+                                    <span class="text-xs font-black uppercase tracking-widest text-slate-500">Entretien</span>
+                                    <span class="text-sm font-black text-purple-600">{{ scoreForm.interview_score }} <span class="text-slate-300 font-normal">/ 30</span></span>
+                                </div>
+                                <div class="h-2 bg-slate-100 dark:bg-slate-700 rounded-full overflow-hidden">
+                                    <div 
+                                        class="h-full bg-gradient-to-r from-purple-400 to-purple-600 rounded-full transition-all duration-700"
+                                        :style="{ width: (scoreForm.interview_score / 30 * 100) + '%' }"
+                                    ></div>
+                                </div>
+                            </div>
+
+                            <!-- Test Technique -->
+                            <div class="group">
+                                <div class="flex justify-between items-center mb-1.5">
+                                    <span class="text-xs font-black uppercase tracking-widest text-slate-500">Test Technique</span>
+                                    <span class="text-sm font-black text-amber-600">{{ bestTestScore.toFixed(2) }} <span class="text-slate-300 font-normal">/ 20</span></span>
+                                </div>
+                                <div class="h-2 bg-slate-100 dark:bg-slate-700 rounded-full overflow-hidden">
+                                    <div 
+                                        class="h-full bg-gradient-to-r from-amber-400 to-amber-600 rounded-full transition-all duration-700"
+                                        :style="{ width: (bestTestScore / 20 * 100) + '%' }"
+                                    ></div>
+                                </div>
+                            </div>
+
+                            <!-- Score footer note -->
+                            <p class="text-[10px] text-slate-400 italic pt-2 border-t border-slate-100 dark:border-slate-700">
+                                Chaque axe est normalisé sur 100% par rapport à son barème maximum.
+                            </p>
+                        </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">
+                    <div class="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
                         <div>
-                            <h4 class="text-xl font-bold flex items-center gap-2">
+                            <h3 class="font-bold text-lg mb-4 flex items-center gap-3 flex-wrap">
                                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9l-.707.707M12 21v-1m4.243-4.243l-.707-.707m2.828-9.9l-.707.707" />
                                 </svg>
-                                Analyse d'Adéquation IA
+                                Analyse IA complète
-                            </h4>
+                                <div class="flex items-center gap-2">
-                            <p class="text-xs text-slate-400 mt-1 uppercase font-bold tracking-widest">Matching CV/Lettre vs Fiche de poste</p>
+                                    <span v-if="aiAnalysis?.provider" class="text-xs px-2 py-0.5 rounded-full bg-slate-100 text-slate-500 uppercase font-bold border border-slate-200">
+                                        {{ aiAnalysis.provider }}
+                                    </span>
+                                    <span v-if="aiAnalysis?.analyzed_at" class="text-[10px] text-slate-400 italic font-normal">
+                                        Effectuée le {{ new Date(aiAnalysis.analyzed_at).toLocaleDateString('fr-FR') }}
+                                    </span>
+                                </div>
+                            </h3>
+                            <p class="text-xs text-slate-400 mt-1 uppercase font-bold tracking-widest">Choisir l'IA pour l'analyse du matching</p>
+                        </div>
+                        
+                        <div class="flex flex-wrap items-center gap-4">
+                            <!-- Provider Selector -->
+                            <div v-if="props.ai_config?.enabled_providers" class="flex items-center bg-slate-100 dark:bg-slate-900/50 p-1.5 rounded-2xl border border-slate-200 dark:border-slate-800">
+                                <button 
+                                    v-for="provider in Object.keys(props.ai_config.enabled_providers)" 
+                                    :key="provider"
+                                    @click="selectedProvider = provider"
+                                    class="px-4 py-2 text-[10px] font-black uppercase tracking-widest rounded-xl transition-all"
+                                    :class="selectedProvider === provider ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-400 hover:text-slate-600 dark:hover:text-slate-300'"
+                                >
+                                    {{ provider }}
+                                </button>
                             </div>
 
                             <PrimaryButton 
@@ -395,6 +651,7 @@ const runAI = async () => {
                                 </span>
                             </PrimaryButton>
                         </div>
+                    </div>
 
                     <!-- AI Results -->
                     <div v-if="aiAnalysis" class="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-700">
@@ -561,7 +818,7 @@ const runAI = async () => {
                                         </div>
                                     </div>
                                     <div>
-                                        <h4 class="text-xl font-black uppercase tracking-tight">{{ attempt.quiz.title }}</h4>
+                                        <h4 class="text-xl font-black uppercase tracking-tight">{{ attempt.quiz?.title ?? 'Quiz supprimé' }}</h4>
                                         <div class="text-xs text-slate-400 mt-1 uppercase font-bold tracking-widest">
                                             Fini le {{ formatDateTime(attempt.finished_at) }}
                                         </div>
@@ -672,4 +929,28 @@ const runAI = async () => {
             </div>
         </Modal>
     </AdminLayout>
+
+    <!-- Error Modal -->
+    <Modal :show="showErrorModal" @close="showErrorModal = false" maxWidth="md">
+        <div class="p-6">
+            <div class="flex items-center gap-4 mb-4 text-red-600">
+                <div class="flex-shrink-0 w-12 h-12 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                    </svg>
+                </div>
+                <h2 class="text-xl font-bold">Attention</h2>
+            </div>
+            
+            <p class="text-slate-600 dark:text-slate-400 mb-6">
+                {{ modalErrorMessage }}
+            </p>
+
+            <div class="flex justify-end">
+                <PrimaryButton @click="showErrorModal = false" class="!bg-red-600 hover:!bg-red-500 !border-none">
+                    Fermer
+                </PrimaryButton>
+            </div>
+        </div>
+    </Modal>
 </template>

resources/js/Pages/Admin/JobPositions/Index.vue

@@ -9,7 +9,9 @@ import DangerButton from '@/Components/DangerButton.vue';
 import InputError from '@/Components/InputError.vue';
 
 const props = defineProps({
-    jobPositions: Array
+    jobPositions: Array,
+    tenants: Array,
+    quizzes: Array
 });
 
 const showingModal = ref(false);
@@ -19,7 +21,9 @@ const form = useForm({
     title: '',
     description: '',
     requirements: [],
-    ai_prompt: ''
+    ai_prompt: '',
+    tenant_id: '',
+    quiz_ids: [],
 });
 
 const openModal = (position = null) => {
@@ -29,6 +33,8 @@ const openModal = (position = null) => {
         form.description = position.description;
         form.requirements = position.requirements || [];
         form.ai_prompt = position.ai_prompt || '';
+        form.tenant_id = position.tenant_id || '';
+        form.quiz_ids = position.quizzes ? position.quizzes.map(q => q.id) : [];
     } else {
         form.reset();
     }
@@ -72,11 +78,14 @@ const removeRequirement = (index) => {
 
     <AdminLayout>
         <template #header>
-            <div class="flex justify-between items-center">
+            <div class="flex justify-between items-center gap-8">
                 <h2 class="text-xl font-semibold leading-tight capitalize">
-                    Fiches de Poste (Analyse IA)
+                    Fiches de Poste
                 </h2> 
                 <PrimaryButton @click="openModal()">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
+                    </svg>
                     Nouvelle Fiche
                 </PrimaryButton>
             </div>
@@ -90,7 +99,12 @@ const removeRequirement = (index) => {
                     class="bg-white dark:bg-slate-800 rounded-3xl p-8 shadow-sm border border-slate-200 dark:border-slate-700 hover:shadow-2xl transition-all duration-300 group flex flex-col h-full"
                 >
                     <div class="mb-6 flex-1">
-                        <div class="text-[10px] font-black uppercase tracking-widest text-indigo-500 mb-2">Poste / Compétences</div>
+                        <div class="flex justify-between items-start mb-2">
+                            <div class="text-[10px] font-black uppercase tracking-widest text-indigo-500">Poste / Compétences</div>
+                            <div v-if="$page.props.auth.user.role === 'super_admin'" class="text-[9px] font-black uppercase tracking-widest px-2 py-0.5 rounded bg-indigo-50 text-indigo-600 dark:bg-indigo-900/30">
+                                {{ position.tenant ? position.tenant.name : 'Global' }}
+                            </div>
+                        </div>
                         <h3 class="text-2xl font-black mb-3 group-hover:text-indigo-600 transition-colors">{{ position.title }}</h3>
                         <p class="text-slate-500 dark:text-slate-400 text-sm line-clamp-3 leading-relaxed">
                             {{ position.description }}
@@ -143,6 +157,19 @@ const removeRequirement = (index) => {
                 <h3 class="text-2xl font-black mb-8">{{ editingPosition ? 'Modifier' : 'Créer' }} la Fiche de Poste</h3>
                 
                 <form @submit.prevent="submit" class="space-y-6">
+                    <div v-if="$page.props.auth.user.role === 'super_admin'" class="mb-4">
+                        <label class="block text-xs font-black uppercase tracking-widest text-slate-400 mb-2">Structure de rattachement</label>
+                        <select 
+                            v-model="form.tenant_id" 
+                            class="w-full bg-slate-50 dark:bg-slate-900 border-none rounded-2xl p-4 focus:ring-2 focus:ring-indigo-500/20 transition-all font-bold"
+                            required
+                        >
+                            <option value="">Sélectionnez une structure</option>
+                            <option v-for="t in tenants" :key="t.id" :value="t.id">{{ t.name }}</option>
+                        </select>
+                        <InputError :message="form.errors.tenant_id" />
+                    </div>
+
                     <div>
                         <label class="block text-xs font-black uppercase tracking-widest text-slate-400 mb-2">Titre du Poste</label>
                         <input 
@@ -179,6 +206,32 @@ const removeRequirement = (index) => {
                         <InputError :message="form.errors.ai_prompt" />
                     </div>
 
+                    <div v-if="quizzes && quizzes.length > 0">
+                        <label class="block text-xs font-black uppercase tracking-widest text-slate-400 mb-4">Tests techniques associés</label>
+                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+                            <div 
+                                v-for="quiz in quizzes" 
+                                :key="quiz.id"
+                                class="flex items-center p-3 bg-slate-50 dark:bg-slate-900 rounded-2xl cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
+                                @click="form.quiz_ids.includes(quiz.id) ? form.quiz_ids = form.quiz_ids.filter(id => id !== quiz.id) : form.quiz_ids.push(quiz.id)"
+                            >
+                                <div 
+                                    class="w-5 h-5 rounded-md border-2 mr-3 flex items-center justify-center transition-all"
+                                    :class="form.quiz_ids.includes(quiz.id) ? 'bg-indigo-600 border-indigo-600' : 'border-slate-300 dark:border-slate-600'"
+                                >
+                                    <svg v-if="form.quiz_ids.includes(quiz.id)" xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7" />
+                                    </svg>
+                                </div>
+                                <div>
+                                    <div class="text-xs font-bold leading-tight">{{ quiz.title }}</div>
+                                    <div class="text-[9px] text-slate-400 uppercase tracking-tighter">{{ quiz.duration_minutes }} min</div>
+                                </div>
+                            </div>
+                        </div>
+                        <InputError :message="form.errors.quiz_ids" />
+                    </div>
+
                     <div>
                         <div class="flex justify-between items-center mb-4">
                             <label class="text-xs font-black uppercase tracking-widest text-slate-400">Compétences clés / Pré-requis</label>

resources/js/Pages/Admin/Tenants/Index.vue

@@ -0,0 +1,105 @@
+<script setup>
+import { Head, useForm, Link } from '@inertiajs/vue3';
+import { ref } from 'vue';
+import AdminLayout from '@/Layouts/AdminLayout.vue';
+
+const props = defineProps({
+    tenants: Array
+});
+
+const isCreating = ref(false);
+const editingTenant = ref(null);
+
+const form = useForm({
+    name: ''
+});
+
+const submit = () => {
+    if (editingTenant.value) {
+        form.put(route('admin.tenants.update', editingTenant.value.id), {
+            onSuccess: () => {
+                editingTenant.value = null;
+                form.reset();
+            }
+        });
+    } else {
+        form.post(route('admin.tenants.store'), {
+            onSuccess: () => {
+                isCreating.value = false;
+                form.reset();
+            }
+        });
+    }
+};
+
+const editTenant = (tenant) => {
+    editingTenant.value = tenant;
+    form.name = tenant.name;
+    isCreating.value = true;
+};
+
+const deleteTenant = (tenant) => {
+    if (confirm('Êtes-vous sûr de vouloir supprimer cette structure ?')) {
+        form.delete(route('admin.tenants.destroy', tenant.id));
+    }
+};
+
+const cancel = () => {
+    isCreating.value = false;
+    editingTenant.value = null;
+    form.reset();
+};
+</script>
+
+<template>
+    <Head title="Gestion des Structures" />
+    <AdminLayout>
+        <template #header>Gestion des Structures (SaaS)</template>
+        
+        <div class="mb-6 flex justify-between items-center">
+            <h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-indigo-500 to-purple-500">
+                Structures / Tenants
+            </h1>
+            <button v-if="!isCreating" @click="isCreating = true" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">
+                Ajouter une Structure
+            </button>
+        </div>
+
+        <div v-if="isCreating" class="mb-8 p-6 bg-white dark:bg-slate-800 rounded-xl shadow border border-slate-200 dark:border-slate-700">
+            <h2 class="text-lg font-bold mb-4">{{ editingTenant ? 'Modifier la structure' : 'Nouvelle structure' }}</h2>
+            <form @submit.prevent="submit" class="flex items-center gap-4">
+                <input v-model="form.name" type="text" placeholder="Nom du service ou client" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" required />
+                <button type="submit" class="px-4 py-2 bg-indigo-600 focus:bg-indigo-700 text-white rounded-lg whitespace-nowrap" :disabled="form.processing">
+                    {{ editingTenant ? 'Mettre à jour' : 'Créer' }}
+                </button>
+                <button type="button" @click="cancel" class="px-4 py-2 bg-slate-200 text-slate-800 rounded-lg whitespace-nowrap">Annuler</button>
+            </form>
+            <div v-if="form.errors.name" class="mt-2 text-sm text-red-600">{{ form.errors.name }}</div>
+        </div>
+
+        <div class="bg-white dark:bg-slate-800 rounded-xl shadow overflow-hidden border border-slate-200 dark:border-slate-700">
+            <table class="w-full text-left border-collapse">
+                <thead>
+                    <tr class="bg-slate-50 dark:bg-slate-700/50 border-b border-slate-200 dark:border-slate-700">
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300">ID</th>
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300">Nom de la structure</th>
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300 text-right">Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="tenant in tenants" :key="tenant.id" class="border-b border-slate-100 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors">
+                        <td class="py-3 px-6 text-slate-500">{{ tenant.id }}</td>
+                        <td class="py-3 px-6 font-medium">{{ tenant.name }}</td>
+                        <td class="py-3 px-6 text-right space-x-2">
+                            <button @click="editTenant(tenant)" class="text-indigo-600 hover:text-indigo-900 px-3 py-1 rounded bg-indigo-50 hover:bg-indigo-100 transition-colors">Modifier</button>
+                            <button @click="deleteTenant(tenant)" class="text-red-600 hover:text-red-900 px-3 py-1 rounded bg-red-50 hover:bg-red-100 transition-colors">Supprimer</button>
+                        </td>
+                    </tr>
+                    <tr v-if="tenants.length === 0">
+                        <td colspan="3" class="py-8 text-center text-slate-500">Aucune structure. Ajoutez-en une pour commencer.</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </AdminLayout>
+</template>

resources/js/Pages/Admin/Users/Index.vue

@@ -0,0 +1,175 @@
+<script setup>
+import { Head, useForm, Link, usePage } from '@inertiajs/vue3';
+import { ref, computed } from 'vue';
+import AdminLayout from '@/Layouts/AdminLayout.vue';
+
+const page = usePage();
+const flashSuccess = computed(() => page.props.flash?.success);
+
+const props = defineProps({
+    users: Array,
+    tenants: Array
+});
+
+const isCreating = ref(false);
+const editingUser = ref(null);
+
+const form = useForm({
+    name: '',
+    email: '',
+    role: 'admin',
+    tenant_id: ''
+});
+
+const submit = () => {
+    if (editingUser.value) {
+        form.put(route('admin.users.update', editingUser.value.id), {
+            onSuccess: () => {
+                editingUser.value = null;
+                form.reset();
+            }
+        });
+    } else {
+        form.post(route('admin.users.store'), {
+            onSuccess: () => {
+                isCreating.value = false;
+                form.reset();
+            }
+        });
+    }
+};
+
+const editUser = (user) => {
+    editingUser.value = user;
+    form.name = user.name;
+    form.email = user.email;
+    form.role = user.role;
+    form.tenant_id = user.tenant_id || '';
+    isCreating.value = true;
+};
+
+const deleteUser = (user) => {
+    if (confirm('Êtes-vous sûr de vouloir supprimer cet administrateur ?')) {
+        form.delete(route('admin.users.destroy', user.id));
+    }
+};
+
+const resetPassword = (user) => {
+    if (confirm(`Êtes-vous sûr de vouloir réinitialiser le mot de passe de ${user.name} ? Un nouveau mot de passe sera généré aléatoirement.`)) {
+        form.post(route('admin.users.reset-password', user.id));
+    }
+};
+
+const cancel = () => {
+    isCreating.value = false;
+    editingUser.value = null;
+    form.reset();
+};
+</script>
+
+<template>
+    <Head title="Équipe / Utilisateurs Admin" />
+    <AdminLayout>
+        <template #header>Équipe / Utilisateurs Admin</template>
+        
+        <!-- Flash Messages -->
+        <div v-if="flashSuccess" class="mb-8 p-6 bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-800 rounded-xl flex items-center gap-4 animate-in fade-in slide-in-from-top-4 duration-500">
+            <div class="p-2 bg-emerald-500 rounded-lg text-white">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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>
+            </div>
+            <div class="flex-1">
+                <p class="font-bold text-emerald-800 dark:text-emerald-400">Action réussie !</p>
+                <p class="text-emerald-700 dark:text-emerald-500 text-sm">{{ flashSuccess }}</p>
+            </div>
+        </div>
+
+        <div class="mb-6 flex justify-between items-center">
+            <h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-indigo-500">
+                Administrateurs Plateforme
+            </h1>
+            <button v-if="!isCreating" @click="isCreating = true" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
+                Ajouter un Utilisateur
+            </button>
+        </div>
+
+        <div v-if="isCreating" class="mb-8 p-6 bg-white dark:bg-slate-800 rounded-xl shadow border border-slate-200 dark:border-slate-700">
+            <h2 class="text-lg font-bold mb-4">{{ editingUser ? 'Modifier l\'utilisateur' : 'Nouvel utilisateur admin' }}</h2>
+            <form @submit.prevent="submit" class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                    <label class="block text-sm font-medium text-slate-700 dark:text-slate-300">Nom Complet</label>
+                    <input v-model="form.name" type="text" class="mt-1 block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6" required />
+                    <div v-if="form.errors.name" class="mt-1 text-sm text-red-600">{{ form.errors.name }}</div>
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-slate-700 dark:text-slate-300">Adresse Email</label>
+                    <input v-model="form.email" type="email" class="mt-1 block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6" required />
+                    <div v-if="form.errors.email" class="mt-1 text-sm text-red-600">{{ form.errors.email }}</div>
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-slate-700 dark:text-slate-300">Rôle</label>
+                    <select v-model="form.role" class="mt-1 block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6">
+                        <option value="admin">Administrateur Standard (SaaS)</option>
+                        <option value="super_admin">Super Administrateur (Global)</option>
+                    </select>
+                </div>
+
+                <div v-if="form.role === 'admin'">
+                    <label class="block text-sm font-medium text-slate-700 dark:text-slate-300">Structure / Service</label>
+                    <select v-model="form.tenant_id" class="mt-1 block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6" required>
+                        <option disabled value="">Sélectionnez une structure</option>
+                        <option v-for="tenant in tenants" :key="tenant.id" :value="tenant.id">{{ tenant.name }}</option>
+                    </select>
+                    <div v-if="form.errors.tenant_id" class="mt-1 text-sm text-red-600">{{ form.errors.tenant_id }}</div>
+                </div>
+
+                <div class="md:col-span-2 flex justify-end gap-3 mt-4">
+                    <button type="button" @click="cancel" class="px-4 py-2 border border-slate-300 text-slate-700 dark:text-slate-300 rounded-lg whitespace-nowrap">Annuler</button>
+                    <button type="submit" class="px-4 py-2 bg-blue-600 focus:bg-blue-700 text-white rounded-lg whitespace-nowrap" :disabled="form.processing">
+                        {{ editingUser ? 'Mettre à jour compte' : 'Créer l\'accès' }}
+                    </button>
+                </div>
+            </form>
+        </div>
+
+        <div class="bg-white dark:bg-slate-800 rounded-xl shadow overflow-hidden border border-slate-200 dark:border-slate-700">
+            <table class="w-full text-left border-collapse">
+                <thead>
+                    <tr class="bg-slate-50 dark:bg-slate-700/50 border-b border-slate-200 dark:border-slate-700">
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300">Nom</th>
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300">Email</th>
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300">Rôle</th>
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300">Rattachement</th>
+                        <th class="py-4 px-6 font-semibold text-slate-600 dark:text-slate-300 text-right">Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="user in users" :key="user.id" class="border-b border-slate-100 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors">
+                        <td class="py-3 px-6 font-medium">{{ user.name }}</td>
+                        <td class="py-3 px-6 text-slate-500">{{ user.email }}</td>
+                        <td class="py-3 px-6">
+                            <span v-if="user.role === 'super_admin'" class="inline-flex items-center rounded-md bg-purple-50 px-2 py-1 text-xs font-medium text-purple-700 ring-1 ring-inset ring-purple-700/10">Super Admin</span>
+                            <span v-else class="inline-flex items-center rounded-md bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-inset ring-blue-700/10">Admin Site</span>
+                        </td>
+                        <td class="py-3 px-6 text-slate-500">
+                            {{ user.tenant ? user.tenant.name : (user.role === 'super_admin' ? 'Toutes les structures' : 'Aucun rattachement') }}
+                        </td>
+                        <td class="py-3 px-6 text-right space-x-2">
+                            <button v-if="page.props.auth.user.role === 'super_admin'" @click="resetPassword(user)" class="text-orange-600 hover:text-orange-900 px-3 py-1 rounded bg-orange-50 hover:bg-orange-100 transition-colors" title="Réinitialiser le mot de passe">
+                                MDP
+                            </button>
+                            <button @click="editUser(user)" class="text-indigo-600 hover:text-indigo-900 px-3 py-1 rounded bg-indigo-50 hover:bg-indigo-100 transition-colors">Modifier</button>
+                            <button @click="deleteUser(user)" class="text-red-600 hover:text-red-900 px-3 py-1 rounded bg-red-50 hover:bg-red-100 transition-colors">Supprimer</button>
+                        </td>
+                    </tr>
+                    <tr v-if="users.length === 0">
+                        <td colspan="5" class="py-8 text-center text-slate-500">Aucun accès administrateur trouvé.</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </AdminLayout>
+</template>

resources/js/Pages/Candidate/QuizInterface.vue

@@ -10,7 +10,7 @@ const props = defineProps({
 
 const currentQuestionIndex = ref(0);
 const answers = ref({});
-const timeLeft = ref(props.quiz.duration_minutes * 60);
+const timeLeft = ref(props.quiz?.duration_minutes ? props.quiz.duration_minutes * 60 : 0);
 let timer = null;
 
 // Initialize answers from existing attempt answers if any
@@ -58,8 +58,8 @@ const formatTime = (seconds) => {
     return `${mins}:${secs.toString().padStart(2, '0')}`;
 };
 
-const currentQuestion = computed(() => props.quiz.questions[currentQuestionIndex.value]);
+const currentQuestion = computed(() => props.quiz.questions?.[currentQuestionIndex.value] ?? null);
-const progress = computed(() => ((currentQuestionIndex.value + 1) / props.quiz.questions.length) * 100);
+const progress = computed(() => props.quiz.questions?.length ? ((currentQuestionIndex.value + 1) / props.quiz.questions.length) * 100 : 0);
 
 const saveAnswer = async () => {
     const qid = currentQuestion.value.id;
@@ -150,8 +150,13 @@ const finishQuiz = () => {
         <!-- Main Content -->
         <main class="flex-1 flex flex-col items-center justify-center p-8">
             <div class="w-full max-w-3xl">
+                <!-- Guard: only render if quiz has questions -->
+                <div v-if="!quiz.questions || !quiz.questions.length" class="text-center py-12">
+                    <p class="text-slate-400 italic">Aucune question disponible pour ce test.</p>
+                </div>
+
                 <!-- Question Card -->
-                <div class="bg-slate-800/50 backdrop-blur-xl rounded-3xl p-8 sm:p-12 border border-slate-700 shadow-2xl relative overflow-hidden group">
+                <div v-else class="bg-slate-800/50 backdrop-blur-xl rounded-3xl p-8 sm:p-12 border border-slate-700 shadow-2xl relative overflow-hidden group">
                     <!-- Subtle background glow -->
                     <div class="absolute -top-24 -right-24 w-64 h-64 bg-indigo-600/10 blur-[100px] rounded-full group-hover:bg-indigo-600/20 transition-all duration-700"></div>
 
@@ -202,7 +207,8 @@ const finishQuiz = () => {
                             <textarea 
                                 class="w-full h-48 bg-slate-700/30 border border-slate-600 rounded-2xl p-6 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition-all outline-none resize-none text-lg"
                                 placeholder="Saisissez votre réponse ici..."
-                                v-model="answers[currentQuestion.id].text_content"
+                                :value="answers[currentQuestion.id]?.text_content ?? ''"
+                                @input="updateOpenAnswer($event.target.value)"
                                 @blur="saveAnswer"
                             ></textarea>
                         </div>

resources/js/Pages/Dashboard.vue

@@ -12,7 +12,8 @@ const props = defineProps({
 
 const page = usePage();
 const user = computed(() => page.props.auth.user);
-const layout = computed(() => user.value?.role === 'admin' ? AdminLayout : AuthenticatedLayout);
+const isAdmin = computed(() => ['admin', 'super_admin'].includes(user.value?.role));
+const layout = computed(() => isAdmin.value ? AdminLayout : AuthenticatedLayout);
 
 const getStatusColor = (status) => {
     const colors = {
@@ -30,12 +31,20 @@ const getStatusColor = (status) => {
 
     <component :is="layout">
         <template #header>
+            <div class="flex items-center gap-3">
                 <h2 class="text-xl font-semibold leading-tight capitalize">
-                Tableau de bord {{ user.role }}
+                    Tableau de bord
                 </h2>
+                <span v-if="user.role === 'super_admin'" class="bg-gradient-to-r from-red-600 to-orange-500 text-white px-3 py-1 rounded-full text-[10px] font-black tracking-widest uppercase shadow-sm">
+                    GOD MODE
+                </span>
+                <span v-else-if="user.tenant" class="bg-indigo-600 text-white dark:bg-indigo-500/20 dark:text-indigo-300 px-3 py-1 rounded-full text-[10px] font-black tracking-widest uppercase border border-indigo-700 dark:border-indigo-400/30">
+                    Structure : {{ user.tenant.name }}
+                </span>
+            </div>
         </template>
 
-        <div v-if="user.role === 'admin'" class="p-8 space-y-8">
+        <div v-if="isAdmin" class="p-8 space-y-8">
             <!-- KPI Cards -->
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                 <div class="bg-white dark:bg-slate-800 p-6 rounded-3xl shadow-sm border border-slate-200 dark:border-slate-700 hover:shadow-xl transition-all duration-300">
@@ -133,41 +142,91 @@ const getStatusColor = (status) => {
             </div>
         </div>
 
-        <div v-else class="py-12">
+        <!-- Candidate Dashboard: LIGHT ONLY, high contrast, no dark: classes -->
-            <div class="mx-auto max-w-3xl sm:px-6 lg:px-8">
+        <div v-else style="background: linear-gradient(135deg, #f8faff 0%, #eef2ff 100%); min-height: calc(100vh - 4rem);" class="flex flex-col items-center justify-center px-4 py-16">
-                <div class="bg-white dark:bg-slate-800 p-12 rounded-3xl shadow-xl border border-slate-200 dark:border-slate-700 text-center">
+            <div class="w-full max-w-4xl">
-                    <h3 class="text-3xl font-black mb-4">Bienvenue, {{ user.name }} !</h3>
-                    <p class="text-slate-500 dark:text-slate-400 mb-12">
-                        Veuillez sélectionner le test technique auquel vous avez été invité. 
-                        Prenez le temps de vous installer confortablement avant de commencer.
-                    </p>
 
-                    <div v-if="quizzes.length > 0" class="space-y-4">
+                <!-- Welcome Section -->
-                        <div v-for="quiz in quizzes" :key="quiz.id" class="p-6 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-2xl flex flex-col sm:flex-row items-center justify-between gap-6 group hover:border-indigo-500 transition-all duration-300">
+                <div class="mb-12 text-center">
-                            <div class="text-left flex-1">
+                    <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full text-[10px] font-black uppercase tracking-widest mb-6 border" style="background:#eef2ff; color:#4f46e5; border-color:#c7d2fe;">
-                                <h4 class="text-xl font-bold group-hover:text-indigo-600 transition-colors">{{ quiz.title }}</h4>
+                        ✦ Espace Candidat
-                                <p class="text-sm text-slate-500 mt-1">{{ quiz.duration_minutes }} minutes • {{ quiz.description }}</p>
+                    </div>
+                    <h3 class="font-black mb-5 tracking-tight" style="font-size: clamp(2rem, 5vw, 3.5rem); color: #1e1b4b; line-height: 1.1;">
+                        Bienvenue, <span style="color:#4f46e5;">{{ user.name }}</span> !
+                    </h3>
+                    <p style="color:#6b7280; font-size:1.1rem; max-width:40rem; margin:0 auto; line-height:1.7;">
+                        Voici les tests techniques préparés pour votre candidature. Installez-vous confortablement avant de commencer.
+                    </p>
                 </div>
 
-                            <div v-if="quiz.has_finished_attempt" class="flex items-center gap-2 px-6 py-3 bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-800 rounded-xl text-emerald-600 dark:text-emerald-400 font-bold whitespace-nowrap">
+                <!-- Quizzes Grid -->
-                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <div v-if="quizzes && quizzes.length > 0" class="grid grid-cols-1 md:grid-cols-2 gap-8">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                    <div
+                        v-for="quiz in quizzes"
+                        :key="quiz.id"
+                        class="group"
+                        style="background: white; border-radius: 2rem; padding: 2.5rem; box-shadow: 0 4px 24px rgba(79,70,229,0.08); border: 1.5px solid #e0e7ff; transition: all 0.4s ease; position: relative; overflow: hidden;"
+                        @mouseenter="$event.currentTarget.style.borderColor='#6366f1'; $event.currentTarget.style.boxShadow='0 12px 40px rgba(79,70,229,0.15)'; $event.currentTarget.style.transform='translateY(-4px)'"
+                        @mouseleave="$event.currentTarget.style.borderColor='#e0e7ff'; $event.currentTarget.style.boxShadow='0 4px 24px rgba(79,70,229,0.08)'; $event.currentTarget.style.transform='translateY(0)'"
+                    >
+                        <!-- Decorative blob -->
+                        <div style="position:absolute; top:-2rem; right:-2rem; width:8rem; height:8rem; background:radial-gradient(circle, #818cf820 0%, transparent 70%); border-radius:50%;"></div>
+
+                        <!-- Icon badge -->
+                        <div style="display:inline-flex; padding:0.75rem; background:#eef2ff; border-radius:1rem; margin-bottom:1.5rem;">
+                            <svg xmlns="http://www.w3.org/2000/svg" style="width:1.75rem;height:1.75rem;color:#4f46e5;stroke:#4f46e5;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="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 2m-6 9l2 2 4-4" />
                             </svg>
-                                Test effectué
+                        </div>
+
+                        <h4 style="font-size:1.25rem; font-weight:800; color:#1e1b4b; margin-bottom:0.75rem; line-height:1.3;">{{ quiz.title }}</h4>
+                        <p style="color:#6b7280; font-size:0.875rem; line-height:1.6; margin-bottom:2rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;">
+                            {{ quiz.description }}
+                        </p>
+
+                        <div style="border-top:1.5px solid #f1f5f9; padding-top:1.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem;">
+                            <div>
+                                <div style="font-size:0.65rem; font-weight:900; text-transform:uppercase; letter-spacing:0.1em; color:#9ca3af; margin-bottom:0.2rem;">Durée</div>
+                                <div style="font-size:0.95rem; font-weight:800; color:#374151;">{{ quiz.duration_minutes }} min</div>
+                            </div>
+
+                            <div v-if="quiz.has_finished_attempt" style="display:flex; align-items:center; gap:0.5rem; background:#ecfdf5; color:#059669; font-weight:800; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.08em; padding:0.625rem 1.25rem; border-radius:0.75rem; border:1.5px solid #a7f3d0;">
+                                <svg xmlns="http://www.w3.org/2000/svg" style="width:1rem;height:1rem;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
+                                    <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
+                                </svg>
+                                Terminé
                             </div>
                             <Link
                                 v-else
                                 :href="route('quizzes.take', quiz.id)"
-                                class="bg-indigo-600 text-white px-8 py-3 rounded-xl font-bold hover:bg-slate-900 dark:hover:bg-white dark:hover:text-slate-900 transition-all duration-300 shadow-lg shadow-indigo-600/20 active:scale-95 whitespace-nowrap"
+                                style="display:inline-flex; align-items:center; justify-content:center; padding:0.75rem 2rem; background:#4f46e5; color:white; border-radius:0.875rem; font-weight:800; font-size:0.875rem; text-decoration:none; box-shadow:0 4px 14px rgba(79,70,229,0.35); transition:all 0.2s ease; white-space:nowrap;"
+                                @mouseenter="$event.currentTarget.style.background='#4338ca'; $event.currentTarget.style.transform='scale(0.98)'"
+                                @mouseleave="$event.currentTarget.style.background='#4f46e5'; $event.currentTarget.style.transform='scale(1)'"
                             >
-                                Démarrer le test
+                                Démarrer →
                             </Link>
                         </div>
                     </div>
-                    <div v-else class="py-12 text-slate-500 italic">
-                        Aucun test ne vous est assigné pour le moment.
                 </div>
+
+                <!-- Empty State -->
+                <div v-else style="text-align:center; padding:5rem 2rem; background:white; border-radius:2rem; box-shadow:0 4px 24px rgba(0,0,0,0.06); border:1.5px solid #e0e7ff;">
+                    <div style="display:inline-flex; padding:1.5rem; background:#fff7ed; border-radius:9999px; margin-bottom:1.5rem;">
+                        <svg xmlns="http://www.w3.org/2000/svg" style="width:3rem;height:3rem;stroke:#f97316;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                        </svg>
                     </div>
+                    <h4 style="font-size:1.5rem; font-weight:900; color:#1e1b4b; margin-bottom:0.75rem;">Aucun test assigné</h4>
+                    <p style="color:#6b7280; max-width:28rem; margin:0 auto; line-height:1.7; font-size:0.95rem;">
+                        Votre dossier est en cours de traitement. Un administrateur vous assignera bientôt vos tests techniques.
+                    </p>
+                </div>
+
+                <!-- Footer -->
+                <div style="margin-top:3rem; text-align:center;">
+                    <p style="font-size:0.65rem; font-weight:900; text-transform:uppercase; letter-spacing:0.15em; color:#d1d5db;">RecruitQuizz Platform • v{{ $page.props.app_version }}</p>
+                </div>
+
             </div>
         </div>
     </component>

resources/views/app.blade.php

@@ -3,6 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="csrf-token" content="{{ csrf_token() }}">
 
         <title inertia>{{ config('app.name', 'Laravel') }}</title>
 

routes/web.php

@@ -49,7 +49,16 @@ Route::get('/dashboard', function () {
             ->all();
     } else {
         $candidate = auth()->user()->candidate;
-        $quizzes = \App\Models\Quiz::all()->map(function($quiz) use ($candidate) {
+        
+        if ($candidate) {
+            $candidate->load('jobPosition.quizzes');
+        }
+
+        $quizzes = ($candidate && $candidate->jobPosition) 
+            ? $candidate->jobPosition->quizzes 
+            : collect();
+
+        $quizzes = $quizzes->map(function($quiz) use ($candidate) {
             $quiz->has_finished_attempt = $candidate 
                 ? $candidate->attempts()->where('quiz_id', $quiz->id)->whereNotNull('finished_at')->exists()
                 : false;
@@ -76,13 +85,18 @@ Route::middleware('auth')->group(function () {
         Route::patch('/candidates/{candidate}/notes', [\App\Http\Controllers\CandidateController::class, 'updateNotes'])->name('candidates.update-notes');
         Route::patch('/candidates/{candidate}/scores', [\App\Http\Controllers\CandidateController::class, 'updateScores'])->name('candidates.update-scores');
         Route::patch('/candidates/{candidate}/position', [\App\Http\Controllers\CandidateController::class, 'updatePosition'])->name('candidates.update-position');
-        Route::get('/candidates/{candidate}/analyze', [\App\Http\Controllers\AIAnalysisController::class, 'analyze'])->name('candidates.analyze');
+        Route::patch('/candidates/{candidate}/tenant', [\App\Http\Controllers\CandidateController::class, 'updateTenant'])->name('candidates.update-tenant');
+        Route::post('/candidates/{candidate}/analyze', [\App\Http\Controllers\AIAnalysisController::class, 'analyze'])->name('candidates.analyze');
         Route::post('/candidates/{candidate}/reset-password', [\App\Http\Controllers\CandidateController::class, 'resetPassword'])->name('candidates.reset-password');
         Route::get('/documents/{document}', [\App\Http\Controllers\DocumentController::class, 'show'])->name('documents.show');
 
         Route::resource('quizzes', \App\Http\Controllers\QuizController::class)->only(['index', 'store', 'show', 'update', 'destroy']);
         Route::resource('job-positions', \App\Http\Controllers\JobPositionController::class)->only(['index', 'store', 'update', 'destroy']);
         Route::resource('quizzes.questions', \App\Http\Controllers\QuestionController::class)->only(['store', 'update', 'destroy']);
+        Route::resource('tenants', \App\Http\Controllers\TenantController::class)->only(['index', 'store', 'update', 'destroy']);
+        Route::resource('users', \App\Http\Controllers\UserController::class)->except(['show', 'create', 'edit']);
+        Route::post('/users/{user}/reset-password', [\App\Http\Controllers\UserController::class, 'resetPassword'])->name('users.reset-password');
+        Route::get('/backup', [\App\Http\Controllers\BackupController::class, 'download'])->name('backup');
         Route::delete('/attempts/{attempt}', [\App\Http\Controllers\AttemptController::class, 'destroy'])->name('attempts.destroy');
         Route::patch('/answers/{answer}/score', [\App\Http\Controllers\AttemptController::class, 'updateAnswerScore'])->name('answers.update-score');
     });