UI altered

Author: Parani2002

database/migrations/2025_02_27_034327_create_students_table.php

@@ -20,7 +20,7 @@ public function up(): void
             $table->string('email')->unique();
             $table->string('phone');
             $table->string('course');
-            $table->softDeletes();
+            $table->softDeletes('deleted_at', precision: 0);
 
             $table->timestamps();
         });

resources/views/livewire/students/students.blade.php

@@ -1,5 +1,5 @@
-<div class="overflow-x-auto flex flex-col justify-space relative">
-    <button class=" absolute top-5 right-5 ">
+<div class="overflow-x-auto flex flex-col space-y-4 p-8">
+    <button class=" flex justify-end ">
         <a href="{{ route('students.create') }}" class="py-2 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:bg-blue-700">
             Add Student
         </a>
@@ -16,14 +16,14 @@
       </thead>
       <tbody class="bg-white divide-y divide-gray-200 dark:bg-gray-900 dark:divide-gray-700">
           @foreach($students as $student)
-              <tr class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-all">
+              <tr wire.id = "{{$student -> id}}" class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-all">
                   <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-200">{{$student->firstname}}</td>
                   <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-200">{{$student->lastname}}</td>
 
                   <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 dark:text-gray-200">{{$student->age}}</td>
                   <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-800 dark:text-gray-200">{{$student->address}}</td>
                   <td class="px-6 py-4 whitespace-nowrap text-end text-sm font-medium">
-                      <button type="button" class="py-2 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-red-600 text-white hover:bg-red-700 focus:outline-none focus:bg-red-700 disabled:opacity-50 disabled:pointer-events-none" wire:click="deleteStudent({{ $student->id }})">
+                      <button type="button" class="py-2 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg bg-red-600 text-white hover:bg-red-700 focus:outline-none focus:bg-red-700 disabled:opacity-50 disabled:pointer-events-none" wire:click="deleteStudent({{ $student->id }})" wire.confirm="Are you sure you want to delete this student?">
                           Delete
                       </button>
                   </td>