diff --git a/laravel/app/Http/Controllers/LevelController.php b/laravel/app/Http/Controllers/LevelController.php
index 0dc639f..0ab9c31 100644
--- a/laravel/app/Http/Controllers/LevelController.php
+++ b/laravel/app/Http/Controllers/LevelController.php
@@ -11,11 +11,7 @@ class LevelController extends Controller
     /**
      * Display a listing of the resource.
      */
-    public function index()
-    {
-        $level = Level::all();
-        return view('index', compact('level'));
-    }
+    public function index() {}
 
     /**
      * Show the form for creating a new resource.
diff --git a/laravel/app/Http/Controllers/TaskController.php b/laravel/app/Http/Controllers/TaskController.php
index 324d207..595f718 100644
--- a/laravel/app/Http/Controllers/TaskController.php
+++ b/laravel/app/Http/Controllers/TaskController.php
@@ -5,6 +5,7 @@ namespace App\Http\Controllers;
 use App\Http\Requests\StoreTaskRequest;
 use App\Http\Requests\UpdateTaskRequest;
 use App\Models\Task;
+use App\Models\Level;
 
 class TaskController extends Controller
 {
@@ -14,7 +15,8 @@ class TaskController extends Controller
     public function index()
     {
         $tasks = Task::with('level')->get();
-        return view('index', compact('tasks'));
+        $levels = Level::pluck('name');
+        return view('index', compact('tasks', 'levels'));
     }
 
     /**
diff --git a/laravel/resources/views/index.blade.php b/laravel/resources/views/index.blade.php
index e1516ac..76a1255 100644
--- a/laravel/resources/views/index.blade.php
+++ b/laravel/resources/views/index.blade.php
@@ -2,15 +2,18 @@
 <html lang="fr">
 <head>
     <meta charset="UTF-8">
-    <title>Tasks !</title> 
-    <style>
-        .termine { color: green; font-weight: bold; }
-        .encours { color: red; font-weight: bold; }
-    </style>
-    {{-- <link rel="stylesheet" href="https://cdn.datatables.net/2.3.2/css/dataTables.dataTables.min.css"> --}}
+    <title>Tasks !</title>
+    <link rel="stylesheet" href="{{ asset('styles.css') }}">
 </head>
 <body>
     <div id="contenu">
+        <label for="priority-filter">Filtrer par priorité :</label>
+        <select id="priority-filter">
+            <option value="">Toutes</option>
+            @foreach($levels as $level)
+                <option value="{{ $level }}">{{ $level }}</option>
+            @endforeach
+        </select>
         <table id="tasks">
             <thead>
                 <tr>
@@ -38,10 +41,19 @@
             </tbody>
         </table>
     </div>
-    {{-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    <script src="https://cdn.datatables.net/2.3.2/js/dataTables.min.js"></script>
     <script>
-    new DataTable("#tasks")
-    </script> --}}
+    document.getElementById('priority-filter').addEventListener('change', function() {
+        let filter = this.value;
+        let rows = document.querySelectorAll('#tasks tbody tr');
+        rows.forEach(row => {
+            let priority = row.children[0].textContent;
+            if (!filter || priority === filter) {
+                row.style.display = '';
+            } else {
+                row.style.display = 'none';
+            }
+        });
+    });
+    </script>
 </body>
 </html>
\ No newline at end of file
