From 9edf79e8bab03c63b28f41ed372b9b779ce09825 Mon Sep 17 00:00:00 2001
From: jeremy bayse <jeremy.bayse@gmail.com>
Date: Sat, 9 May 2026 11:21:40 +0200
Subject: [PATCH] feat: implementation du role Gestionnaire RH et refonte de la
 gestion des offres

---
 app/Http/Controllers/CandidateController.php  |  77 +++-
 .../Controllers/JobPositionController.php     |  10 +-
 .../PublicJobApplicationController.php        |  61 ++-
 app/Http/Controllers/TenantController.php     |   8 +-
 app/Http/Controllers/UserController.php       |  10 +-
 app/Http/Middleware/RestrictHrManager.php     |  24 ++
 app/Models/Candidate.php                      |   3 +-
 app/Models/JobPosition.php                    |   3 +-
 app/Models/User.php                           |   7 +-
 bootstrap/app.php                             |   1 +
 ..._add_expires_at_to_job_positions_table.php |  28 ++
 ..._add_detailed_info_to_candidates_table.php |  50 +++
 resources/js/Layouts/AdminLayout.vue          |  24 +-
 resources/js/Pages/Admin/Candidates/Index.vue |  26 +-
 resources/js/Pages/Admin/Candidates/Show.vue  | 225 +++++++++--
 .../js/Pages/Admin/JobPositions/Index.vue     | 241 ++++++++++--
 resources/js/Pages/Admin/Users/Index.vue      |   4 +-
 resources/js/Pages/Dashboard.vue              |  22 +-
 resources/js/Pages/Public/Jobs/Index.vue      |   4 +
 resources/js/Pages/Public/Jobs/Show.vue       | 368 +++++++++++++-----
 resources/js/Pages/Public/PrivacyPolicy.vue   | 184 +++++++++
 resources/js/Pages/Welcome.vue                |  10 +-
 routes/web.php                                |  65 +++-
 23 files changed, 1223 insertions(+), 232 deletions(-)
 create mode 100644 app/Http/Middleware/RestrictHrManager.php
 create mode 100644 database/migrations/2026_05_09_073449_add_expires_at_to_job_positions_table.php
 create mode 100644 database/migrations/2026_05_09_080323_add_detailed_info_to_candidates_table.php
 create mode 100644 resources/js/Pages/Public/PrivacyPolicy.vue

diff --git a/app/Http/Controllers/CandidateController.php b/app/Http/Controllers/CandidateController.php
index 3728b16..f7d1f97 100644
--- a/app/Http/Controllers/CandidateController.php
+++ b/app/Http/Controllers/CandidateController.php
@@ -93,11 +93,20 @@ class CandidateController extends Controller
     public function store(Request $request)
     {
         $request->validate([
-            'name' => 'required|string|max:255',
+            'birth_name' => 'nullable|string|max:255',
+            'usage_name' => 'nullable|string|max:255',
+            'first_name' => 'nullable|string|max:255',
+            'address' => 'nullable|string|max:255',
+            'zip_code' => 'nullable|string|max:10',
             'email' => 'required|string|email|max:255|unique:users',
             'phone' => 'nullable|string|max:20',
-            'linkedin_url' => 'nullable|url|max:255',
             'city' => 'nullable|string|max:255',
+            'birth_date' => 'nullable|date',
+            'birth_place' => 'nullable|string|max:255',
+            'nationality' => 'nullable|string|max:255',
+            'current_situation' => 'nullable|string|max:255',
+            'education_level' => 'nullable|string|max:255',
+            'has_driving_license' => 'nullable|boolean',
             'cv' => 'nullable|mimes:pdf|max:5120',
             'cover_letter' => 'nullable|mimes:pdf|max:5120',
             'tenant_id' => 'nullable|exists:tenants,id',
@@ -106,20 +115,34 @@ class CandidateController extends Controller
 
         $password = Str::random(10);
 
+        $name = $request->first_name 
+            ? ($request->first_name . ' ' . ($request->usage_name ?? ''))
+            : $request->name;
+
         $user = User::create([
-            'name' => $request->name,
+            'name' => $name,
             'email' => $request->email,
-            'password' => Hash::make(Str::random(12)),
+            'password' => Hash::make($password),
             'role' => 'candidate',
-            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
+            'tenant_id' => (auth()->user()->isSuperAdmin() || auth()->user()->isGestionnaireRH()) ? $request->tenant_id : auth()->user()->tenant_id,
         ]);
 
         $candidate = $user->candidate()->create([
+            'birth_name' => $request->birth_name,
+            'usage_name' => $request->usage_name,
+            'first_name' => $request->first_name,
+            'address' => $request->address,
+            'zip_code' => $request->zip_code,
             'phone' => $request->phone,
-            'linkedin_url' => $request->linkedin_url,
             'city' => $request->city,
+            'birth_date' => $request->birth_date,
+            'birth_place' => $request->birth_place,
+            'nationality' => $request->nationality,
+            'current_situation' => $request->current_situation,
+            'education_level' => $request->education_level,
+            'has_driving_license' => $request->has_driving_license ?? false,
             'status' => 'en_attente',
-            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
+            'tenant_id' => (auth()->user()->isSuperAdmin() || auth()->user()->isGestionnaireRH()) ? $request->tenant_id : auth()->user()->tenant_id,
             'job_position_id' => $request->job_position_id,
         ]);
 
@@ -165,7 +188,7 @@ class CandidateController extends Controller
             ]
         ];
 
-        if (auth()->user()->isSuperAdmin()) {
+        if (auth()->user()->isSuperAdmin() || auth()->user()->isGestionnaireRH()) {
             $data['tenants'] = \App\Models\Tenant::orderBy('name')->get();
         }
 
@@ -190,22 +213,42 @@ class CandidateController extends Controller
     public function update(Request $request, Candidate $candidate)
     {
         $request->validate([
+            'birth_name' => 'nullable|string|max:255',
+            'usage_name' => 'nullable|string|max:255',
+            'first_name' => 'nullable|string|max:255',
+            'address' => 'nullable|string|max:255',
+            'zip_code' => 'nullable|string|max:10',
+            'phone' => 'nullable|string|max:255',
+            'city' => 'nullable|string|max:255',
+            'birth_date' => 'nullable|date',
+            'birth_place' => 'nullable|string|max:255',
+            'nationality' => 'nullable|string|max:255',
+            'current_situation' => 'nullable|string|max:255',
+            'education_level' => 'nullable|string|max:255',
+            'has_driving_license' => 'nullable|boolean',
+            'email' => 'nullable|string|email|max:255|unique:users,email,' . $candidate->user_id,
+            'linkedin_url' => 'nullable|url|max:255',
             'cv' => 'nullable|file|mimes:pdf|max:5120',
             'cover_letter' => 'nullable|file|mimes:pdf|max:5120',
-            'name' => 'nullable|string|max:255',
-            'email' => 'nullable|string|email|max:255|unique:users,email,' . $candidate->user_id,
-            'phone' => 'nullable|string|max:255',
-            'linkedin_url' => 'nullable|url|max:255',
-            'city' => 'nullable|string|max:255',
         ]);
 
         // Update User info if name or email present
-        if ($request->has('name') || $request->has('email')) {
-            $candidate->user->update($request->only(['name', 'email']));
+        if ($request->has('email')) {
+            $candidate->user->update(['email' => $request->email]);
+        }
+
+        if ($request->has('first_name') || $request->has('usage_name')) {
+            $firstName = $request->first_name ?? $candidate->first_name;
+            $usageName = $request->usage_name ?? $candidate->usage_name;
+            $candidate->user->update(['name' => $firstName . ' ' . $usageName]);
         }
 
         // Update Candidate info
-        $candidate->update($request->only(['phone', 'linkedin_url', 'city']));
+        $candidate->update($request->only([
+            'birth_name', 'usage_name', 'first_name', 'address', 'zip_code',
+            'phone', 'linkedin_url', 'city', 'birth_date', 'birth_place',
+            'nationality', 'current_situation', 'education_level', 'has_driving_license'
+        ]));
 
         if ($request->hasFile('cv')) {
             $this->replaceDocument($candidate, $request->file('cv'), 'cv');
@@ -263,7 +306,7 @@ class CandidateController extends Controller
 
     public function updateTenant(Request $request, Candidate $candidate)
     {
-        if (!auth()->user()->isSuperAdmin()) {
+        if (!auth()->user()->isSuperAdmin() && !auth()->user()->isGestionnaireRH()) {
             abort(403);
         }
 
diff --git a/app/Http/Controllers/JobPositionController.php b/app/Http/Controllers/JobPositionController.php
index 4d237c8..8b0022a 100644
--- a/app/Http/Controllers/JobPositionController.php
+++ b/app/Http/Controllers/JobPositionController.php
@@ -13,7 +13,7 @@ class JobPositionController extends Controller
         $this->authorizeAdmin();
 
         return Inertia::render('Admin/JobPositions/Index', [
-            'jobPositions' => JobPosition::with(['tenant', 'quizzes'])->get(),
+            'jobPositions' => JobPosition::with(['tenant', 'quizzes'])->withCount('candidates')->get(),
             'tenants' => \App\Models\Tenant::orderBy('name')->get(),
             'quizzes' => \App\Models\Quiz::all()
         ]);
@@ -33,6 +33,7 @@ class JobPositionController extends Controller
             'tenant_id' => 'nullable|exists:tenants,id',
             'quiz_ids' => 'nullable|array',
             'quiz_ids.*' => 'exists:quizzes,id',
+            'expires_at' => 'nullable|date',
         ]);
 
         $jobPosition = JobPosition::create([
@@ -42,7 +43,8 @@ class JobPositionController extends Controller
             'ai_prompt' => $request->ai_prompt,
             'ai_bypass_base_prompt' => $request->boolean('ai_bypass_base_prompt'),
             'fpt_metadata' => $request->fpt_metadata,
-            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
+            'tenant_id' => (auth()->user()->isSuperAdmin() || auth()->user()->isGestionnaireRH()) ? $request->tenant_id : auth()->user()->tenant_id,
+            'expires_at' => $request->expires_at,
         ]);
 
         $jobPosition->quizzes()->sync($request->input('quiz_ids', []));
@@ -64,6 +66,7 @@ class JobPositionController extends Controller
             'tenant_id' => 'nullable|exists:tenants,id',
             'quiz_ids' => 'nullable|array',
             'quiz_ids.*' => 'exists:quizzes,id',
+            'expires_at' => 'nullable|date',
         ]);
 
         $jobPosition->update([
@@ -73,7 +76,8 @@ class JobPositionController extends Controller
             'ai_prompt' => $request->ai_prompt,
             'ai_bypass_base_prompt' => $request->boolean('ai_bypass_base_prompt'),
             'fpt_metadata' => $request->fpt_metadata,
-            'tenant_id' => auth()->user()->isSuperAdmin() ? $request->tenant_id : auth()->user()->tenant_id,
+            'tenant_id' => (auth()->user()->isSuperAdmin() || auth()->user()->isGestionnaireRH()) ? $request->tenant_id : auth()->user()->tenant_id,
+            'expires_at' => $request->expires_at,
         ]);
 
         $jobPosition->quizzes()->sync($request->input('quiz_ids', []));
diff --git a/app/Http/Controllers/PublicJobApplicationController.php b/app/Http/Controllers/PublicJobApplicationController.php
index 8c0e065..c4d8e08 100644
--- a/app/Http/Controllers/PublicJobApplicationController.php
+++ b/app/Http/Controllers/PublicJobApplicationController.php
@@ -16,10 +16,17 @@ class PublicJobApplicationController extends Controller
 {
     public function index()
     {
-        $jobs = JobPosition::with('tenant')->orderBy('created_at', 'desc')->get()->map(function($job) {
-            $job->description = strip_tags(\Illuminate\Support\Str::markdown($job->description));
-            return $job;
-        });
+        $jobs = JobPosition::with('tenant')
+            ->where(function($q) {
+                $q->whereNull('expires_at')
+                  ->orWhere('expires_at', '>=', now());
+            })
+            ->orderBy('created_at', 'desc')
+            ->get()
+            ->map(function($job) {
+                $job->description = strip_tags(\Illuminate\Support\Str::markdown($job->description));
+                return $job;
+            });
         
         return Inertia::render('Public/Jobs/Index', [
             'jobs' => $jobs
@@ -28,6 +35,10 @@ class PublicJobApplicationController extends Controller
 
     public function show(JobPosition $jobPosition)
     {
+        if ($jobPosition->expires_at && $jobPosition->expires_at->isPast()) {
+            abort(404);
+        }
+
         $data = $jobPosition->toArray();
         $data['description_html'] = \Illuminate\Support\Str::markdown($jobPosition->description);
         
@@ -38,12 +49,26 @@ class PublicJobApplicationController extends Controller
 
     public function store(Request $request, JobPosition $jobPosition)
     {
+        if ($jobPosition->expires_at && $jobPosition->expires_at->isPast()) {
+            return back()->withErrors(['error' => 'Cette offre a expiré.']);
+        }
+
         $request->validate([
-            'name' => 'required|string|max:255',
-            'email' => 'required|string|email|max:255|unique:users',
-            'phone' => 'nullable|string|max:20',
-            'linkedin_url' => 'nullable|url|max:255',
-            'city' => 'nullable|string|max:255',
+            'birth_name' => 'required|string|max:255',
+            'usage_name' => 'required|string|max:255',
+            'first_name' => 'required|string|max:255',
+            'address' => 'required|string|max:255',
+            'zip_code' => 'required|string|max:10',
+            'city' => 'required|string|max:255',
+            'phone' => 'required|string|max:20',
+            'email' => 'required|string|email|max:255|unique:users|confirmed',
+            'birth_date' => 'required|date',
+            'birth_place' => 'required|string|max:255',
+            'nationality' => 'required|string|max:255',
+            'current_situation' => 'required|string|max:255',
+            'education_level' => 'required|string|max:255',
+            'has_driving_license' => 'required|boolean',
+            'privacy_policy' => 'accepted',
             'cv' => 'nullable|mimes:pdf|max:5120',
             'cover_letter' => 'nullable|mimes:pdf|max:5120',
         ]);
@@ -51,7 +76,7 @@ class PublicJobApplicationController extends Controller
         $password = Str::random(10);
 
         $user = User::create([
-            'name' => $request->name,
+            'name' => $request->first_name . ' ' . $request->usage_name,
             'email' => $request->email,
             'password' => Hash::make($password),
             'role' => 'candidate',
@@ -59,9 +84,19 @@ class PublicJobApplicationController extends Controller
         ]);
 
         $candidate = $user->candidate()->create([
-            'phone' => $request->phone,
-            'linkedin_url' => $request->linkedin_url,
+            'birth_name' => $request->birth_name,
+            'usage_name' => $request->usage_name,
+            'first_name' => $request->first_name,
+            'address' => $request->address,
+            'zip_code' => $request->zip_code,
             'city' => $request->city,
+            'phone' => $request->phone,
+            'birth_date' => $request->birth_date,
+            'birth_place' => $request->birth_place,
+            'nationality' => $request->nationality,
+            'current_situation' => $request->current_situation,
+            'education_level' => $request->education_level,
+            'has_driving_license' => $request->has_driving_license,
             'status' => 'en_attente',
             'tenant_id' => $jobPosition->tenant_id,
             'job_position_id' => $jobPosition->id,
@@ -74,7 +109,7 @@ class PublicJobApplicationController extends Controller
             $this->storeDocument($candidate, $request->file('cover_letter'), 'cover_letter');
         }
 
-        // Auto-login the candidate so they can take the quiz immediately if they want
+        // Auto-login
         Auth::login($user);
 
         return redirect()->route('dashboard')->with('success', 'Votre candidature a bien été enregistrée. Voici votre mot de passe temporaire pour vous reconnecter : ' . $password);
diff --git a/app/Http/Controllers/TenantController.php b/app/Http/Controllers/TenantController.php
index d2a8ef3..af0cadf 100644
--- a/app/Http/Controllers/TenantController.php
+++ b/app/Http/Controllers/TenantController.php
@@ -10,7 +10,7 @@ class TenantController extends Controller
 {
     public function index()
     {
-        if (!auth()->user()->isSuperAdmin()) {
+        if (!auth()->user()->isSuperAdmin() && !auth()->user()->isGestionnaireRH()) {
             abort(403, 'Unauthorized action.');
         }
 
@@ -23,7 +23,7 @@ class TenantController extends Controller
 
     public function store(Request $request)
     {
-        if (!auth()->user()->isSuperAdmin()) {
+        if (!auth()->user()->isSuperAdmin() && !auth()->user()->isGestionnaireRH()) {
             abort(403, 'Unauthorized action.');
         }
 
@@ -38,7 +38,7 @@ class TenantController extends Controller
 
     public function update(Request $request, Tenant $tenant)
     {
-        if (!auth()->user()->isSuperAdmin()) {
+        if (!auth()->user()->isSuperAdmin() && !auth()->user()->isGestionnaireRH()) {
             abort(403, 'Unauthorized action.');
         }
 
@@ -53,7 +53,7 @@ class TenantController extends Controller
 
     public function destroy(Tenant $tenant)
     {
-        if (!auth()->user()->isSuperAdmin()) {
+        if (!auth()->user()->isSuperAdmin() && !auth()->user()->isGestionnaireRH()) {
             abort(403, 'Unauthorized action.');
         }
 
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index e4e8649..9efb207 100644
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -18,7 +18,7 @@ class UserController extends Controller
             abort(403, 'Unauthorized action.');
         }
 
-        $users = User::whereIn('role', ['admin', 'super_admin'])
+        $users = User::whereIn('role', ['admin', 'super_admin', 'gestionnaire_rh'])
             ->with('tenant')
             ->orderBy('name')
             ->get();
@@ -40,7 +40,7 @@ class UserController extends Controller
         $request->validate([
             'name' => 'required|string|max:255',
             'email' => 'required|string|email|max:255|unique:users',
-            'role' => ['required', Rule::in(['admin', 'super_admin'])],
+            'role' => ['required', Rule::in(['admin', 'super_admin', 'gestionnaire_rh'])],
             'tenant_id' => 'nullable|exists:tenants,id',
         ]);
 
@@ -51,7 +51,7 @@ class UserController extends Controller
             'email' => $request->email,
             'password' => Hash::make($password),
             'role' => $request->role,
-            'tenant_id' => $request->role === 'super_admin' ? null : $request->tenant_id,
+            'tenant_id' => ($request->role === 'super_admin' || $request->role === 'gestionnaire_rh') ? null : $request->tenant_id,
         ]);
 
         return back()->with('success', 'Administrateur créé avec succès. Mot de passe généré : ' . $password);
@@ -66,7 +66,7 @@ class UserController extends Controller
         $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'])],
+            'role' => ['required', Rule::in(['admin', 'super_admin', 'gestionnaire_rh'])],
             'tenant_id' => 'nullable|exists:tenants,id',
         ]);
 
@@ -74,7 +74,7 @@ class UserController extends Controller
             'name' => $request->name,
             'email' => $request->email,
             'role' => $request->role,
-            'tenant_id' => $request->role === 'super_admin' ? null : $request->tenant_id,
+            'tenant_id' => ($request->role === 'super_admin' || $request->role === 'gestionnaire_rh') ? null : $request->tenant_id,
         ]);
 
         return back()->with('success', 'Administrateur mis à jour.');
diff --git a/app/Http/Middleware/RestrictHrManager.php b/app/Http/Middleware/RestrictHrManager.php
new file mode 100644
index 0000000..d0906f5
--- /dev/null
+++ b/app/Http/Middleware/RestrictHrManager.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+
+class RestrictHrManager
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  Closure(Request): (Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if (auth()->check() && auth()->user()->isGestionnaireRH()) {
+            abort(403);
+        }
+
+        return $next($request);
+    }
+}
diff --git a/app/Models/Candidate.php b/app/Models/Candidate.php
index be292ea..23998a6 100644
--- a/app/Models/Candidate.php
+++ b/app/Models/Candidate.php
@@ -11,7 +11,7 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
 
 use App\Traits\BelongsToTenant;
 
-#[Fillable(['user_id', 'job_position_id', 'phone', 'linkedin_url', 'city', 'status', 'is_selected', 'sort_order', 'notes', 'cv_score', 'motivation_score', 'interview_score', 'interview_details', 'ai_analysis', 'tenant_id'])]
+#[Fillable(['user_id', 'job_position_id', 'birth_name', 'usage_name', 'first_name', 'address', 'zip_code', 'phone', 'linkedin_url', 'city', 'birth_date', 'birth_place', 'nationality', 'current_situation', 'education_level', 'has_driving_license', 'status', 'is_selected', 'sort_order', 'notes', 'cv_score', 'motivation_score', 'interview_score', 'interview_details', 'ai_analysis', 'tenant_id'])]
 class Candidate extends Model
 {
     use HasFactory, BelongsToTenant;
@@ -31,6 +31,7 @@ class Candidate extends Model
     protected $casts = [
         'ai_analysis' => 'array',
         'is_selected' => 'boolean',
+        'has_driving_license' => 'boolean',
         'interview_details' => 'array',
     ];
 
diff --git a/app/Models/JobPosition.php b/app/Models/JobPosition.php
index 3445f64..8c08817 100644
--- a/app/Models/JobPosition.php
+++ b/app/Models/JobPosition.php
@@ -9,7 +9,7 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
 
 use App\Traits\BelongsToTenant;
 
-#[Fillable(['title', 'description', 'requirements', 'ai_prompt', 'ai_bypass_base_prompt', 'gemini_cache_id', 'gemini_cache_expires_at', 'tenant_id', 'fpt_metadata'])]
+#[Fillable(['title', 'description', 'requirements', 'ai_prompt', 'ai_bypass_base_prompt', 'gemini_cache_id', 'gemini_cache_expires_at', 'tenant_id', 'fpt_metadata', 'expires_at'])]
 class JobPosition extends Model
 {
     use HasFactory, BelongsToTenant;
@@ -19,6 +19,7 @@ class JobPosition extends Model
         'ai_bypass_base_prompt' => 'boolean',
         'gemini_cache_expires_at' => 'datetime',
         'fpt_metadata' => 'array',
+        'expires_at' => 'datetime',
     ];
 
     public function candidates(): HasMany
diff --git a/app/Models/User.php b/app/Models/User.php
index 33af870..9d96dcd 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -19,7 +19,7 @@ class User extends Authenticatable
 
     public function isAdmin(): bool
     {
-        return in_array($this->role, ['admin', 'super_admin']);
+        return in_array($this->role, ['admin', 'super_admin', 'gestionnaire_rh']);
     }
 
     public function isSuperAdmin(): bool
@@ -27,6 +27,11 @@ class User extends Authenticatable
         return $this->role === 'super_admin';
     }
 
+    public function isGestionnaireRH(): bool
+    {
+        return $this->role === 'gestionnaire_rh';
+    }
+
     public function isCandidate(): bool
     {
         return $this->role === 'candidate';
diff --git a/bootstrap/app.php b/bootstrap/app.php
index 6f6ee7d..37f1021 100644
--- a/bootstrap/app.php
+++ b/bootstrap/app.php
@@ -20,6 +20,7 @@ return Application::configure(basePath: dirname(__DIR__))
 
         $middleware->alias([
             'admin' => \App\Http\Middleware\AdminMiddleware::class,
+            'restrict_hr' => \App\Http\Middleware\RestrictHrManager::class,
         ]);
     })
     ->withExceptions(function (Exceptions $exceptions): void {
diff --git a/database/migrations/2026_05_09_073449_add_expires_at_to_job_positions_table.php b/database/migrations/2026_05_09_073449_add_expires_at_to_job_positions_table.php
new file mode 100644
index 0000000..dd6ce8d
--- /dev/null
+++ b/database/migrations/2026_05_09_073449_add_expires_at_to_job_positions_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('job_positions', function (Blueprint $table) {
+            $table->timestamp('expires_at')->nullable()->after('description');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('job_positions', function (Blueprint $table) {
+            $table->dropColumn('expires_at');
+        });
+    }
+};
diff --git a/database/migrations/2026_05_09_080323_add_detailed_info_to_candidates_table.php b/database/migrations/2026_05_09_080323_add_detailed_info_to_candidates_table.php
new file mode 100644
index 0000000..2411f4d
--- /dev/null
+++ b/database/migrations/2026_05_09_080323_add_detailed_info_to_candidates_table.php
@@ -0,0 +1,50 @@
+<?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('candidates', function (Blueprint $table) {
+            $table->string('birth_name')->nullable()->after('user_id');
+            $table->string('usage_name')->nullable()->after('birth_name');
+            $table->string('first_name')->nullable()->after('usage_name');
+            $table->string('address')->nullable()->after('first_name');
+            $table->string('zip_code')->nullable()->after('address');
+            $table->date('birth_date')->nullable()->after('city');
+            $table->string('birth_place')->nullable()->after('birth_date');
+            $table->string('nationality')->nullable()->after('birth_place');
+            $table->string('current_situation')->nullable()->after('nationality');
+            $table->string('education_level')->nullable()->after('current_situation');
+            $table->boolean('has_driving_license')->default(false)->after('education_level');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('candidates', function (Blueprint $table) {
+            $table->dropColumn([
+                'birth_name',
+                'usage_name',
+                'first_name',
+                'address',
+                'zip_code',
+                'birth_date',
+                'birth_place',
+                'nationality',
+                'current_situation',
+                'education_level',
+                'has_driving_license'
+            ]);
+        });
+    }
+};
diff --git a/resources/js/Layouts/AdminLayout.vue b/resources/js/Layouts/AdminLayout.vue
index 3c748b3..252db54 100644
--- a/resources/js/Layouts/AdminLayout.vue
+++ b/resources/js/Layouts/AdminLayout.vue
@@ -10,7 +10,7 @@
  * - Items nav : rounded-xl, active bg-highlight text-highlight-dark
  * - Footer sidebar : avatar + nom + version + logout
  */
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { Link, usePage } from '@inertiajs/vue3';
 import Dropdown from '@/Components/Dropdown.vue';
 import DropdownLink from '@/Components/DropdownLink.vue';
@@ -42,7 +42,7 @@ const navItems = [
     {
         route: 'admin.job-positions.index',
         match: 'admin.job-positions.*',
-        label: 'Fiches de Poste',
+        label: 'Offres d\'emploi',
         icon: 'M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z',
     },
     {
@@ -62,6 +62,15 @@ const navItems = [
     },
 ];
 
+const filteredNavItems = computed(() => {
+    const role = page.props.auth.user.role;
+    if (role === 'gestionnaire_rh') {
+        // HR Managers cannot see evaluation/selection related tabs
+        return navItems.filter(item => !['admin.quizzes.index', 'admin.comparative', 'admin.candidates.selected'].includes(item.route));
+    }
+    return navItems;
+});
+
 const superAdminItems = [
     {
         route: 'admin.tenants.index',
@@ -119,7 +128,7 @@ const isActive = (item) => {
             <!-- Nav principale -->
             <nav class="flex-1 px-2.5 py-4 space-y-0.5 overflow-y-auto scrollbar-thin scrollbar-thumb-white/10 scrollbar-track-transparent">
                 <!-- Items principaux -->
-                <template v-for="item in navItems" :key="item.route">
+                <template v-for="item in filteredNavItems" :key="item.route">
                     <Link
                         :href="route(item.route)"
                         :title="!isSidebarOpen ? item.label : undefined"
@@ -138,17 +147,18 @@ const isActive = (item) => {
                     </Link>
                 </template>
 
-                <!-- Section super admin -->
-                <template v-if="$page.props.auth.user.role === 'super_admin'">
+                <!-- Section Administration (Structures) pour Super Admin et RH -->
+                <template v-if="['super_admin', 'gestionnaire_rh'].includes($page.props.auth.user.role)">
                     <div class="pt-4 pb-2">
                         <div
                             v-if="isSidebarOpen"
                             class="px-3 text-[9px] font-black uppercase tracking-[0.18em] text-white/25"
-                        >Configuration</div>
+                        >Administration</div>
                         <div v-else class="h-px w-8 mx-auto bg-white/10" />
                     </div>
 
-                    <template v-for="item in superAdminItems" :key="item.route">
+                    <!-- Structures Link (Visible for Super Admin and HR) -->
+                    <template v-for="item in superAdminItems.filter(i => i.route === 'admin.tenants.index' || $page.props.auth.user.role === 'super_admin')" :key="item.route">
                         <Link
                             :href="route(item.route)"
                             :title="!isSidebarOpen ? item.label : undefined"
diff --git a/resources/js/Pages/Admin/Candidates/Index.vue b/resources/js/Pages/Admin/Candidates/Index.vue
index 12bc6bc..39646d4 100644
--- a/resources/js/Pages/Admin/Candidates/Index.vue
+++ b/resources/js/Pages/Admin/Candidates/Index.vue
@@ -74,7 +74,9 @@ const getNestedValue = (obj, path) => {
     return path.split('.').reduce((o, i) => (o ? o[i] : null), obj);
 };
 
-const selectedJobPosition = ref('');
+const urlParams = new URLSearchParams(window.location.search);
+const initialJobPositionParam = urlParams.get('job_position');
+const selectedJobPosition = ref(initialJobPositionParam === 'none' ? 'none' : (initialJobPositionParam ? parseInt(initialJobPositionParam) : ''));
 const showOnlySelected = ref(false);
 
 const filteredCandidates = computed(() => {
@@ -181,7 +183,7 @@ const batchAnalyze = async () => {
                         Liste des Candidats
                     </h3>
                     <div class="flex flex-col sm:flex-row items-center gap-4">
-                        <div class="flex items-center gap-3 bg-white p-2 rounded-xl border border-anthracite/5 shadow-sm min-w-max">
+                        <div v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="flex items-center gap-3 bg-white p-2 rounded-xl border border-anthracite/5 shadow-sm min-w-max">
                             <label class="flex items-center gap-2 cursor-pointer px-2">
                                 <input type="checkbox" v-model="showOnlySelected" class="rounded border-highlight/50 text-highlight focus:ring-highlight/20 cursor-pointer">
                                 <span class="text-xs font-bold text-primary uppercase tracking-widest">Retenus uniquement</span>
@@ -202,7 +204,7 @@ const batchAnalyze = async () => {
                     </div>
                 </div>
                 <div class="flex items-center gap-4 w-full md:w-auto justify-end">
-                    <div v-if="selectedIds.length > 0" class="flex items-center gap-3 animate-in fade-in slide-in-from-right-4 duration-300">
+                    <div v-if="selectedIds.length > 0 && $page.props.auth.user.role !== 'gestionnaire_rh'" class="flex items-center gap-3 animate-in fade-in slide-in-from-right-4 duration-300">
                         <span class="text-xs font-black uppercase tracking-widest text-primary/50">{{ selectedIds.length }} sélectionné(s)</span>
                         <PrimaryButton 
                             @click="batchAnalyze" 
@@ -246,7 +248,7 @@ const batchAnalyze = async () => {
                 <table class="w-full text-left border-collapse">
                     <thead class="bg-neutral/50 border-b border-anthracite/5">
                         <tr>
-                            <th class="w-12 px-8 py-5">
+                            <th v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="w-12 px-8 py-5">
                                 <input 
                                     type="checkbox" 
                                     :checked="selectedIds.length === sortedCandidates.length && sortedCandidates.length > 0"
@@ -254,7 +256,7 @@ const batchAnalyze = async () => {
                                     class="rounded border-anthracite/20 text-primary focus:ring-primary/20 cursor-pointer"
                                 >
                             </th>
-                            <th class="w-12 px-4 py-5"></th>
+                            <th v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="w-12 px-4 py-5"></th>
                             <th @click="sortBy('user.name')" class="px-8 py-5 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40 cursor-pointer hover:text-primary transition-colors">
                                 <div class="flex items-center gap-2">
                                     Nom
@@ -291,13 +293,13 @@ const batchAnalyze = async () => {
                                     <svg v-show="sortKey === 'status'" xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" :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('weighted_score')" class="px-8 py-5 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40 cursor-pointer hover:text-primary transition-colors">
+                            <th v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" @click="sortBy('weighted_score')" class="px-8 py-5 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40 cursor-pointer hover:text-primary transition-colors">
                                 <div class="flex items-center gap-2">
                                     Score
                                     <svg v-show="sortKey === 'weighted_score'" xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" :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('ai_analysis.match_score')" class="px-8 py-5 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40 cursor-pointer hover:text-primary transition-colors">
+                            <th v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" @click="sortBy('ai_analysis.match_score')" class="px-8 py-5 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40 cursor-pointer hover:text-primary transition-colors">
                                 <div class="flex items-center gap-2">
                                     IA Match
                                     <svg v-show="sortKey === 'ai_analysis.match_score'" xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" :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>
@@ -309,7 +311,7 @@ const batchAnalyze = async () => {
                     </thead>
                     <tbody class="divide-y divide-anthracite/5">
                         <tr v-for="candidate in sortedCandidates" :key="candidate.id" class="hover:bg-sand/30 transition-colors group" :class="{ 'bg-primary/5': selectedIds.includes(candidate.id) }">
-                            <td class="px-8 py-5">
+                            <td v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="px-8 py-5">
                                 <input 
                                     type="checkbox" 
                                     :value="candidate.id" 
@@ -317,7 +319,7 @@ const batchAnalyze = async () => {
                                     class="rounded border-anthracite/20 text-primary focus:ring-primary/20 cursor-pointer"
                                 >
                             </td>
-                            <td class="px-4 py-5 text-center">
+                            <td v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="px-4 py-5 text-center">
                                 <button @click="toggleSelection(candidate.id)" class="text-anthracite/20 hover:text-highlight hover:-translate-y-0.5 transition-all focus:outline-none" :class="{ '!text-highlight drop-shadow-sm scale-110': candidate.is_selected }" :title="candidate.is_selected ? 'Retirer des retenus' : 'Marquer comme retenu'">
                                     <svg v-if="candidate.is_selected" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                                         <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
@@ -358,12 +360,12 @@ const batchAnalyze = async () => {
                                     {{ candidate.status }}
                                 </span>
                             </td>
-                            <td class="px-8 py-5">
+                            <td v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="px-8 py-5">
                                 <div class="inline-flex items-center gap-2 px-3 py-1 bg-primary/5 text-primary rounded-xl font-black text-sm border border-primary/10 shadow-sm">
                                     {{ candidate.weighted_score }} <span class="opacity-50 text-[10px]">/ 20</span>
                                 </div>
                             </td>
-                            <td class="px-8 py-5">
+                            <td v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="px-8 py-5">
                                 <div v-if="candidate.ai_analysis" class="flex items-center gap-2">
                                     <div 
                                         class="px-2 py-0.5 rounded-lg text-[10px] font-black shadow-sm"
@@ -458,7 +460,7 @@ const batchAnalyze = async () => {
                     </div>
 
                     <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                        <div v-if="$page.props.auth.user.role === 'super_admin'">
+                        <div v-if="$page.props.auth.user.role === 'super_admin' || $page.props.auth.user.role === 'gestionnaire_rh'">
                             <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>
diff --git a/resources/js/Pages/Admin/Candidates/Show.vue b/resources/js/Pages/Admin/Candidates/Show.vue
index 2f6aeee..ae47d2f 100644
--- a/resources/js/Pages/Admin/Candidates/Show.vue
+++ b/resources/js/Pages/Admin/Candidates/Show.vue
@@ -26,11 +26,20 @@ const positionForm = useForm({ job_position_id: props.candidate.job_position_id
 
 const showEditDetailsModal = ref(false);
 const detailsForm = useForm({
-    name: props.candidate.user.name,
+    birth_name: props.candidate.birth_name || '',
+    usage_name: props.candidate.usage_name || '',
+    first_name: props.candidate.first_name || '',
+    address: props.candidate.address || '',
+    zip_code: props.candidate.zip_code || '',
     email: props.candidate.user.email,
     phone: props.candidate.phone || '',
-    linkedin_url: props.candidate.linkedin_url || '',
     city: props.candidate.city || '',
+    birth_date: props.candidate.birth_date || '',
+    birth_place: props.candidate.birth_place || '',
+    nationality: props.candidate.nationality || '',
+    current_situation: props.candidate.current_situation || '',
+    education_level: props.candidate.education_level || '',
+    has_driving_license: props.candidate.has_driving_license ? 1 : 0,
 });
 const updateDetails = () => {
     detailsForm.put(route('admin.candidates.update', props.candidate.id), {
@@ -264,7 +273,7 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                     <div class="h-16 bg-primary relative rounded-t-2xl overflow-hidden">
                         <div class="absolute inset-0 opacity-10" style="background: radial-gradient(circle at top right, #f5a800, transparent 70%)"></div>
                         <!-- Selection star -->
-                        <button @click="toggleSelection" :title="candidate.is_selected ? 'Retirer la sélection' : 'Retenir ce candidat'"
+                        <button v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" @click="toggleSelection" :title="candidate.is_selected ? 'Retirer la sélection' : 'Retenir ce candidat'"
                             class="absolute top-3 right-3 p-1.5 rounded-lg transition-all"
                             :class="candidate.is_selected ? 'text-highlight bg-highlight/20' : 'text-white/30 hover:text-highlight hover:bg-white/10'">
                             <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
@@ -318,7 +327,7 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                                 Exporter
                             </a>
                         </div>
-                        <button @click="toggleSelection"
+                        <button v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" @click="toggleSelection"
                             :class="['mt-2 w-full flex items-center justify-center gap-2 py-2.5 rounded-[10px] border-none text-xs font-extrabold uppercase tracking-[0.08em] transition-all duration-150',
                                 candidate.is_selected
                                     ? 'bg-highlight/15 text-highlight border border-highlight/30 hover:bg-highlight/25'
@@ -330,7 +339,7 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                 </div>
 
                 <!-- Score global card -->
-                <div class="bg-primary rounded-2xl p-5 relative overflow-hidden">
+                <div v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="bg-primary rounded-2xl p-5 relative overflow-hidden">
                     <div class="absolute inset-0 opacity-10" style="background: radial-gradient(circle at bottom right, #f5a800, transparent 60%)"></div>
                     <div class="relative z-10">
                         <p class="text-[9px] font-black uppercase tracking-[0.18em] text-white/40 mb-2">Score Global Pondéré</p>
@@ -373,7 +382,7 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                 </div>
 
                 <!-- AI Summary card (if analysed) -->
-                <div v-if="aiAnalysis" class="bg-surface rounded-2xl border border-ink/[0.07] shadow-sm p-5">
+                <div v-if="aiAnalysis && $page.props.auth.user.role !== 'gestionnaire_rh'" class="bg-surface rounded-2xl border border-ink/[0.07] shadow-sm p-5">
                     <div class="flex items-center justify-between mb-3">
                         <span class="text-[9px] font-black uppercase tracking-[0.16em] text-ink/35">Analyse IA</span>
                         <div :class="['w-9 h-9 rounded-full flex items-center justify-center text-[11px] font-black',
@@ -395,6 +404,16 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                     </select>
                 </div>
 
+                <!-- Structure -->
+                <div v-if="tenants" class="bg-surface rounded-2xl border border-ink/[0.07] shadow-sm p-5">
+                    <p class="text-[9px] font-black uppercase tracking-[0.16em] text-ink/35 mb-3">Structure de rattachement</p>
+                    <select v-model="tenantForm.tenant_id" @change="updateTenant"
+                        class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none transition-all">
+                        <option value="">— Aucune structure —</option>
+                        <option v-for="t in tenants" :key="t.id" :value="t.id">{{ t.name }}</option>
+                    </select>
+                </div>
+
                 <!-- Danger zone -->
                 <div class="bg-surface rounded-2xl border border-ink/[0.07] shadow-sm p-5">
                     <p class="text-[9px] font-black uppercase tracking-[0.16em] text-ink/35 mb-3">Actions</p>
@@ -427,7 +446,13 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                             { id:'documents', label:'Documents', count: candidate.documents?.length },
                             { id:'tests',     label:'Tests', count: candidate.attempts?.length },
                             { id:'security',  label:'Sécurité', count: candidate.user.security_alerts?.length },
-                        ].filter(t => t.id !== 'security' || t.count > 0)" :key="tab.id" @click="activeTab = tab.id"
+                        ].filter(t => {
+                            if (t.id === 'security' && t.count === 0) return false;
+                            if ($page.props.auth.user.role === 'gestionnaire_rh') {
+                                return !['ai_analysis', 'interview', 'tests', 'security'].includes(t.id);
+                            }
+                            return true;
+                        })" :key="tab.id" @click="activeTab = tab.id"
                             class="relative flex items-center gap-2 px-5 py-4 text-[11px] font-black uppercase tracking-[0.1em] whitespace-nowrap transition-all duration-150"
                             :class="activeTab === tab.id ? 'text-primary' : 'text-ink/35 hover:text-ink/60'">
                             {{ tab.label }}
@@ -440,7 +465,7 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                     <div v-if="activeTab === 'overview'" class="p-6 space-y-6">
 
                         <!-- Save scores button -->
-                        <div v-if="scoreForm.isDirty" class="flex justify-end">
+                        <div v-if="scoreForm.isDirty && $page.props.auth.user.role !== 'gestionnaire_rh'" class="flex justify-end">
                             <button @click="saveScores"
                                 class="flex items-center gap-2 px-5 py-2.5 rounded-[10px] bg-highlight text-highlight-dark text-xs font-extrabold uppercase tracking-[0.08em] shadow-gold hover:brightness-105 transition-all">
                                 <svg class="w-3.5 h-3.5 animate-pulse" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
@@ -449,7 +474,7 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                         </div>
 
                         <!-- Score inputs grid -->
-                        <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
+                        <div v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="grid grid-cols-2 md:grid-cols-4 gap-3">
                             <div v-for="(item, i) in [
                                 { label:'Analyse CV', key:'cv_score', max:20, color:'text-primary' },
                                 { label:'Lettre Motiv.', key:'motivation_score', max:10, color:'text-success' },
@@ -471,8 +496,62 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
                             </div>
                         </div>
 
+                        <!-- Informations détaillées -->
+                        <div class="p-5 rounded-2xl border border-ink/[0.07] bg-neutral/30 space-y-4">
+                            <div class="flex items-center justify-between">
+                                <p class="text-[9px] font-black uppercase tracking-[0.16em] text-ink/35">Identité & Situation</p>
+                                <button @click="showEditDetailsModal = true" class="text-[10px] font-bold text-primary hover:underline uppercase tracking-widest">Modifier</button>
+                            </div>
+                            <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Nom de naissance</p>
+                                    <p class="text-sm font-bold text-ink">{{ candidate.birth_name || '—' }}</p>
+                                </div>
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Nom d'usage</p>
+                                    <p class="text-sm font-bold text-ink">{{ candidate.usage_name || '—' }}</p>
+                                </div>
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Prénom</p>
+                                    <p class="text-sm font-bold text-ink">{{ candidate.first_name || '—' }}</p>
+                                </div>
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Nationalité</p>
+                                    <p class="text-sm font-bold text-ink">{{ candidate.nationality || '—' }}</p>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-2 md:grid-cols-4 gap-6 pt-2">
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Né(e) le</p>
+                                    <p class="text-sm font-bold text-ink">{{ candidate.birth_date ? new Date(candidate.birth_date).toLocaleDateString('fr-FR') : '—' }}</p>
+                                </div>
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Lieu de naissance</p>
+                                    <p class="text-sm font-bold text-ink">{{ candidate.birth_place || '—' }}</p>
+                                </div>
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Adresse</p>
+                                    <p class="text-sm font-bold text-ink leading-tight">{{ candidate.address || '—' }}<br/>{{ candidate.zip_code }} {{ candidate.city }}</p>
+                                </div>
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Permis de conduire</p>
+                                    <p class="text-sm font-bold" :class="candidate.has_driving_license ? 'text-success' : 'text-accent'">{{ candidate.has_driving_license ? 'OUI' : 'NON' }}</p>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-2 gap-6 pt-2 border-t border-ink/5 mt-2">
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Situation actuelle</p>
+                                    <span class="inline-block px-2 py-1 bg-primary/10 text-primary text-[10px] font-black rounded uppercase tracking-wider">{{ candidate.current_situation || '—' }}</span>
+                                </div>
+                                <div>
+                                    <p class="text-[10px] font-black text-ink/30 uppercase mb-1">Niveau de diplôme</p>
+                                    <span class="inline-block px-2 py-1 bg-highlight/20 text-highlight-dark text-[10px] font-black rounded uppercase tracking-wider">{{ candidate.education_level || '—' }}</span>
+                                </div>
+                            </div>
+                        </div>
+
                         <!-- Radar chart -->
-                        <div class="grid md:grid-cols-2 gap-6 items-center">
+                        <div v-if="$page.props.auth.user.role !== 'gestionnaire_rh'" class="grid md:grid-cols-2 gap-6 items-center">
                             <div class="flex items-center justify-center">
                                 <canvas ref="radarCanvasRef" class="max-h-64 w-full" />
                             </div>
@@ -844,22 +923,124 @@ const barColor  = (pct) => pct >= 80 ? 'bg-success' : pct >= 60 ? 'bg-highlight'
         </div><!-- end flex layout -->
 
         <!-- ─── Modal: Éditer les infos ────────────────────────────────────── -->
-        <Modal :show="showEditDetailsModal" @close="showEditDetailsModal = false" max-width="lg">
-            <div class="p-6 space-y-5">
-                <h3 class="font-serif font-black text-lg text-primary">Modifier les informations</h3>
-                <div class="grid md:grid-cols-2 gap-4">
-                    <div v-for="(field, key) in { name:'Nom complet', email:'Email', phone:'Téléphone', city:'Ville', linkedin_url:'LinkedIn URL' }" :key="key">
-                        <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">{{ field }}</label>
-                        <input v-model="detailsForm[key]" type="text"
-                            class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2.5 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
-                        <InputError :message="detailsForm.errors[key]" class="mt-1" />
+        <Modal :show="showEditDetailsModal" @close="showEditDetailsModal = false" max-width="4xl">
+            <div class="p-6 space-y-6">
+                <div class="border-b border-ink/10 pb-3">
+                    <h3 class="font-serif font-black text-xl text-primary">Modifier le dossier du candidat</h3>
+                </div>
+
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                    <!-- État Civil -->
+                    <div class="space-y-4 md:col-span-3">
+                        <p class="text-[10px] font-black uppercase tracking-widest text-primary/50">1. État Civil</p>
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Nom de naissance</label>
+                                <input v-model="detailsForm.birth_name" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Nom d'usage</label>
+                                <input v-model="detailsForm.usage_name" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Prénom</label>
+                                <input v-model="detailsForm.first_name" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Date de naissance</label>
+                                <input v-model="detailsForm.birth_date" type="date" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Lieu de naissance</label>
+                                <input v-model="detailsForm.birth_place" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Nationalité</label>
+                                <input v-model="detailsForm.nationality" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Coordonnées -->
+                    <div class="space-y-4 md:col-span-3 pt-4 border-t border-ink/5">
+                        <p class="text-[10px] font-black uppercase tracking-widest text-primary/50">2. Coordonnées & Contact</p>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Email</label>
+                                <input v-model="detailsForm.email" type="email" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                                <InputError :message="detailsForm.errors.email" class="mt-1" />
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Téléphone</label>
+                                <input v-model="detailsForm.phone" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+                            <div class="md:col-span-2">
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Adresse</label>
+                                <input v-model="detailsForm.address" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Code Postal</label>
+                                <input v-model="detailsForm.zip_code" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Ville</label>
+                                <input v-model="detailsForm.city" type="text" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none" />
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Situation -->
+                    <div class="space-y-4 md:col-span-3 pt-4 border-t border-ink/5">
+                        <p class="text-[10px] font-black uppercase tracking-widest text-primary/50">3. Profil Professionnel</p>
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Situation actuelle</label>
+                                <select v-model="detailsForm.current_situation" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none">
+                                    <option value="Titulaire">Titulaire</option>
+                                    <option value="Lauréat(e) d'un concours">Lauréat(e) d'un concours</option>
+                                    <option value="contractuel">Contractuel</option>
+                                    <option value="En recherche d'emplois">En recherche d'emplois</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Niveau de diplôme</label>
+                                <select v-model="detailsForm.education_level" class="w-full rounded-[10px] border border-ink/10 bg-neutral px-3 py-2 text-sm font-semibold text-ink focus:border-primary focus:ring-2 focus:ring-primary/15 outline-none">
+                                    <option value="Aucun diplome">Aucun diplome</option>
+                                    <option value="Brevet">Brevet</option>
+                                    <option value="CAP/BEP">CAP/BEP</option>
+                                    <option value="Bac">Bac</option>
+                                    <option value="Bac + 1">Bac + 1</option>
+                                    <option value="Bac + 2">Bac + 2</option>
+                                    <option value="Bac + 3">Bac + 3</option>
+                                    <option value="Bac + 4">Bac + 4</option>
+                                    <option value="Bac + 5">Bac + 5</option>
+                                    <option value="Autre">Autre</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label class="text-[9px] font-black uppercase tracking-[0.14em] text-ink/35 mb-1.5 block">Permis de conduire</label>
+                                <div class="flex gap-4 h-9 items-center">
+                                    <label class="flex items-center gap-2 text-xs font-bold text-ink/60 cursor-pointer">
+                                        <input type="radio" v-model="detailsForm.has_driving_license" :value="1" class="text-primary focus:ring-primary/30" /> OUI
+                                    </label>
+                                    <label class="flex items-center gap-2 text-xs font-bold text-ink/60 cursor-pointer">
+                                        <input type="radio" v-model="detailsForm.has_driving_license" :value="0" class="text-primary focus:ring-primary/30" /> NON
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-                <div class="flex justify-end gap-3 pt-2">
+
+                <div class="flex justify-end gap-3 pt-4 border-t border-ink/10">
                     <SecondaryButton @click="showEditDetailsModal = false">Annuler</SecondaryButton>
                     <button @click="updateDetails" :disabled="detailsForm.processing"
-                        class="px-5 py-2.5 rounded-[10px] bg-highlight text-highlight-dark text-xs font-extrabold uppercase tracking-[0.08em] shadow-gold hover:brightness-105 transition-all disabled:opacity-50">
-                        Enregistrer
+                        class="px-6 py-2.5 rounded-[10px] bg-highlight text-highlight-dark text-xs font-extrabold uppercase tracking-[0.08em] shadow-gold hover:brightness-105 transition-all disabled:opacity-50">
+                        {{ detailsForm.processing ? 'Enregistrement...' : 'Mettre à jour le dossier' }}
                     </button>
                 </div>
             </div>
diff --git a/resources/js/Pages/Admin/JobPositions/Index.vue b/resources/js/Pages/Admin/JobPositions/Index.vue
index edf47bc..84a8779 100644
--- a/resources/js/Pages/Admin/JobPositions/Index.vue
+++ b/resources/js/Pages/Admin/JobPositions/Index.vue
@@ -1,7 +1,7 @@
 <script setup>
 import AdminLayout from '@/Layouts/AdminLayout.vue';
-import { Head, useForm } from '@inertiajs/vue3';
-import { ref } from 'vue';
+import { Head, useForm, Link } from '@inertiajs/vue3';
+import { ref, computed } from 'vue';
 import Modal from '@/Components/Modal.vue';
 import PrimaryButton from '@/Components/PrimaryButton.vue';
 import SecondaryButton from '@/Components/SecondaryButton.vue';
@@ -14,6 +14,49 @@ const props = defineProps({
     quizzes: Array
 });
 
+const viewMode = ref('grid');
+const sortKey = ref('created_at');
+const sortOrder = ref(-1); // -1 = desc, 1 = asc
+const filterStatus = ref('active'); // active, expired, all
+
+const filteredAndSortedPositions = computed(() => {
+    let result = [...props.jobPositions];
+    const now = new Date();
+
+    // Filtering
+    if (filterStatus.value === 'active') {
+        result = result.filter(p => !p.expires_at || new Date(p.expires_at) >= now);
+    } else if (filterStatus.value === 'expired') {
+        result = result.filter(p => p.expires_at && new Date(p.expires_at) < now);
+    }
+
+    // Sorting
+    result.sort((a, b) => {
+        let valA = a[sortKey.value] || '';
+        let valB = b[sortKey.value] || '';
+
+        if (sortKey.value.includes('at')) {
+            valA = valA ? new Date(valA).getTime() : 0;
+            valB = valB ? new Date(valB).getTime() : 0;
+        }
+
+        if (valA < valB) return -1 * sortOrder.value;
+        if (valA > valB) return 1 * sortOrder.value;
+        return 0;
+    });
+
+    return result;
+});
+
+const toggleSort = (key) => {
+    if (sortKey.value === key) {
+        sortOrder.value *= -1;
+    } else {
+        sortKey.value = key;
+        sortOrder.value = -1;
+    }
+};
+
 const showingModal = ref(false);
 const editingPosition = ref(null);
 
@@ -26,6 +69,7 @@ const form = useForm({
     tenant_id: '',
     quiz_ids: [],
     fpt_metadata: null,
+    expires_at: '',
 });
 
 const isGeneratingFpt = ref(false);
@@ -41,6 +85,7 @@ const openModal = (position = null) => {
         form.tenant_id = position.tenant_id || '';
         form.quiz_ids = position.quizzes ? position.quizzes.map(q => q.id) : [];
         form.fpt_metadata = position.fpt_metadata || null;
+        form.expires_at = position.expires_at ? position.expires_at.split('T')[0] : '';
     } else {
         form.reset();
     }
@@ -88,7 +133,7 @@ const submit = () => {
 };
 
 const deletePosition = (id) => {
-    if (confirm('Voulez-vous vraiment supprimer cette fiche de poste ?')) {
+    if (confirm('Voulez-vous vraiment supprimer cette offre d\'emploi ?')) {
         form.delete(route('admin.job-positions.destroy', id));
     }
 };
@@ -110,41 +155,125 @@ const copyLink = (position) => {
 </script>
 
 <template>
-    <Head title="Fiches de Poste" />
+    <Head title="Offres d'emploi" />
 
     <AdminLayout>
         <template #header>
             <div class="flex justify-between items-center gap-8">
                 <h2 class="text-xl font-semibold leading-tight capitalize">
-                    Fiches de Poste
+                    Offres d'emploi
                 </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
+                    Nouvelle Offre
                 </PrimaryButton>
             </div>
         </template>
 
         <div class="p-8">
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            <!-- Filter & Sort Bar -->
+            <div class="mb-8 flex flex-col md:flex-row gap-6 justify-between items-start md:items-center bg-white dark:bg-slate-800 p-6 rounded-[2rem] shadow-sm border border-slate-100 dark:border-slate-700">
+                <div class="flex flex-wrap items-center gap-4">
+                    <div class="flex bg-slate-100 dark:bg-slate-900 p-1 rounded-xl">
+                        <button 
+                            @click="filterStatus = 'active'"
+                            :class="filterStatus === 'active' ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-500 hover:text-indigo-400'"
+                            class="px-4 py-1.5 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all"
+                        >
+                            En cours
+                        </button>
+                        <button 
+                            @click="filterStatus = 'expired'"
+                            :class="filterStatus === 'expired' ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-500 hover:text-indigo-400'"
+                            class="px-4 py-1.5 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all"
+                        >
+                            Expirées
+                        </button>
+                        <button 
+                            @click="filterStatus = 'all'"
+                            :class="filterStatus === 'all' ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-500 hover:text-indigo-400'"
+                            class="px-4 py-1.5 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all"
+                        >
+                            Toutes
+                        </button>
+                    </div>
+
+                    <div class="h-6 w-px bg-slate-200 dark:bg-slate-700 mx-2 hidden md:block"></div>
+
+                    <div class="flex items-center gap-2">
+                        <span class="text-[10px] font-black uppercase tracking-widest text-slate-400">Trier par :</span>
+                        <select 
+                            v-model="sortKey"
+                            class="bg-transparent border-none text-xs font-bold text-slate-700 dark:text-slate-300 focus:ring-0 cursor-pointer py-0 pl-0"
+                        >
+                            <option value="created_at">Date de création</option>
+                            <option value="expires_at">Date d'expiration</option>
+                            <option value="title">Titre</option>
+                        </select>
+                        <button @click="sortOrder *= -1" class="p-1 hover:bg-slate-100 dark:hover:bg-slate-900 rounded-lg transition-colors">
+                            <svg v-if="sortOrder === 1" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-indigo-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12" /></svg>
+                            <svg v-else xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-indigo-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M3 4h13M3 8h9m-9 4h6m4 0l4 4m0 0l4-4m-4 4v-12" /></svg>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="flex items-center gap-2 bg-slate-100 dark:bg-slate-900 p-1 rounded-xl">
+                    <button 
+                        @click="viewMode = 'grid'"
+                        :class="viewMode === 'grid' ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-400 hover:text-indigo-400'"
+                        class="p-2 rounded-lg transition-all"
+                    >
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" /></svg>
+                    </button>
+                    <button 
+                        @click="viewMode = 'list'"
+                        :class="viewMode === 'list' ? 'bg-white dark:bg-slate-800 shadow-sm text-indigo-600' : 'text-slate-400 hover:text-indigo-400'"
+                        class="p-2 rounded-lg transition-all"
+                    >
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M4 6h16M4 10h16M4 14h16M4 18h16" /></svg>
+                    </button>
+                </div>
+            </div>
+
+            <!-- Grid View -->
+            <div v-if="viewMode === 'grid'" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                 <div 
-                    v-for="position in jobPositions" 
+                    v-for="position in filteredAndSortedPositions" 
                     :key="position.id"
                     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="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">
+                            <div v-if="['super_admin', 'gestionnaire_rh'].includes($page.props.auth.user.role)" 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">
+                        <h3 class="text-2xl font-black mb-1 group-hover:text-indigo-600 transition-colors">{{ position.title }}</h3>
+                        <div class="flex items-center gap-2 mb-3">
+                            <span class="text-[10px] font-black bg-primary/10 text-primary px-2 py-0.5 rounded-full uppercase tracking-tighter">
+                                {{ position.candidates_count }} {{ position.candidates_count > 1 ? 'candidats' : 'candidat' }}
+                            </span>
+                        </div>
+                        <p class="text-slate-500 dark:text-slate-400 text-sm line-clamp-3 leading-relaxed mb-4">
                             {{ position.description }}
                         </p>
+                        <div class="flex flex-wrap gap-2 mb-4">
+                            <div v-if="position.expires_at" class="flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-wider px-2 py-1 rounded-lg w-fit" :class="new Date(position.expires_at) < new Date() ? 'text-red-500 bg-red-50 dark:bg-red-900/20' : 'text-emerald-500 bg-emerald-50 dark:bg-emerald-900/20'">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+                                </svg>
+                                {{ new Date(position.expires_at) < new Date() ? 'Expirée le' : 'Expire le' }} : {{ new Date(position.expires_at).toLocaleDateString() }}
+                            </div>
+                            <div class="flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-wider px-2 py-1 rounded-lg w-fit text-slate-400 bg-slate-50 dark:bg-slate-900/40 border border-slate-100 dark:border-slate-700">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                                </svg>
+                                Créée le : {{ new Date(position.created_at).toLocaleDateString() }}
+                            </div>
+                        </div>
                     </div>
 
                     <div class="flex items-center gap-2 mb-6" v-if="position.requirements?.length">
@@ -160,8 +289,13 @@ const copyLink = (position) => {
                         </span>
                     </div>
 
-                    <div class="pt-6 border-t border-slate-100 dark:border-slate-700 flex justify-between gap-3">
-                        <SecondaryButton @click="openModal(position)" class="flex-1 !justify-center !py-2 text-xs">Modifier</SecondaryButton>
+                    <div class="pt-6 border-t border-slate-100 dark:border-slate-700 flex flex-col gap-3">
+                        <div class="flex gap-3">
+                            <Link :href="route('admin.candidates.index', { job_position: position.id })" class="flex-1 inline-flex items-center justify-center py-2 rounded-xl bg-primary/5 text-primary text-xs font-extrabold uppercase tracking-widest hover:bg-primary/10 transition-all">
+                                Voir Candidats
+                            </Link>
+                            <SecondaryButton @click="openModal(position)" class="flex-1 !justify-center !py-2 text-xs">Modifier</SecondaryButton>
+                        </div>
                         <div class="flex gap-1">
                             <button 
                                 @click="copyLink(position)"
@@ -184,28 +318,74 @@ const copyLink = (position) => {
                         </div>
                     </div>
                 </div>
+            </div>
 
-                <!-- Empty State -->
-                <div v-if="jobPositions.length === 0" class="col-span-full py-32 text-center">
-                    <div class="inline-flex p-6 bg-slate-100 dark:bg-slate-800 rounded-full mb-6">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-slate-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-                        </svg>
+            <!-- List View -->
+            <div v-else class="space-y-4">
+                <div 
+                    v-for="position in filteredAndSortedPositions" 
+                    :key="position.id"
+                    class="bg-white dark:bg-slate-800 rounded-2xl p-6 shadow-sm border border-slate-200 dark:border-slate-700 hover:shadow-md transition-all flex flex-col md:flex-row items-center gap-6"
+                >
+                    <div class="flex-1 min-w-0">
+                        <div class="flex items-center gap-3 mb-1">
+                            <h3 class="text-lg font-black truncate">{{ position.title }}</h3>
+                            <span v-if="['super_admin', 'gestionnaire_rh'].includes($page.props.auth.user.role)" 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 shrink-0">
+                                {{ position.tenant ? position.tenant.name : 'Global' }}
+                            </span>
+                        </div>
+                        <div class="flex flex-wrap items-center gap-4 text-[10px] font-bold uppercase tracking-widest text-slate-400">
+                            <div class="flex items-center gap-1.5">
+                                <span class="w-1.5 h-1.5 rounded-full bg-indigo-400"></span>
+                                {{ position.candidates_count }} candidats
+                            </div>
+                            <div v-if="position.expires_at" class="flex items-center gap-1.5" :class="new Date(position.expires_at) < new Date() ? 'text-red-500' : 'text-emerald-500'">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+                                {{ new Date(position.expires_at) < new Date() ? 'Expirée' : 'Expire' }} : {{ new Date(position.expires_at).toLocaleDateString() }}
+                            </div>
+                            <div class="flex items-center gap-1.5">
+                                Créée le : {{ new Date(position.created_at).toLocaleDateString() }}
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="flex items-center gap-2 shrink-0">
+                        <Link :href="route('admin.candidates.index', { job_position: position.id })" title="Voir candidats" class="p-3 bg-primary/5 text-primary rounded-xl hover:bg-primary/10 transition-all">
+                            <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>
+                        </Link>
+                        <button @click="openModal(position)" title="Modifier" class="p-3 bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 rounded-xl hover:bg-slate-200 dark:hover:bg-slate-600 transition-all">
+                            <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="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" /></svg>
+                        </button>
+                        <button @click="copyLink(position)" title="Lien de candidature" class="p-3 text-slate-400 hover:text-indigo-500 hover:bg-indigo-50 dark:hover:bg-indigo-900/20 rounded-xl transition-all">
+                            <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="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>
+                        </button>
+                        <button @click="deletePosition(position.id)" title="Supprimer" class="p-3 text-slate-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-xl transition-all">
+                            <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 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
+                        </button>
                     </div>
-                    <h3 class="text-2xl font-black mb-2">Aucune fiche de poste</h3>
-                    <p class="text-slate-500 mb-8">Créez votre première fiche de poste pour permettre l'analyse IA.</p>
-                    <PrimaryButton @click="openModal()">Créer une fiche</PrimaryButton>
                 </div>
             </div>
+
+            <!-- Empty State -->
+            <div v-if="filteredAndSortedPositions.length === 0" class="col-span-full py-32 text-center">
+                <div class="inline-flex p-6 bg-slate-100 dark:bg-slate-800 rounded-full mb-6">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-slate-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                    </svg>
+                </div>
+                <h3 class="text-2xl font-black mb-2">Aucune offre d'emploi</h3>
+                <p class="text-slate-500 mb-8">Créez votre première offre d'emploi pour permettre l'analyse IA.</p>
+                <PrimaryButton @click="openModal()">Créer une offre</PrimaryButton>
+            </div>
         </div>
 
         <!-- Modal Create/Edit -->
         <Modal :show="showingModal" @close="closeModal">
             <div class="p-8">
-                <h3 class="text-2xl font-black mb-8">{{ editingPosition ? 'Modifier' : 'Créer' }} la Fiche de Poste</h3>
+                <h3 class="text-2xl font-black mb-8">{{ editingPosition ? 'Modifier' : 'Créer' }} l'Offre d'emploi</h3>
                 
                 <form @submit.prevent="submit" class="space-y-6">
-                    <div v-if="$page.props.auth.user.role === 'super_admin'" class="mb-4">
+                    <div v-if="['super_admin', 'gestionnaire_rh'].includes($page.props.auth.user.role)" 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" 
@@ -231,7 +411,18 @@ const copyLink = (position) => {
                     </div>
 
                     <div>
-                        <label class="block text-xs font-black uppercase tracking-widest text-slate-400 mb-2">Description / Fiche de Poste</label>
+                        <label class="block text-xs font-black uppercase tracking-widest text-slate-400 mb-2">Date limite de candidature (Expiration)</label>
+                        <input 
+                            v-model="form.expires_at" 
+                            type="date" 
+                            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"
+                        >
+                        <p class="mt-1 text-[10px] text-slate-400 font-bold uppercase tracking-tight">L'offre ne sera plus visible sur le site après cette date.</p>
+                        <InputError :message="form.errors.expires_at" />
+                    </div>
+
+                    <div>
+                        <label class="block text-xs font-black uppercase tracking-widest text-slate-400 mb-2">Description / Détail de l'offre</label>
                         <textarea 
                             v-model="form.description" 
                             rows="8"
diff --git a/resources/js/Pages/Admin/Users/Index.vue b/resources/js/Pages/Admin/Users/Index.vue
index 807cd63..648d7d9 100644
--- a/resources/js/Pages/Admin/Users/Index.vue
+++ b/resources/js/Pages/Admin/Users/Index.vue
@@ -113,6 +113,7 @@ const cancel = () => {
                     <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="gestionnaire_rh">Gestionnaire RH (Restreint)</option>
                         <option value="super_admin">Super Administrateur (Global)</option>
                     </select>
                 </div>
@@ -152,10 +153,11 @@ const cancel = () => {
                         <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-if="user.role === 'gestionnaire_rh'" class="inline-flex items-center rounded-md bg-amber-50 px-2 py-1 text-xs font-medium text-amber-700 ring-1 ring-inset ring-amber-700/10">Gestionnaire RH</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') }}
+                            {{ user.tenant ? user.tenant.name : (user.role === 'super_admin' || user.role === 'gestionnaire_rh' ? '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">
diff --git a/resources/js/Pages/Dashboard.vue b/resources/js/Pages/Dashboard.vue
index 1e81279..343635a 100644
--- a/resources/js/Pages/Dashboard.vue
+++ b/resources/js/Pages/Dashboard.vue
@@ -12,7 +12,7 @@ const props = defineProps({
 
 const page = usePage();
 const user = computed(() => page.props.auth.user);
-const isAdmin = computed(() => ['admin', 'super_admin'].includes(user.value?.role));
+const isAdmin = computed(() => ['admin', 'super_admin', 'gestionnaire_rh'].includes(user.value?.role));
 const layout = computed(() => isAdmin.value ? AdminLayout : AuthenticatedLayout);
 
 import axios from 'axios';
@@ -59,7 +59,7 @@ const triggerMassAssignmentHoneypot = async () => {
 
         <div v-if="isAdmin" class="space-y-8 font-sans text-anthracite">
             <!-- KPI Cards -->
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
+            <div :class="['grid gap-6', user.role === 'gestionnaire_rh' ? 'grid-cols-1 max-w-sm mx-auto' : 'grid-cols-1 md:grid-cols-2 lg:grid-cols-5']">
                 <!-- Total Candidats -->
                 <div class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-primary/5 transition-all duration-300 relative overflow-hidden group">
                     <div class="text-[10px] font-subtitle font-black uppercase tracking-widest text-anthracite/40">Total Candidats</div>
@@ -68,7 +68,7 @@ const triggerMassAssignmentHoneypot = async () => {
                 </div>
 
                 <!-- Candidats Retenus -->
-                <div class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-highlight/20 transition-all duration-300 relative overflow-hidden group">
+                <div v-if="user.role !== 'gestionnaire_rh'" class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-highlight/20 transition-all duration-300 relative overflow-hidden group">
                     <div class="absolute inset-0 bg-gradient-to-br from-highlight/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                     <div class="relative z-10">
                         <div class="text-highlight text-[10px] font-subtitle font-black uppercase tracking-widest flex items-center gap-1.5">
@@ -82,21 +82,21 @@ const triggerMassAssignmentHoneypot = async () => {
                 </div>
 
                 <!-- Tests terminés -->
-                <div class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-emerald-500/10 transition-all duration-300 relative overflow-hidden group">
+                <div v-if="user.role !== 'gestionnaire_rh'" class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-emerald-500/10 transition-all duration-300 relative overflow-hidden group">
                     <div class="text-[10px] font-subtitle font-black uppercase tracking-widest text-anthracite/40">Tests terminés</div>
                     <div class="text-4xl font-black mt-3 text-emerald-500">{{ stats.finished_tests }}</div>
                     <div class="absolute bottom-0 right-0 w-24 h-24 bg-[radial-gradient(ellipse_at_bottom_right,_var(--tw-gradient-stops))] from-emerald-500/10 to-transparent"></div>
                 </div>
 
                 <!-- Moyenne Générale -->
-                <div class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-sky/10 transition-all duration-300 relative overflow-hidden group">
+                <div v-if="user.role !== 'gestionnaire_rh'" class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-sky/10 transition-all duration-300 relative overflow-hidden group">
                     <div class="text-[10px] font-subtitle font-black uppercase tracking-widest text-anthracite/40">Moyenne Générale</div>
                     <div class="text-4xl font-black mt-3 text-sky">{{ stats.average_score }} <span class="text-lg opacity-50 font-bold">/ 20</span></div>
                     <div class="absolute bottom-0 right-0 w-24 h-24 bg-[radial-gradient(ellipse_at_bottom_right,_var(--tw-gradient-stops))] from-sky/10 to-transparent"></div>
                 </div>
 
                 <!-- Meilleur Score -->
-                <div class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-accent/10 transition-all duration-300 relative overflow-hidden group">
+                <div v-if="user.role !== 'gestionnaire_rh'" class="bg-white p-6 rounded-3xl shadow-sm border border-anthracite/5 hover:-translate-y-1 hover:shadow-xl hover:shadow-accent/10 transition-all duration-300 relative overflow-hidden group">
                     <div class="text-[10px] font-subtitle font-black uppercase tracking-widest text-anthracite/40">Meilleur Score</div>
                     <div class="text-4xl font-black mt-3 text-accent">{{ stats.best_score }} <span class="text-lg opacity-50 font-bold">/ 20</span></div>
                     <div class="absolute bottom-0 right-0 w-24 h-24 bg-[radial-gradient(ellipse_at_bottom_right,_var(--tw-gradient-stops))] from-accent/10 to-transparent"></div>
@@ -108,7 +108,7 @@ const triggerMassAssignmentHoneypot = async () => {
                 <div class="px-8 py-6 border-b border-anthracite/5 flex justify-between items-center bg-sand/30">
                     <h3 class="text-xl font-serif font-black text-primary capitalize tracking-tight flex items-center gap-3">
                         <div class="w-1.5 h-6 bg-highlight rounded-full hidden md:block"></div>
-                        Top 10 Candidats
+                        {{ user.role === 'gestionnaire_rh' ? 'Dernières candidatures' : 'Top 10 Candidats' }}
                     </h3>
                     <Link :href="route('admin.candidates.index')" class="text-xs font-subtitle font-bold uppercase tracking-widest text-primary hover:text-highlight transition-colors flex items-center gap-1">
                         Voir tous <span class="hidden sm:inline">les candidats</span> &rarr;
@@ -119,8 +119,8 @@ const triggerMassAssignmentHoneypot = async () => {
                         <thead>
                             <tr class="bg-neutral/50">
                                 <th class="px-8 py-4 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40">Candidat</th>
-                                <th class="px-8 py-4 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40">Score Pondéré</th>
-                                <th class="px-8 py-4 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40">Adéquation IA</th>
+                                <th v-if="user.role !== 'gestionnaire_rh'" class="px-8 py-4 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40">Score Pondéré</th>
+                                <th v-if="user.role !== 'gestionnaire_rh'" class="px-8 py-4 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40">Adéquation IA</th>
                                 <th class="px-8 py-4 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40">Statut</th>
                                 <th class="px-8 py-4 text-[10px] font-subtitle font-black uppercase tracking-[0.2em] text-anthracite/40 text-right">Actions</th>
                             </tr>
@@ -131,12 +131,12 @@ const triggerMassAssignmentHoneypot = async () => {
                                     <div class="font-bold text-primary group-hover:text-highlight transition-colors block">{{ candidate.name }}</div>
                                     <div class="text-xs text-anthracite/50 font-subtitle tracking-wide mt-0.5">{{ candidate.email }}</div>
                                 </td>
-                                <td class="px-8 py-5">
+                                <td v-if="user.role !== 'gestionnaire_rh'" class="px-8 py-5">
                                     <div class="inline-flex items-center gap-2 px-4 py-1.5 bg-primary/5 text-primary rounded-xl font-black text-sm border border-primary/10 shadow-sm">
                                         {{ candidate.weighted_score }} <span class="opacity-50 text-xs">/ 20</span>
                                     </div>
                                 </td>
-                                <td class="px-8 py-5">
+                                <td v-if="user.role !== 'gestionnaire_rh'" class="px-8 py-5">
                                     <div v-if="candidate.ai_analysis" class="flex items-center gap-2">
                                         <div 
                                             class="px-3 py-1 rounded-lg text-xs font-black shadow-sm"
diff --git a/resources/js/Pages/Public/Jobs/Index.vue b/resources/js/Pages/Public/Jobs/Index.vue
index a4e48c8..62303be 100644
--- a/resources/js/Pages/Public/Jobs/Index.vue
+++ b/resources/js/Pages/Public/Jobs/Index.vue
@@ -51,6 +51,10 @@ defineProps({
                             <span v-if="job.fpt_metadata?.infos_poste?.categorie" class="text-xs font-bold text-anthracite/50 uppercase tracking-widest bg-neutral px-2 py-1 rounded">
                                 Catégorie {{ job.fpt_metadata.infos_poste.categorie }}
                             </span>
+                            <span v-if="job.expires_at" class="text-[10px] font-black text-accent uppercase tracking-widest bg-accent/10 px-2 py-1 rounded flex items-center gap-1.5 border border-accent/20">
+                                <svg class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+                                Expire le {{ new Date(job.expires_at).toLocaleDateString('fr-FR') }}
+                            </span>
                             <span class="text-xs font-bold text-anthracite/50 uppercase tracking-widest">Temps plein</span>
                         </div>
                         <h2 class="text-2xl font-bold font-serif text-primary group-hover:text-highlight transition-colors mb-4">
diff --git a/resources/js/Pages/Public/Jobs/Show.vue b/resources/js/Pages/Public/Jobs/Show.vue
index 581905d..2574b5e 100644
--- a/resources/js/Pages/Public/Jobs/Show.vue
+++ b/resources/js/Pages/Public/Jobs/Show.vue
@@ -10,11 +10,22 @@ const props = defineProps({
 });
 
 const form = useForm({
-    name: '',
-    email: '',
-    phone: '',
-    linkedin_url: '',
+    birth_name: '',
+    usage_name: '',
+    first_name: '',
+    address: '',
+    zip_code: '',
     city: '',
+    phone: '',
+    email: '',
+    email_confirmation: '',
+    birth_date: '',
+    birth_place: '',
+    nationality: '',
+    current_situation: '',
+    education_level: '',
+    has_driving_license: '',
+    privacy_policy: false,
     cv: null,
     cover_letter: null,
 });
@@ -26,6 +37,10 @@ const submit = () => {
         },
     });
 };
+
+const scrollToForm = () => {
+    document.getElementById('application-form').scrollIntoView({ behavior: 'smooth' });
+};
 </script>
 
 <template>
@@ -34,7 +49,7 @@ const submit = () => {
     <div class="min-h-screen bg-neutral text-anthracite font-sans">
         <!-- Navigation Bar -->
         <nav class="bg-white border-b border-anthracite/10 p-6">
-            <div class="max-w-4xl mx-auto flex items-center justify-between">
+            <div class="max-w-6xl mx-auto flex items-center justify-between">
                 <Link href="/" class="flex items-center gap-3">
                     <img src="/images/logo.png" alt="Logo CABM" class="h-12 object-contain" />
                 </Link>
@@ -44,7 +59,7 @@ const submit = () => {
             </div>
         </nav>
 
-        <main class="max-w-4xl mx-auto py-12 px-6">
+        <main class="max-w-6xl mx-auto py-12 px-6">
             <div class="mb-6">
                 <Link :href="route('jobs.index')" class="inline-flex items-center gap-2 text-sm font-bold text-anthracite/60 hover:text-primary transition-colors">
                     <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg>
@@ -54,108 +69,287 @@ const submit = () => {
             
             <div class="bg-white rounded-2xl shadow-xl overflow-hidden">
                 <!-- Header -->
-                <div class="bg-primary/5 border-b border-primary/10 px-8 py-10">
-                    <h1 class="text-3xl font-serif font-bold text-primary mb-2">{{ jobPosition.title }}</h1>
-                    <div class="flex items-center gap-4 text-sm text-anthracite/70">
-                        <span class="inline-flex items-center gap-1">
-                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
-                            Offre d'emploi
-                        </span>
-                        <span v-if="jobPosition.fpt_metadata?.infos_poste?.categorie" class="px-3 py-1 bg-white/50 rounded-full font-bold uppercase tracking-widest text-[10px]">
-                            Catégorie {{ jobPosition.fpt_metadata.infos_poste.categorie }} - {{ jobPosition.fpt_metadata.infos_poste.cadre_emplois }}
-                        </span>
+                <div class="bg-primary/5 border-b border-primary/10 px-8 py-10 flex flex-col md:flex-row md:items-center justify-between gap-6">
+                    <div>
+                        <h1 class="text-3xl font-serif font-bold text-primary mb-2">{{ jobPosition.title }}</h1>
+                        <div class="flex items-center gap-4 text-sm text-anthracite/70">
+                            <span class="inline-flex items-center gap-1">
+                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
+                                Offre d'emploi
+                            </span>
+                            <span v-if="jobPosition.fpt_metadata?.infos_poste?.categorie" class="px-3 py-1 bg-white/50 rounded-full font-bold uppercase tracking-widest text-[10px]">
+                                Catégorie {{ jobPosition.fpt_metadata.infos_poste.categorie }} - {{ jobPosition.fpt_metadata.infos_poste.cadre_emplois }}
+                            </span>
+                        </div>
                     </div>
-                </div>
-
-                <div class="p-8 grid grid-cols-1 md:grid-cols-2 gap-12">
+                    <button @click="scrollToForm" class="shrink-0 py-3 px-8 bg-primary text-white rounded-xl font-bold font-subtitle uppercase tracking-widest text-sm hover:brightness-110 shadow-lg shadow-primary/20 transition-all">
+                        Postuler à cette offre
+                    </button>
+                </div>                <div class="p-8 space-y-12">
                     <!-- Job Details -->
-                    <div class="space-y-6">
-                        <div>
-                            <h2 class="text-xl font-bold font-subtitle text-anthracite mb-3 border-b pb-2">Description du poste</h2>
-                            <div v-if="jobPosition.description_html" class="prose prose-sm prose-indigo text-anthracite/80 max-w-none" v-html="jobPosition.description_html"></div>
-                            <div v-else class="prose prose-sm prose-neutral text-anthracite/80 whitespace-pre-line">{{ jobPosition.description }}</div>
+                    <div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
+                        <div class="lg:col-span-2 space-y-8">
+                            <div>
+                                <h2 class="text-xl font-bold font-subtitle text-anthracite mb-4 border-b border-anthracite/5 pb-2">Description du poste</h2>
+                                <div v-if="jobPosition.description_html" class="prose prose-sm prose-indigo text-anthracite/80 max-w-none" v-html="jobPosition.description_html"></div>
+                                <div v-else class="prose prose-sm prose-neutral text-anthracite/80 whitespace-pre-line">{{ jobPosition.description }}</div>
+                            </div>
+
+                            <div v-if="jobPosition.requirements && jobPosition.requirements.length > 0">
+                                <h2 class="text-xl font-bold font-subtitle text-anthracite mb-4 border-b border-anthracite/5 pb-2">Prérequis</h2>
+                                <ul class="list-disc list-inside text-anthracite/80 space-y-2">
+                                    <li v-for="(req, i) in jobPosition.requirements" :key="i">{{ req }}</li>
+                                </ul>
+                            </div>
                         </div>
 
-                        <div v-if="jobPosition.requirements && jobPosition.requirements.length > 0">
-                            <h2 class="text-xl font-bold font-subtitle text-anthracite mb-3 border-b pb-2">Prérequis</h2>
-                            <ul class="list-disc list-inside text-anthracite/80 space-y-1">
-                                <li v-for="(req, i) in jobPosition.requirements" :key="i">{{ req }}</li>
-                            </ul>
-                        </div>
-
-                        <div v-if="jobPosition.fpt_metadata" class="bg-neutral/30 rounded-xl p-5 border border-anthracite/10 mt-8">
-                            <h2 class="text-sm font-bold font-subtitle uppercase tracking-widest text-primary mb-4 flex items-center gap-2">
-                                <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="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" />
-                                </svg>
-                                Informations Statutaires (FPT)
-                            </h2>
-                            <div class="space-y-3 text-sm text-anthracite/80">
-                                <p><strong class="text-anthracite">Grade(s) recherché(s) :</strong> {{ jobPosition.fpt_metadata.infos_poste?.grade_mini }} à {{ jobPosition.fpt_metadata.infos_poste?.grade_maxi }}</p>
-                                <p><strong class="text-anthracite">Fondement :</strong> {{ jobPosition.fpt_metadata.conformite?.fondement_juridique_recrutement }}</p>
-                                
-                                <div class="pt-3 border-t border-anthracite/10">
-                                    <strong class="text-anthracite block mb-2 text-xs uppercase tracking-wider">Mentions Légales :</strong>
-                                    <ul class="list-disc list-inside space-y-1 text-xs">
-                                        <li v-for="(mention, idx) in jobPosition.fpt_metadata.conformite?.mentions_legales_obligatoires" :key="idx">{{ mention }}</li>
-                                    </ul>
+                        <div class="space-y-6">
+                            <div v-if="jobPosition.fpt_metadata" class="bg-neutral rounded-2xl p-6 border border-anthracite/10">
+                                <h2 class="text-xs font-black font-subtitle uppercase tracking-[0.2em] text-primary/50 mb-6 flex items-center gap-2">
+                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" />
+                                    </svg>
+                                    Infos Statutaires (FPT)
+                                </h2>
+                                <div class="space-y-4 text-sm">
+                                    <div class="flex flex-col gap-1">
+                                        <span class="text-[10px] font-black uppercase text-anthracite/30 tracking-widest">Grade(s) recherché(s)</span>
+                                        <span class="font-bold text-anthracite">{{ jobPosition.fpt_metadata.infos_poste?.grade_mini }} à {{ jobPosition.fpt_metadata.infos_poste?.grade_maxi }}</span>
+                                    </div>
+                                    <div class="flex flex-col gap-1">
+                                        <span class="text-[10px] font-black uppercase text-anthracite/30 tracking-widest">Fondement</span>
+                                        <span class="font-bold text-anthracite">{{ jobPosition.fpt_metadata.conformite?.fondement_juridique_recrutement }}</span>
+                                    </div>
+                                    
+                                    <div class="pt-4 border-t border-anthracite/5">
+                                        <span class="text-[10px] font-black uppercase text-anthracite/30 tracking-widest block mb-2">Mentions Légales</span>
+                                        <ul class="space-y-2">
+                                            <li v-for="(mention, idx) in jobPosition.fpt_metadata.conformite?.mentions_legales_obligatoires" :key="idx" class="flex items-start gap-2 text-[11px] leading-relaxed font-semibold text-anthracite/60">
+                                                <div class="w-1 h-1 rounded-full bg-primary/30 mt-1.5 shrink-0"></div>
+                                                {{ mention }}
+                                            </li>
+                                        </ul>
+                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
 
                     <!-- Application Form -->
-                    <div class="bg-neutral/50 p-6 rounded-xl border border-anthracite/10">
-                        <h2 class="text-xl font-bold font-subtitle text-primary mb-6">Soumettre votre candidature</h2>
+                    <div id="application-form" class="bg-neutral/50 p-10 rounded-3xl border border-anthracite/10">
+                        <div class="mb-10 border-b border-anthracite/10 pb-6">
+                            <h2 class="text-3xl font-serif font-black text-primary">Formulaire de candidature</h2>
+                            <p class="text-sm font-semibold text-anthracite/40 mt-1">Veuillez renseigner avec précision les informations ci-dessous.</p>
+                        </div>
                         
-                        <form @submit.prevent="submit" class="space-y-5">
-                            <div>
-                                <label class="block text-sm font-medium text-anthracite mb-1">Nom complet <span class="text-red-500">*</span></label>
-                                <input type="text" v-model="form.name" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5" />
-                                <div v-if="form.errors.name" class="text-red-500 text-xs mt-1">{{ form.errors.name }}</div>
-                            </div>
-
-                            <div>
-                                <label class="block text-sm font-medium text-anthracite mb-1">Adresse Email <span class="text-red-500">*</span></label>
-                                <input type="email" v-model="form.email" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5" />
-                                <div v-if="form.errors.email" class="text-red-500 text-xs mt-1">{{ form.errors.email }}</div>
-                            </div>
-
-                            <div class="grid grid-cols-2 gap-4">
-                                <div>
-                                    <label class="block text-sm font-medium text-anthracite mb-1">Téléphone</label>
-                                    <input type="text" v-model="form.phone" class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5" />
-                                    <div v-if="form.errors.phone" class="text-red-500 text-xs mt-1">{{ form.errors.phone }}</div>
+                        <form @submit.prevent="submit" class="space-y-8">
+                            <!-- État Civil -->
+                            <div class="space-y-4">
+                                <h3 class="text-lg font-bold text-anthracite/80 flex items-center gap-2">
+                                    <span class="w-8 h-8 rounded-full bg-primary text-white flex items-center justify-center text-xs font-black">1</span>
+                                    État Civil
+                                </h3>
+                                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Nom de naissance <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.birth_name" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.birth_name" class="text-red-500 text-xs mt-1">{{ form.errors.birth_name }}</div>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Nom d'usage <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.usage_name" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.usage_name" class="text-red-500 text-xs mt-1">{{ form.errors.usage_name }}</div>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Prénom <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.first_name" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.first_name" class="text-red-500 text-xs mt-1">{{ form.errors.first_name }}</div>
+                                    </div>
                                 </div>
-                                <div>
-                                    <label class="block text-sm font-medium text-anthracite mb-1">Ville</label>
-                                    <input type="text" v-model="form.city" class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5" />
-                                    <div v-if="form.errors.city" class="text-red-500 text-xs mt-1">{{ form.errors.city }}</div>
+
+                                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Date de naissance <span class="text-red-500">*</span></label>
+                                        <input type="date" v-model="form.birth_date" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.birth_date" class="text-red-500 text-xs mt-1">{{ form.errors.birth_date }}</div>
+                                    </div>
+                                    <div class="md:col-span-1">
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Lieu de naissance <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.birth_place" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.birth_place" class="text-red-500 text-xs mt-1">{{ form.errors.birth_place }}</div>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Nationalité <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.nationality" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.nationality" class="text-red-500 text-xs mt-1">{{ form.errors.nationality }}</div>
+                                    </div>
                                 </div>
                             </div>
 
-                            <div>
-                                <label class="block text-sm font-medium text-anthracite mb-1">URL LinkedIn</label>
-                                <input type="url" v-model="form.linkedin_url" placeholder="https://linkedin.com/in/..." class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5" />
-                                <div v-if="form.errors.linkedin_url" class="text-red-500 text-xs mt-1">{{ form.errors.linkedin_url }}</div>
+                            <!-- Coordonnées -->
+                            <div class="space-y-4 pt-6 border-t border-anthracite/5">
+                                <h3 class="text-lg font-bold text-anthracite/80 flex items-center gap-2">
+                                    <span class="w-8 h-8 rounded-full bg-primary text-white flex items-center justify-center text-xs font-black">2</span>
+                                    Coordonnées
+                                </h3>
+                                <div>
+                                    <label class="block text-sm font-medium text-anthracite mb-1.5">Adresse <span class="text-red-500">*</span></label>
+                                    <input type="text" v-model="form.address" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                    <div v-if="form.errors.address" class="text-red-500 text-xs mt-1">{{ form.errors.address }}</div>
+                                </div>
+                                <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Code postal <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.zip_code" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.zip_code" class="text-red-500 text-xs mt-1">{{ form.errors.zip_code }}</div>
+                                    </div>
+                                    <div class="md:col-span-2">
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Ville <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.city" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.city" class="text-red-500 text-xs mt-1">{{ form.errors.city }}</div>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Mobile <span class="text-red-500">*</span></label>
+                                        <input type="text" v-model="form.phone" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.phone" class="text-red-500 text-xs mt-1">{{ form.errors.phone }}</div>
+                                    </div>
+                                </div>
+
+                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Email <span class="text-red-500">*</span></label>
+                                        <input type="email" v-model="form.email" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.email" class="text-red-500 text-xs mt-1">{{ form.errors.email }}</div>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Confirmer Email <span class="text-red-500">*</span></label>
+                                        <input type="email" v-model="form.email_confirmation" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm" />
+                                        <div v-if="form.errors.email_confirmation" class="text-red-500 text-xs mt-1">{{ form.errors.email_confirmation }}</div>
+                                    </div>
+                                </div>
                             </div>
 
-                            <div>
-                                <label class="block text-sm font-medium text-anthracite mb-1">CV (PDF) <span class="text-red-500">*</span></label>
-                                <input type="file" @input="form.cv = $event.target.files[0]" accept=".pdf" required class="w-full text-sm text-anthracite/70 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-primary/10 file:text-primary hover:file:bg-primary/20" />
-                                <div v-if="form.errors.cv" class="text-red-500 text-xs mt-1">{{ form.errors.cv }}</div>
+                            <!-- Profil & Situation -->
+                            <div class="space-y-4 pt-6 border-t border-anthracite/5">
+                                <h3 class="text-lg font-bold text-anthracite/80 flex items-center gap-2">
+                                    <span class="w-8 h-8 rounded-full bg-primary text-white flex items-center justify-center text-xs font-black">3</span>
+                                    Profil & Situation
+                                </h3>
+                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Situation actuelle <span class="text-red-500">*</span></label>
+                                        <select v-model="form.current_situation" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm bg-white">
+                                            <option value="" disabled>Sélectionnez votre situation</option>
+                                            <option value="Titulaire">Titulaire</option>
+                                            <option value="Lauréat(e) d'un concours">Lauréat(e) d'un concours</option>
+                                            <option value="contractuel">Contractuel</option>
+                                            <option value="En recherche d'emplois">En recherche d'emplois</option>
+                                        </select>
+                                        <div v-if="form.errors.current_situation" class="text-red-500 text-xs mt-1">{{ form.errors.current_situation }}</div>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Niveau de diplôme <span class="text-red-500">*</span></label>
+                                        <select v-model="form.education_level" required class="w-full rounded-lg border-anthracite/20 focus:border-primary focus:ring-primary text-sm p-2.5 shadow-sm bg-white">
+                                            <option value="" disabled>Sélectionnez votre niveau</option>
+                                            <option value="Aucun diplome">Aucun diplome</option>
+                                            <option value="Brevet">Brevet</option>
+                                            <option value="CAP/BEP">CAP/BEP</option>
+                                            <option value="Bac">Bac</option>
+                                            <option value="Bac + 1">Bac + 1</option>
+                                            <option value="Bac + 2">Bac + 2</option>
+                                            <option value="Bac + 3">Bac + 3</option>
+                                            <option value="Bac + 4">Bac + 4</option>
+                                            <option value="Bac + 5">Bac + 5</option>
+                                            <option value="Autre">Autre</option>
+                                        </select>
+                                        <div v-if="form.errors.education_level" class="text-red-500 text-xs mt-1">{{ form.errors.education_level }}</div>
+                                    </div>
+                                </div>
+
+                                <div>
+                                    <label class="block text-sm font-medium text-anthracite mb-1.5">Permis de conduire <span class="text-red-500">*</span></label>
+                                    <div class="flex gap-4 mt-2">
+                                        <label class="inline-flex items-center">
+                                            <input type="radio" v-model="form.has_driving_license" :value="1" required class="text-primary focus:ring-primary h-4 w-4" />
+                                            <span class="ml-2 text-sm text-anthracite/80">Oui</span>
+                                        </label>
+                                        <label class="inline-flex items-center">
+                                            <input type="radio" v-model="form.has_driving_license" :value="0" required class="text-primary focus:ring-primary h-4 w-4" />
+                                            <span class="ml-2 text-sm text-anthracite/80">Non</span>
+                                        </label>
+                                    </div>
+                                    <div v-if="form.errors.has_driving_license" class="text-red-500 text-xs mt-1">{{ form.errors.has_driving_license }}</div>
+                                </div>
                             </div>
 
-                            <div>
-                                <label class="block text-sm font-medium text-anthracite mb-1">Lettre de motivation (PDF)</label>
-                                <input type="file" @input="form.cover_letter = $event.target.files[0]" accept=".pdf" class="w-full text-sm text-anthracite/70 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-primary/10 file:text-primary hover:file:bg-primary/20" />
-                                <div v-if="form.errors.cover_letter" class="text-red-500 text-xs mt-1">{{ form.errors.cover_letter }}</div>
+                            <!-- Documents -->
+                            <div class="space-y-4 pt-6 border-t border-anthracite/5">
+                                <h3 class="text-lg font-bold text-anthracite/80 flex items-center gap-2">
+                                    <span class="w-8 h-8 rounded-full bg-primary text-white flex items-center justify-center text-xs font-black">4</span>
+                                    Documents
+                                </h3>
+                                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">CV (PDF) <span class="text-red-500">*</span></label>
+                                        <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-anthracite/10 border-dashed rounded-xl hover:border-primary/30 transition-colors bg-white">
+                                            <div class="space-y-1 text-center">
+                                                <svg class="mx-auto h-10 w-10 text-anthracite/20" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
+                                                    <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                                                </svg>
+                                                <div class="flex text-sm text-anthracite/60">
+                                                    <label class="relative cursor-pointer rounded-md font-bold text-primary hover:text-primary-dark">
+                                                        <span>Choisir un fichier</span>
+                                                        <input type="file" @input="form.cv = $event.target.files[0]" accept=".pdf" required class="sr-only" />
+                                                    </label>
+                                                </div>
+                                                <p class="text-xs text-anthracite/40">PDF uniquement, Max 5 Mo</p>
+                                                <p v-if="form.cv" class="text-xs text-success font-bold mt-2">✓ {{ form.cv.name }}</p>
+                                            </div>
+                                        </div>
+                                        <div v-if="form.errors.cv" class="text-red-500 text-xs mt-1">{{ form.errors.cv }}</div>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-anthracite mb-1.5">Lettre de motivation (PDF)</label>
+                                        <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-anthracite/10 border-dashed rounded-xl hover:border-primary/30 transition-colors bg-white">
+                                            <div class="space-y-1 text-center">
+                                                <svg class="mx-auto h-10 w-10 text-anthracite/20" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
+                                                    <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                                                </svg>
+                                                <div class="flex text-sm text-anthracite/60">
+                                                    <label class="relative cursor-pointer rounded-md font-bold text-primary hover:text-primary-dark">
+                                                        <span>Choisir un fichier</span>
+                                                        <input type="file" @input="form.cover_letter = $event.target.files[0]" accept=".pdf" class="sr-only" />
+                                                    </label>
+                                                </div>
+                                                <p class="text-xs text-anthracite/40">PDF uniquement, Max 5 Mo</p>
+                                                <p v-if="form.cover_letter" class="text-xs text-success font-bold mt-2">✓ {{ form.cover_letter.name }}</p>
+                                            </div>
+                                        </div>
+                                        <div v-if="form.errors.cover_letter" class="text-red-500 text-xs mt-1">{{ form.errors.cover_letter }}</div>
+                                    </div>
+                                </div>
                             </div>
 
-                            <button type="submit" :disabled="form.processing" class="w-full mt-6 py-3 px-4 bg-highlight text-[#3a2800] rounded-xl font-bold font-subtitle uppercase tracking-wider text-sm hover:brightness-110 shadow-lg shadow-highlight/30 transition-all disabled:opacity-50 flex justify-center items-center">
-                                <span v-if="form.processing">Envoi en cours...</span>
-                                <span v-else>Postuler maintenant</span>
-                            </button>
+                            <!-- Validation -->
+                            <div class="space-y-4 pt-6 border-t border-anthracite/10">
+                                <div class="flex items-start bg-white p-4 rounded-xl border border-anthracite/10">
+                                    <div class="flex items-center h-5">
+                                        <input type="checkbox" v-model="form.privacy_policy" required class="h-5 w-5 text-primary border-anthracite/20 rounded focus:ring-primary cursor-pointer" />
+                                    </div>
+                                    <div class="ml-4 text-xs leading-relaxed text-anthracite/70">
+                                        <label class="cursor-pointer font-semibold">
+                                            En soumettant ce formulaire, j'accepte que les informations saisies dans cet espace soient utilisées pour permettre de me recontacter. J'affirme avoir pris connaissance de notre <Link :href="route('privacy-policy')" target="_blank" class="text-primary hover:underline">politique de confidentialité</Link>. <span class="text-red-500">*</span>
+                                        </label>
+                                    </div>
+                                </div>
+                                <div v-if="form.errors.privacy_policy" class="text-red-500 text-xs mt-1">{{ form.errors.privacy_policy }}</div>
+
+                                <button type="submit" :disabled="form.processing" class="w-full py-4 px-6 bg-highlight text-[#3a2800] rounded-xl font-bold font-subtitle uppercase tracking-widest text-base hover:brightness-105 shadow-xl shadow-highlight/20 transition-all disabled:opacity-50 flex justify-center items-center gap-3">
+                                    <svg v-if="form.processing" class="animate-spin h-5 w-5 text-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
+                                    <span v-if="form.processing">Traitement de votre candidature...</span>
+                                    <span v-else>Soumettre ma candidature</span>
+                                </button>
+                            </div>
                         </form>
                     </div>
                 </div>
diff --git a/resources/js/Pages/Public/PrivacyPolicy.vue b/resources/js/Pages/Public/PrivacyPolicy.vue
new file mode 100644
index 0000000..9b2cbd5
--- /dev/null
+++ b/resources/js/Pages/Public/PrivacyPolicy.vue
@@ -0,0 +1,184 @@
+<script setup>
+import { Head, Link } from '@inertiajs/vue3';
+</script>
+
+<template>
+    <Head title="Politique de Confidentialité" />
+
+    <div class="min-h-screen bg-sand/30 font-sans text-anthracite selection:bg-highlight selection:text-anthracite">
+        <!-- Navigation -->
+        <nav class="relative z-50 flex items-center justify-between px-6 py-8 md:px-12 max-w-7xl mx-auto">
+            <Link href="/" class="flex items-center gap-3 group">
+                <img src="/images/logo.png" alt="Logo" class="h-12 object-contain group-hover:scale-105 transition-transform duration-300" />
+            </Link>
+            
+            <div class="flex items-center gap-4">
+                <Link :href="route('login')" class="px-8 py-3 bg-highlight text-[#3a2800] rounded-lg font-subtitle font-bold text-sm hover:brightness-110 hover:-translate-y-0.5 hover:shadow-xl hover:shadow-highlight/20 transition-all duration-300">
+                    Connexion
+                </Link>
+            </div>
+        </nav>
+
+        <main class="max-w-4xl mx-auto py-16 px-6">
+            <div class="bg-white rounded-[40px] shadow-sm border border-anthracite/5 p-8 md:p-16">
+                <h1 class="text-4xl md:text-5xl font-serif font-black text-primary mb-8 tracking-tight">
+                    Politique de Confidentialité <br/>
+                    <span class="text-highlight text-2xl md:text-3xl">& Mentions Légales</span>
+                </h1>
+
+                <div class="prose prose-slate max-w-none space-y-12 text-anthracite/80 leading-relaxed">
+                    
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">Définitions</h2>
+                        <div class="space-y-4 text-sm font-medium">
+                            <p><strong class="text-primary">Utilisateur :</strong> Tout internaute qui navigue, lit, visionne et utilise le site https://recruit.galiniere.net.</p>
+                            <p><strong class="text-primary">Contenu :</strong> Ensemble des éléments constituants l’information présente sur le Site (textes, images, vidéos).</p>
+                            <p><strong class="text-primary">Informations personnelles :</strong> « Les informations qui permettent, sous quelque forme que ce soit, directement ou non, l'identification des personnes physiques auxquelles elles s'appliquent » (article 4 de la loi n° 78-17 du 6 janvier 1978). Cela inclut : nom, prénom, date de naissance, téléphone, email, CV et lettre de motivation.</p>
+                        </div>
+                    </section>
+
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-6 border-b border-highlight/30 pb-2 w-fit">1. Présentation du site internet</h2>
+                        <p class="text-sm mb-4">En vertu de l'article 6 de la loi n° 2004-575 du 21 juin 2004, l'identité des intervenants est précisée :</p>
+                        <div class="grid md:grid-cols-2 gap-4">
+                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
+                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Propriétaire</span>
+                                <p class="text-sm font-bold">Communauté d'agglomération Béziers Méditerranée (CABM)</p>
+                                <p class="text-xs text-anthracite/60">39 boulevard de Verdun, 34500 Béziers</p>
+                            </div>
+                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
+                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Hébergeur</span>
+                                <p class="text-sm font-bold">Communauté d'agglomération Béziers Méditerranée</p>
+                                <p class="text-xs text-anthracite/60">39 boulevard de Verdun, 34500 Béziers</p>
+                            </div>
+                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
+                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Responsable Publication & Webmaster</span>
+                                <p class="text-sm font-bold">Robert Ménard</p>
+                                <p class="text-xs text-primary font-bold">informatique@beziers-mediterranee.fr</p>
+                            </div>
+                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
+                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Délégué à la protection des données (DPO)</span>
+                                <p class="text-sm font-bold">Robert Ménard</p>
+                                <p class="text-xs text-primary font-bold">dpo@beziers-mediterranee.fr</p>
+                            </div>
+                        </div>
+                    </section>
+
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">2. Conditions générales d’utilisation (CGU)</h2>
+                        <div class="space-y-4 text-sm font-medium">
+                            <p>Le Site est une œuvre de l’esprit protégée par le Code de la Propriété Intellectuelle. L’utilisation du site implique l’acceptation pleine et entière des conditions d’utilisation.</p>
+                            <p>Le site est normalement accessible à tout moment. Une interruption pour maintenance technique peut être décidée par la CABM, qui s’efforcera de communiquer préalablement les dates et heures de l’intervention.</p>
+                        </div>
+                    </section>
+
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">3. Description des services fournis</h2>
+                        <div class="space-y-4 text-sm font-medium">
+                            <p>Le site https://recruit.galiniere.net a pour objet de fournir une information concernant les offres d’emploi diffusées par la CABM. En tant que responsable, la CABM s’efforce de fournir des informations précises, mais ne pourra être tenue responsable des omissions ou inexactitudes dans la mise à jour, qu'elles soient de son fait ou du fait de tiers partenaires.</p>
+                        </div>
+                    </section>
+
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">4. Limitations contractuelles sur les données techniques</h2>
+                        <div class="space-y-4 text-sm font-medium">
+                            <p>Le site utilise la technologie JavaScript. La CABM ne pourra être tenue responsable de dommages matériels liés à l’utilisation du site. L’utilisateur s’engage à accéder au site avec un matériel récent, sans virus et avec un navigateur de dernière génération mis à jour. L'hébergement est assuré sur le territoire de l’Union Européenne conformément au RGPD.</p>
+                        </div>
+                    </section>
+
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">5. Propriété intellectuelle</h2>
+                        <div class="space-y-4 text-sm font-medium">
+                            <p>La CABM est propriétaire des droits de propriété intellectuelle sur tous les éléments du site (textes, graphismes, logos, etc.). Toute reproduction ou adaptation est interdite sans autorisation écrite préalable. Toute exploitation non autorisée sera considérée comme une contrefaçon (articles L.335-2 et suivants du Code de Propriété Intellectuelle).</p>
+                        </div>
+                    </section>
+
+                    <section class="bg-primary p-8 md:p-12 rounded-[32px] text-white">
+                        <h2 class="text-xl font-black uppercase tracking-widest text-highlight mb-6 border-b border-white/20 pb-2 w-fit">6. Gestion des données personnelles</h2>
+                        <div class="space-y-8 text-sm opacity-90 leading-relaxed">
+                            <div>
+                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.1 Responsable de la collecte</h3>
+                                <p>Le responsable du traitement des Données Personnelles est la Communauté d'agglomération Béziers Méditerranée (CABM), représentée par Robert Ménard.</p>
+                            </div>
+
+                            <div>
+                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.2 Finalité des données collectées</h3>
+                                <p class="mb-4">Le site est susceptible de traiter les données pour :</p>
+                                <ul class="list-disc list-inside space-y-2 ml-2">
+                                    <li>Permettre la navigation et la gestion des candidatures (dépôt de CV, lettres de motivation).</li>
+                                    <li>Prévenir et lutter contre la fraude informatique (hacking, spamming).</li>
+                                    <li>Améliorer la navigation et mener des enquêtes de satisfaction facultatives.</li>
+                                    <li>Mener des campagnes de communication (mail, SMS, téléphone) liées au recrutement.</li>
+                                </ul>
+                                <p class="mt-4 font-black text-highlight italic">Note : Vos données ne sont jamais commercialisées.</p>
+                            </div>
+
+                            <div>
+                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.3 Droits des utilisateurs</h3>
+                                <p class="mb-4">Conformément au RGPD, les utilisateurs disposent des droits suivants :</p>
+                                <ul class="list-disc list-inside space-y-2 ml-2">
+                                    <li>Droit d’accès, de rectification, de mise à jour et d'effacement des données.</li>
+                                    <li>Droit de retirer un consentement à tout moment.</li>
+                                    <li>Droit à la limitation et à l’opposition du traitement.</li>
+                                    <li>Droit à la portabilité des données fournies.</li>
+                                </ul>
+                                <div class="mt-6 bg-white/10 p-5 rounded-2xl border border-white/10">
+                                    <p class="font-black mb-2">Pour exercer ces droits, vous pouvez contacter :</p>
+                                    <p>CABM – DPO, Robert Ménard</p>
+                                    <p>39 Boulevard de Verdun, 34500 Béziers</p>
+                                    <p class="font-black mt-2">Email : dpo@beziers-mediterranee.fr</p>
+                                </div>
+                                <p class="mt-6">L’utilisateur peut également supprimer son compte candidat à tout moment via le bouton dédié dans son espace personnel. En cas de litige, une réclamation peut être déposée auprès de la CNIL.</p>
+                            </div>
+
+                            <div>
+                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.4 Non-communication des données personnelles</h3>
+                                <p>La CABM s’interdit de transférer les informations de ses utilisateurs en dehors de l’Union Européenne sans information préalable. Les données sont accessibles uniquement par les services internes de la CABM dédiés à la gestion des offres d’emploi et ses sous-traitants techniques.</p>
+                            </div>
+                        </div>
+                    </section>
+
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">8. Notification d’incident et Sécurité</h2>
+                        <div class="space-y-4 text-sm font-medium">
+                            <p>Aucune méthode de transmission sur Internet n'est sûre à 100 %. En cas de brèche de sécurité, nous avertirons les utilisateurs concernés.</p>
+                            <p>Pour assurer la confidentialité, nous utilisons des dispositifs standards :</p>
+                            <ul class="list-disc list-inside space-y-2 ml-2">
+                                <li>Pare-feu (Firewall).</li>
+                                <li>Pseudonymisation et chiffrement (Encryption).</li>
+                                <li>Accès sécurisés par mots de passe.</li>
+                            </ul>
+                        </div>
+                    </section>
+
+                    <section>
+                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">9. Droit applicable et juridiction</h2>
+                        <div class="space-y-4 text-sm font-medium">
+                            <p>Tout litige en relation avec l’utilisation du site https://recruit.galiniere.net est soumis au droit français. Il est fait attribution exclusive de juridiction aux tribunaux compétents de Béziers.</p>
+                        </div>
+                    </section>
+
+                </div>
+            </div>
+            
+            <div class="mt-12 text-center">
+                <Link href="/" class="inline-flex items-center gap-2 text-xs font-black uppercase tracking-widest text-primary hover:text-highlight transition-all">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
+                    Retour à l'accueil
+                </Link>
+            </div>
+        </main>
+
+        <footer class="py-12 border-t border-anthracite/5 text-center">
+            <p class="text-[10px] font-black uppercase tracking-[0.2em] text-anthracite/30">
+                &copy; {{ new Date().getFullYear() }} — Communauté d'Agglomération Béziers Méditerranée
+            </p>
+        </footer>
+    </div>
+</template>
+
+<style scoped>
+.prose h2 {
+    margin-top: 0;
+}
+</style>
diff --git a/resources/js/Pages/Welcome.vue b/resources/js/Pages/Welcome.vue
index 5a8f2a2..de87507 100644
--- a/resources/js/Pages/Welcome.vue
+++ b/resources/js/Pages/Welcome.vue
@@ -147,7 +147,10 @@ defineProps({
                     <div v-for="job in latestJobs" :key="job.id" class="relative bg-white rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 overflow-hidden border border-anthracite/10 group flex flex-col">
                         <div class="p-8 flex-1">
                             <div class="flex items-center justify-between mb-4">
-                                <span class="px-3 py-1 bg-highlight/10 text-highlight rounded-full text-[10px] font-black uppercase tracking-widest border border-highlight/20">Nouveau</span>
+                                <span v-if="job.expires_at" class="px-3 py-1 bg-accent/10 text-accent rounded-full text-[10px] font-black uppercase tracking-widest border border-accent/20">
+                                    Fin le {{ new Date(job.expires_at).toLocaleDateString('fr-FR') }}
+                                </span>
+                                <span v-else class="px-3 py-1 bg-highlight/10 text-highlight rounded-full text-[10px] font-black uppercase tracking-widest border border-highlight/20">Nouveau</span>
                                 <span class="text-xs text-anthracite/50 font-bold" v-if="job.tenant">{{ job.tenant.name }}</span>
                             </div>
                             <h3 class="text-xl font-serif font-black text-primary mb-3 line-clamp-2 group-hover:text-highlight transition-colors">{{ job.title }}</h3>
@@ -224,6 +227,11 @@ defineProps({
             <p class="text-primary font-subtitle font-bold text-xs uppercase tracking-[0.1em]">
                 &copy; {{ new Date().getFullYear() }} — Communauté d'Agglomération Béziers Méditerranée — Tous droits réservés
             </p>
+            <div class="mt-4">
+                <Link :href="route('privacy-policy')" class="text-[10px] font-black uppercase tracking-widest text-primary/40 hover:text-primary transition-colors">
+                    Politique de confidentialité & Mentions Légales
+                </Link>
+            </div>
         </footer>
     </div>
 </template>
diff --git a/routes/web.php b/routes/web.php
index a5fdcb6..d7391d9 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -6,16 +6,28 @@ use Illuminate\Support\Facades\Route;
 use Inertia\Inertia;
 
 Route::get('/', function () {
-    $latestJobs = \App\Models\JobPosition::with('tenant')->orderBy('created_at', 'desc')->take(3)->get()->map(function($job) {
-        $job->description = strip_tags(\Illuminate\Support\Str::markdown($job->description));
-        return $job;
-    });
+    $latestJobs = \App\Models\JobPosition::with('tenant')
+        ->where(function($q) {
+            $q->whereNull('expires_at')
+              ->orWhere('expires_at', '>=', now());
+        })
+        ->orderBy('created_at', 'desc')
+        ->take(3)
+        ->get()
+        ->map(function($job) {
+            $job->description = strip_tags(\Illuminate\Support\Str::markdown($job->description));
+            return $job;
+        });
     return Inertia::render('Welcome', [
         'canLogin' => Route::has('login'),
         'latestJobs' => $latestJobs,
     ]);
 });
 
+Route::get('/politique-de-confidentialite', function () {
+    return Inertia::render('Public/PrivacyPolicy');
+})->name('privacy-policy');
+
 use App\Models\Candidate;
 use App\Models\Attempt;
 
@@ -25,27 +37,38 @@ Route::get('/dashboard', function () {
     $topCandidates = [];
 
     if (auth()->user()->isAdmin()) {
+        $user = auth()->user();
+        $isHR = $user->role === 'gestionnaire_rh';
+        
         $allCandidates = Candidate::with(['attempts'])->get();
         $stats = [
             'total_candidates' => Candidate::count(),
-            'selected_candidates' => Candidate::where('is_selected', true)->count(),
-            'finished_tests' => Attempt::whereNotNull('finished_at')->count(),
-            'average_score' => round($allCandidates->avg('weighted_score') ?? 0, 1),
-            'best_score' => round($allCandidates->max('weighted_score') ?? 0, 1),
         ];
 
-        $topCandidates = Candidate::with(['user', 'attempts'])
-            ->get()
-            ->sortByDesc('weighted_score')
-            ->take(10)
-            ->map(function($candidate) {
+        if (!$isHR) {
+            $stats['selected_candidates'] = Candidate::where('is_selected', true)->count();
+            $stats['finished_tests'] = Attempt::whereNotNull('finished_at')->count();
+            $stats['average_score'] = round($allCandidates->avg('weighted_score') ?? 0, 1);
+            $stats['best_score'] = round($allCandidates->max('weighted_score') ?? 0, 1);
+        }
+
+        $query = Candidate::with(['user', 'attempts']);
+        
+        if ($isHR) {
+            // For HR, just show latest candidates, no specific "Top" ranking
+            $candidates = $query->latest()->take(10)->get();
+        } else {
+            $candidates = $query->get()->sortByDesc('weighted_score')->take(10);
+        }
+
+        $topCandidates = $candidates->map(function($candidate) use ($isHR) {
                 return [
                     'id' => $candidate->id,
                     'name' => $candidate->user->name,
                     'email' => $candidate->user->email,
                     'status' => $candidate->status,
-                    'weighted_score' => $candidate->weighted_score,
-                    'ai_analysis' => $candidate->ai_analysis
+                    'weighted_score' => $isHR ? null : $candidate->weighted_score,
+                    'ai_analysis' => $isHR ? null : $candidate->ai_analysis
                 ];
             })
             ->values()
@@ -88,7 +111,7 @@ Route::middleware('auth')->group(function () {
 
     // Admin Routes
     Route::middleware('admin')->prefix('admin')->name('admin.')->group(function () {
-        Route::get('/comparative', [\App\Http\Controllers\CandidateController::class, 'comparative'])->name('comparative');
+        Route::get('/comparative', [\App\Http\Controllers\CandidateController::class, 'comparative'])->middleware('restrict_hr')->name('comparative');
         Route::get('/candidates/selected', [\App\Http\Controllers\CandidateController::class, 'selectedCandidates'])->name('candidates.selected');
         Route::get('/candidates/map', [\App\Http\Controllers\CandidateController::class, 'map'])->name('candidates.map');
         Route::post('/candidates/update-order', [\App\Http\Controllers\CandidateController::class, 'updateOrder'])->name('candidates.update-order');
@@ -98,19 +121,19 @@ Route::middleware('auth')->group(function () {
         Route::patch('/candidates/{candidate}/position', [\App\Http\Controllers\CandidateController::class, 'updatePosition'])->name('candidates.update-position');
         Route::patch('/candidates/{candidate}/tenant', [\App\Http\Controllers\CandidateController::class, 'updateTenant'])->name('candidates.update-tenant');
         Route::patch('/candidates/{candidate}/toggle-selection', [\App\Http\Controllers\CandidateController::class, 'toggleSelection'])->name('candidates.toggle-selection');
-        Route::post('/candidates/{candidate}/analyze', [\App\Http\Controllers\AIAnalysisController::class, 'analyze'])->name('candidates.analyze');
+        Route::post('/candidates/{candidate}/analyze', [\App\Http\Controllers\AIAnalysisController::class, 'analyze'])->middleware('restrict_hr')->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::get('/candidates/{candidate}/export-dossier', [\App\Http\Controllers\Admin\CandidateExportController::class, 'exportDossier'])->name('candidates.export-dossier');
         Route::get('/candidates/{candidate}/export-zip', [\App\Http\Controllers\Admin\CandidateExportController::class, 'exportZip'])->name('candidates.export-zip');
 
-        Route::resource('quizzes', \App\Http\Controllers\QuizController::class)->only(['index', 'store', 'show', 'update', 'destroy']);
+        Route::resource('quizzes', \App\Http\Controllers\QuizController::class)->middleware('restrict_hr')->only(['index', 'store', 'show', 'update', 'destroy']);
         Route::resource('job-positions', \App\Http\Controllers\JobPositionController::class)->only(['index', 'store', 'update', 'destroy']);
         Route::post('/job-positions/ai-fpt', [\App\Http\Controllers\Admin\JobPositionAiHelperController::class, 'generate'])->name('job-positions.ai-fpt');
-        Route::resource('quizzes.questions', \App\Http\Controllers\QuestionController::class)->only(['store', 'update', 'destroy']);
+        Route::resource('quizzes.questions', \App\Http\Controllers\QuestionController::class)->middleware('restrict_hr')->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::resource('users', \App\Http\Controllers\UserController::class)->middleware('restrict_hr')->except(['show', 'create', 'edit']);
+        Route::post('/users/{user}/reset-password', [\App\Http\Controllers\UserController::class, 'resetPassword'])->middleware('restrict_hr')->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');