diff --git a/app/Http/Controllers/SashaAuthController.php b/app/Http/Controllers/SashaAuthController.php
index e7e359e..c95218c 100644
--- a/app/Http/Controllers/SashaAuthController.php
+++ b/app/Http/Controllers/SashaAuthController.php
@@ -77,14 +77,18 @@ public function handleCallback(Request $request)
         ]);
 
         $userResponse = Http::withToken($accessToken)->get(config('services.sasha.main_url') . '/api/me')->json();
+
+        // if (!$userResponse->successful()) {
+        //     return redirect('/error')->withErrors('No se pudo autenticar con SASHA.');
+        // }
         $sashaUser = $userResponse['data'];
 
         $user = User::updateOrCreate([
-            'id' => $sashaUser['uuid'],
+            'uuid' => $sashaUser['uuid'],
         ], [
-            'id'                => $sashaUser['uuid'],
             'name'              => $sashaUser["name"],
             'last_name'         => $sashaUser["last_name"],
+            'uuid'              => $sashaUser['uuid'],
             'email'             => $sashaUser['email'],
             'grade'             => $sashaUser['grade'],
             'fingerprint'       => $sashaUser['fingerprint'],
@@ -101,6 +105,6 @@ public function handleCallback(Request $request)
 
         Log::info(Auth::user());
 
-        return redirect('/');
+        return redirect(route($sashaUser["type"] . '.home'));
     }
 }
diff --git a/app/Http/Middleware/CoordinatorCheck.php b/app/Http/Middleware/CoordinatorCheck.php
new file mode 100644
index 0000000..54e17bf
--- /dev/null
+++ b/app/Http/Middleware/CoordinatorCheck.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Gate;
+use Symfony\Component\HttpFoundation\Response;
+
+class CoordinatorCheck
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if (! Gate::allows('student')) {
+            return abort(403);
+        }
+
+        return $next($request);
+    }
+}
diff --git a/app/Http/Middleware/DeveloperCheck.php b/app/Http/Middleware/DeveloperCheck.php
new file mode 100644
index 0000000..f9c2315
--- /dev/null
+++ b/app/Http/Middleware/DeveloperCheck.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Gate;
+use Symfony\Component\HttpFoundation\Response;
+
+class DeveloperCheck
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if (! Gate::allows('developer')) {
+            return abort(403);
+        }
+
+        return $next($request);
+    }
+}
diff --git a/app/Http/Middleware/StudentCheck.php b/app/Http/Middleware/StudentCheck.php
new file mode 100644
index 0000000..e6cc763
--- /dev/null
+++ b/app/Http/Middleware/StudentCheck.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Gate;
+use Symfony\Component\HttpFoundation\Response;
+
+class StudentCheck
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if (! Gate::allows('student')) {
+            return abort(403);
+        }
+
+        return $next($request);
+    }
+}
diff --git a/app/Http/Middleware/TeacherCheck.php b/app/Http/Middleware/TeacherCheck.php
new file mode 100644
index 0000000..3f24f2d
--- /dev/null
+++ b/app/Http/Middleware/TeacherCheck.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Gate;
+use Symfony\Component\HttpFoundation\Response;
+
+class TeacherCheck
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if (Gate::allows('teacher') || Gate::allows('coordinator')) {
+            return $next($request);
+        }
+        return abort(403);
+    }
+}
diff --git a/app/Livewire/Students/Chat.php b/app/Livewire/Students/Chat.php
new file mode 100644
index 0000000..b74132e
--- /dev/null
+++ b/app/Livewire/Students/Chat.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Livewire\Students;
+
+use Livewire\Attributes\Layout;
+use Livewire\Component;
+
+#[Layout('templates.students')]
+class Chat extends Component
+{
+    public $chatId = 1;
+    public function render()
+    {
+        return view('students.chat');
+    }
+
+    public function toggleChat(int $id)
+    {
+        if ($this->chatId === $id) {
+            return $this->chatId = null;
+        }
+        return $this->chatId = $id;
+    }
+}
diff --git a/app/Livewire/Students/Main.php b/app/Livewire/Students/Main.php
new file mode 100644
index 0000000..6bae11b
--- /dev/null
+++ b/app/Livewire/Students/Main.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Livewire\Students;
+
+use Livewire\Attributes\Layout;
+use Livewire\Component;
+
+
+
+#[Layout('templates.students')]
+class Main extends Component
+{
+    public function render()
+    {
+        return view('students.main');
+    }
+}
diff --git a/app/Livewire/Teacher/Main.php b/app/Livewire/Teacher/Main.php
new file mode 100644
index 0000000..8268313
--- /dev/null
+++ b/app/Livewire/Teacher/Main.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Livewire\Teacher;
+
+use Illuminate\Support\Facades\Gate;
+use Livewire\Attributes\Layout;
+use Livewire\Component;
+
+#[Layout('templates.teachers')]
+class Main extends Component
+{
+    public function render()
+    {
+        return view('teachers.main');
+    }
+}
diff --git a/app/Livewire/Website/Home.php b/app/Livewire/Website/Home.php
new file mode 100644
index 0000000..035b0d3
--- /dev/null
+++ b/app/Livewire/Website/Home.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Livewire\Website;
+
+use Livewire\Attributes\Layout;
+use Livewire\Component;
+
+#[Layout('templates.general')]
+class Home extends Component
+{
+    public $showModal = false;
+
+    public function render()
+    {
+        return view('landig-page');
+    }
+
+    public function toggleModal()
+    {
+        $this->showModal = !$this->showModal;
+    }
+}
diff --git a/app/Models/Newness.php b/app/Models/Newness.php
index 6c1445c..7b93ace 100644
--- a/app/Models/Newness.php
+++ b/app/Models/Newness.php
@@ -13,6 +13,6 @@ class Newness extends Model
 
     public function user(): BelongsTo
     {
-        return $this->belongsTo(User::class);
+        return $this->belongsTo(User::class, 'user_uuid');
     }
 }
diff --git a/app/Models/User.php b/app/Models/User.php
index f535545..d3fb572 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -4,7 +4,7 @@
 
 // use Illuminate\Contracts\Auth\MustVerifyEmail;
 
-use Illuminate\Database\Eloquent\Concerns\HasUuids;
+use App\Enums\UserRol;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Foundation\Auth\User as Authenticatable;
@@ -15,7 +15,7 @@
 class User extends Authenticatable
 {
     /** @use HasFactory<\Database\Factories\UserFactory> */
-    use HasFactory, Notifiable, TwoFactorAuthenticatable, HasUuids;
+    use HasFactory, Notifiable, TwoFactorAuthenticatable;
 
     /**
      * The attributes that are mass assignable.
@@ -23,7 +23,6 @@ class User extends Authenticatable
      * @var list<string>
      */
     protected $fillable = [
-        'id',
         'name',
         'last_name',
         'email',
@@ -38,9 +37,6 @@ class User extends Authenticatable
         'rol'
     ];
 
-    public $incrementing = false;
-    protected $keyType = 'string';
-
     /**
      * The attributes that should be hidden for serialization.
      *
@@ -61,6 +57,7 @@ protected function casts(): array
         return [
             'email_verified_at' => 'datetime',
             'password' => 'hashed',
+            'rol' => UserRol::class,
         ];
     }
 
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 452e6b6..732b87c 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -2,6 +2,10 @@
 
 namespace App\Providers;
 
+use App\Enums\UserRol;
+use App\Models\User;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Support\Facades\Log;
 use Illuminate\Support\ServiceProvider;
 
 class AppServiceProvider extends ServiceProvider
@@ -19,6 +23,21 @@ public function register(): void
      */
     public function boot(): void
     {
-        //
+
+        Gate::define('student', function (User $user) {
+            return $user->rol == UserRol::Student;
+        });
+
+        Gate::define('teacher', function (User $user) {
+            return $user->rol == UserRol::Teacher;
+        });
+
+        Gate::define('coordinator', function (User $user) {
+            return $user->rol == UserRol::Coordinator;
+        });
+
+        Gate::define('developer', function (User $user) {
+            return $user->rol == UserRol::Developer;
+        });
     }
 }
diff --git a/bootstrap/app.php b/bootstrap/app.php
index 7b162da..7a61e80 100644
--- a/bootstrap/app.php
+++ b/bootstrap/app.php
@@ -1,17 +1,26 @@
 <?php
 
+use App\Http\Middleware\CoordinatorCheck;
+use App\Http\Middleware\DeveloperCheck;
+use App\Http\Middleware\StudentCheck;
+use App\Http\Middleware\TeacherCheck;
 use Illuminate\Foundation\Application;
 use Illuminate\Foundation\Configuration\Exceptions;
 use Illuminate\Foundation\Configuration\Middleware;
 
 return Application::configure(basePath: dirname(__DIR__))
     ->withRouting(
-        web: __DIR__.'/../routes/web.php',
-        commands: __DIR__.'/../routes/console.php',
+        web: __DIR__ . '/../routes/web.php',
+        commands: __DIR__ . '/../routes/console.php',
         health: '/up',
     )
     ->withMiddleware(function (Middleware $middleware) {
-        //
+        $middleware->alias([
+            'student'       => StudentCheck::class,
+            'teacher'       => TeacherCheck::class,
+            'coordinator'   => CoordinatorCheck::class,
+            'developer'     => DeveloperCheck::class
+        ]);
     })
     ->withExceptions(function (Exceptions $exceptions) {
         //
diff --git a/composer.json b/composer.json
index 77ff016..8c5cb11 100644
--- a/composer.json
+++ b/composer.json
@@ -27,7 +27,8 @@
         "mockery/mockery": "^1.6",
         "nunomaduro/collision": "^8.6",
         "pestphp/pest": "^3.8",
-        "pestphp/pest-plugin-laravel": "^3.2"
+        "pestphp/pest-plugin-laravel": "^3.2",
+        "phiki/phiki": "^2.0"
     },
     "autoload": {
         "psr-4": {
diff --git a/composer.lock b/composer.lock
index 0e4bf68..d7f7c33 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "ce15ef6e89479859200c531cbc4a37af",
+    "content-hash": "713f7d3493c39a8a0db9b3cd7184a887",
     "packages": [
         {
             "name": "bacon/bacon-qr-code",
@@ -1159,16 +1159,16 @@
         },
         {
             "name": "laravel/fortify",
-            "version": "v1.30.0",
+            "version": "v1.31.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/fortify.git",
-                "reference": "005f4d535ae671312d267d942b964807fc0ef6f8"
+                "reference": "67116b14bd6b480d027f8b8075c2cd75363904e8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/fortify/zipball/005f4d535ae671312d267d942b964807fc0ef6f8",
-                "reference": "005f4d535ae671312d267d942b964807fc0ef6f8",
+                "url": "https://api.github.com/repos/laravel/fortify/zipball/67116b14bd6b480d027f8b8075c2cd75363904e8",
+                "reference": "67116b14bd6b480d027f8b8075c2cd75363904e8",
                 "shasum": ""
             },
             "require": {
@@ -1220,20 +1220,20 @@
                 "issues": "https://github.com/laravel/fortify/issues",
                 "source": "https://github.com/laravel/fortify"
             },
-            "time": "2025-08-29T20:15:47+00:00"
+            "time": "2025-09-30T10:06:29+00:00"
         },
         {
             "name": "laravel/framework",
-            "version": "v12.31.1",
+            "version": "v12.32.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "281b711710c245dd8275d73132e92635be3094df"
+                "reference": "77b2740391cd2a825ba59d6fada45e9b8b9bcc5a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/281b711710c245dd8275d73132e92635be3094df",
-                "reference": "281b711710c245dd8275d73132e92635be3094df",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/77b2740391cd2a825ba59d6fada45e9b8b9bcc5a",
+                "reference": "77b2740391cd2a825ba59d6fada45e9b8b9bcc5a",
                 "shasum": ""
             },
             "require": {
@@ -1261,7 +1261,6 @@
                 "monolog/monolog": "^3.0",
                 "nesbot/carbon": "^3.8.4",
                 "nunomaduro/termwind": "^2.0",
-                "phiki/phiki": "^2.0.0",
                 "php": "^8.2",
                 "psr/container": "^1.1.1|^2.0.1",
                 "psr/log": "^1.0|^2.0|^3.0",
@@ -1440,7 +1439,7 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2025-09-23T15:33:04+00:00"
+            "time": "2025-09-30T17:39:22+00:00"
         },
         {
             "name": "laravel/prompts",
@@ -2181,16 +2180,16 @@
         },
         {
             "name": "livewire/flux",
-            "version": "v2.4.0",
+            "version": "v2.5.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/livewire/flux.git",
-                "reference": "8d83f34d64ab0542463e8e3feab4d166e1830ed9"
+                "reference": "7d236c6caa6a8fa8604caa08abf2ae630be12c24"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/livewire/flux/zipball/8d83f34d64ab0542463e8e3feab4d166e1830ed9",
-                "reference": "8d83f34d64ab0542463e8e3feab4d166e1830ed9",
+                "url": "https://api.github.com/repos/livewire/flux/zipball/7d236c6caa6a8fa8604caa08abf2ae630be12c24",
+                "reference": "7d236c6caa6a8fa8604caa08abf2ae630be12c24",
                 "shasum": ""
             },
             "require": {
@@ -2241,9 +2240,9 @@
             ],
             "support": {
                 "issues": "https://github.com/livewire/flux/issues",
-                "source": "https://github.com/livewire/flux/tree/v2.4.0"
+                "source": "https://github.com/livewire/flux/tree/v2.5.0"
             },
-            "time": "2025-09-16T00:20:10+00:00"
+            "time": "2025-09-29T21:36:00+00:00"
         },
         {
             "name": "livewire/livewire",
@@ -3107,77 +3106,6 @@
             },
             "time": "2025-09-24T15:06:41+00:00"
         },
-        {
-            "name": "phiki/phiki",
-            "version": "v2.0.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phikiphp/phiki.git",
-                "reference": "160785c50c01077780ab217e5808f00ab8f05a13"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phikiphp/phiki/zipball/160785c50c01077780ab217e5808f00ab8f05a13",
-                "reference": "160785c50c01077780ab217e5808f00ab8f05a13",
-                "shasum": ""
-            },
-            "require": {
-                "ext-mbstring": "*",
-                "league/commonmark": "^2.5.3",
-                "php": "^8.2",
-                "psr/simple-cache": "^3.0"
-            },
-            "require-dev": {
-                "illuminate/support": "^11.45",
-                "laravel/pint": "^1.18.1",
-                "orchestra/testbench": "^9.15",
-                "pestphp/pest": "^3.5.1",
-                "phpstan/extension-installer": "^1.4.3",
-                "phpstan/phpstan": "^2.0",
-                "symfony/var-dumper": "^7.1.6"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Phiki\\Adapters\\Laravel\\PhikiServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Phiki\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ryan Chandler",
-                    "email": "support@ryangjchandler.co.uk",
-                    "homepage": "https://ryangjchandler.co.uk",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Syntax highlighting using TextMate grammars in PHP.",
-            "support": {
-                "issues": "https://github.com/phikiphp/phiki/issues",
-                "source": "https://github.com/phikiphp/phiki/tree/v2.0.4"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/sponsors/ryangjchandler",
-                    "type": "github"
-                },
-                {
-                    "url": "https://buymeacoffee.com/ryangjchandler",
-                    "type": "other"
-                }
-            ],
-            "time": "2025-09-20T17:21:02+00:00"
-        },
         {
             "name": "phpoption/phpoption",
             "version": "1.9.4",
@@ -4221,16 +4149,16 @@
         },
         {
             "name": "symfony/console",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "cb0102a1c5ac3807cf3fdf8bea96007df7fdbea7"
+                "reference": "2b9c5fafbac0399a20a2e82429e2bd735dcfb7db"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/cb0102a1c5ac3807cf3fdf8bea96007df7fdbea7",
-                "reference": "cb0102a1c5ac3807cf3fdf8bea96007df7fdbea7",
+                "url": "https://api.github.com/repos/symfony/console/zipball/2b9c5fafbac0399a20a2e82429e2bd735dcfb7db",
+                "reference": "2b9c5fafbac0399a20a2e82429e2bd735dcfb7db",
                 "shasum": ""
             },
             "require": {
@@ -4295,7 +4223,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v7.3.3"
+                "source": "https://github.com/symfony/console/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -4315,7 +4243,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-25T06:35:40+00:00"
+            "time": "2025-09-22T15:31:00+00:00"
         },
         {
             "name": "symfony/css-selector",
@@ -4451,16 +4379,16 @@
         },
         {
             "name": "symfony/error-handler",
-            "version": "v7.3.2",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/error-handler.git",
-                "reference": "0b31a944fcd8759ae294da4d2808cbc53aebd0c3"
+                "reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/error-handler/zipball/0b31a944fcd8759ae294da4d2808cbc53aebd0c3",
-                "reference": "0b31a944fcd8759ae294da4d2808cbc53aebd0c3",
+                "url": "https://api.github.com/repos/symfony/error-handler/zipball/99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
+                "reference": "99f81bc944ab8e5dae4f21b4ca9972698bbad0e4",
                 "shasum": ""
             },
             "require": {
@@ -4508,7 +4436,7 @@
             "description": "Provides tools to manage errors and ease debugging PHP code",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/error-handler/tree/v7.3.2"
+                "source": "https://github.com/symfony/error-handler/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -4528,7 +4456,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-07T08:17:57+00:00"
+            "time": "2025-09-11T10:12:26+00:00"
         },
         {
             "name": "symfony/event-dispatcher",
@@ -4760,16 +4688,16 @@
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "7475561ec27020196c49bb7c4f178d33d7d3dc00"
+                "reference": "c061c7c18918b1b64268771aad04b40be41dd2e6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/7475561ec27020196c49bb7c4f178d33d7d3dc00",
-                "reference": "7475561ec27020196c49bb7c4f178d33d7d3dc00",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/c061c7c18918b1b64268771aad04b40be41dd2e6",
+                "reference": "c061c7c18918b1b64268771aad04b40be41dd2e6",
                 "shasum": ""
             },
             "require": {
@@ -4819,7 +4747,7 @@
             "description": "Defines an object-oriented layer for the HTTP specification",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v7.3.3"
+                "source": "https://github.com/symfony/http-foundation/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -4839,20 +4767,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-20T08:04:18+00:00"
+            "time": "2025-09-16T08:38:17+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "72c304de37e1a1cec6d5d12b81187ebd4850a17b"
+                "reference": "b796dffea7821f035047235e076b60ca2446e3cf"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/72c304de37e1a1cec6d5d12b81187ebd4850a17b",
-                "reference": "72c304de37e1a1cec6d5d12b81187ebd4850a17b",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/b796dffea7821f035047235e076b60ca2446e3cf",
+                "reference": "b796dffea7821f035047235e076b60ca2446e3cf",
                 "shasum": ""
             },
             "require": {
@@ -4937,7 +4865,7 @@
             "description": "Provides a structured process for converting a Request into a Response",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v7.3.3"
+                "source": "https://github.com/symfony/http-kernel/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -4957,20 +4885,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-29T08:23:45+00:00"
+            "time": "2025-09-27T12:32:17+00:00"
         },
         {
             "name": "symfony/mailer",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mailer.git",
-                "reference": "a32f3f45f1990db8c4341d5122a7d3a381c7e575"
+                "reference": "ab97ef2f7acf0216955f5845484235113047a31d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mailer/zipball/a32f3f45f1990db8c4341d5122a7d3a381c7e575",
-                "reference": "a32f3f45f1990db8c4341d5122a7d3a381c7e575",
+                "url": "https://api.github.com/repos/symfony/mailer/zipball/ab97ef2f7acf0216955f5845484235113047a31d",
+                "reference": "ab97ef2f7acf0216955f5845484235113047a31d",
                 "shasum": ""
             },
             "require": {
@@ -5021,7 +4949,7 @@
             "description": "Helps sending emails",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/mailer/tree/v7.3.3"
+                "source": "https://github.com/symfony/mailer/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -5041,20 +4969,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-13T11:49:31+00:00"
+            "time": "2025-09-17T05:51:54+00:00"
         },
         {
             "name": "symfony/mime",
-            "version": "v7.3.2",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mime.git",
-                "reference": "e0a0f859148daf1edf6c60b398eb40bfc96697d1"
+                "reference": "b1b828f69cbaf887fa835a091869e55df91d0e35"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mime/zipball/e0a0f859148daf1edf6c60b398eb40bfc96697d1",
-                "reference": "e0a0f859148daf1edf6c60b398eb40bfc96697d1",
+                "url": "https://api.github.com/repos/symfony/mime/zipball/b1b828f69cbaf887fa835a091869e55df91d0e35",
+                "reference": "b1b828f69cbaf887fa835a091869e55df91d0e35",
                 "shasum": ""
             },
             "require": {
@@ -5109,7 +5037,7 @@
                 "mime-type"
             ],
             "support": {
-                "source": "https://github.com/symfony/mime/tree/v7.3.2"
+                "source": "https://github.com/symfony/mime/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -5129,7 +5057,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-15T13:41:35+00:00"
+            "time": "2025-09-16T08:38:17+00:00"
         },
         {
             "name": "symfony/polyfill-ctype",
@@ -5962,16 +5890,16 @@
         },
         {
             "name": "symfony/process",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "32241012d521e2e8a9d713adb0812bb773b907f1"
+                "reference": "f24f8f316367b30810810d4eb30c543d7003ff3b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/32241012d521e2e8a9d713adb0812bb773b907f1",
-                "reference": "32241012d521e2e8a9d713adb0812bb773b907f1",
+                "url": "https://api.github.com/repos/symfony/process/zipball/f24f8f316367b30810810d4eb30c543d7003ff3b",
+                "reference": "f24f8f316367b30810810d4eb30c543d7003ff3b",
                 "shasum": ""
             },
             "require": {
@@ -6003,7 +5931,7 @@
             "description": "Executes commands in sub-processes",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/process/tree/v7.3.3"
+                "source": "https://github.com/symfony/process/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -6023,20 +5951,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-18T09:42:54+00:00"
+            "time": "2025-09-11T10:12:26+00:00"
         },
         {
             "name": "symfony/routing",
-            "version": "v7.3.2",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/routing.git",
-                "reference": "7614b8ca5fa89b9cd233e21b627bfc5774f586e4"
+                "reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/routing/zipball/7614b8ca5fa89b9cd233e21b627bfc5774f586e4",
-                "reference": "7614b8ca5fa89b9cd233e21b627bfc5774f586e4",
+                "url": "https://api.github.com/repos/symfony/routing/zipball/8dc648e159e9bac02b703b9fbd937f19ba13d07c",
+                "reference": "8dc648e159e9bac02b703b9fbd937f19ba13d07c",
                 "shasum": ""
             },
             "require": {
@@ -6088,7 +6016,7 @@
                 "url"
             ],
             "support": {
-                "source": "https://github.com/symfony/routing/tree/v7.3.2"
+                "source": "https://github.com/symfony/routing/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -6108,7 +6036,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-15T11:36:08+00:00"
+            "time": "2025-09-11T10:12:26+00:00"
         },
         {
             "name": "symfony/service-contracts",
@@ -6195,16 +6123,16 @@
         },
         {
             "name": "symfony/string",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/string.git",
-                "reference": "17a426cce5fd1f0901fefa9b2a490d0038fd3c9c"
+                "reference": "f96476035142921000338bad71e5247fbc138872"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/17a426cce5fd1f0901fefa9b2a490d0038fd3c9c",
-                "reference": "17a426cce5fd1f0901fefa9b2a490d0038fd3c9c",
+                "url": "https://api.github.com/repos/symfony/string/zipball/f96476035142921000338bad71e5247fbc138872",
+                "reference": "f96476035142921000338bad71e5247fbc138872",
                 "shasum": ""
             },
             "require": {
@@ -6219,7 +6147,6 @@
             },
             "require-dev": {
                 "symfony/emoji": "^7.1",
-                "symfony/error-handler": "^6.4|^7.0",
                 "symfony/http-client": "^6.4|^7.0",
                 "symfony/intl": "^6.4|^7.0",
                 "symfony/translation-contracts": "^2.5|^3.0",
@@ -6262,7 +6189,7 @@
                 "utf8"
             ],
             "support": {
-                "source": "https://github.com/symfony/string/tree/v7.3.3"
+                "source": "https://github.com/symfony/string/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -6282,20 +6209,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-25T06:35:40+00:00"
+            "time": "2025-09-11T14:36:48+00:00"
         },
         {
             "name": "symfony/translation",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "e0837b4cbcef63c754d89a4806575cada743a38d"
+                "reference": "ec25870502d0c7072d086e8ffba1420c85965174"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/e0837b4cbcef63c754d89a4806575cada743a38d",
-                "reference": "e0837b4cbcef63c754d89a4806575cada743a38d",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/ec25870502d0c7072d086e8ffba1420c85965174",
+                "reference": "ec25870502d0c7072d086e8ffba1420c85965174",
                 "shasum": ""
             },
             "require": {
@@ -6362,7 +6289,7 @@
             "description": "Provides tools to internationalize your application",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/translation/tree/v7.3.3"
+                "source": "https://github.com/symfony/translation/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -6382,7 +6309,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-01T21:02:37+00:00"
+            "time": "2025-09-07T11:39:36+00:00"
         },
         {
             "name": "symfony/translation-contracts",
@@ -6538,16 +6465,16 @@
         },
         {
             "name": "symfony/var-dumper",
-            "version": "v7.3.3",
+            "version": "v7.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "34d8d4c4b9597347306d1ec8eb4e1319b1e6986f"
+                "reference": "b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/34d8d4c4b9597347306d1ec8eb4e1319b1e6986f",
-                "reference": "34d8d4c4b9597347306d1ec8eb4e1319b1e6986f",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb",
+                "reference": "b8abe7daf2730d07dfd4b2ee1cecbf0dd2fbdabb",
                 "shasum": ""
             },
             "require": {
@@ -6601,7 +6528,7 @@
                 "dump"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v7.3.3"
+                "source": "https://github.com/symfony/var-dumper/tree/v7.3.4"
             },
             "funding": [
                 {
@@ -6621,7 +6548,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-13T11:49:31+00:00"
+            "time": "2025-09-11T10:12:26+00:00"
         },
         {
             "name": "tijsverkoyen/css-to-inline-styles",
@@ -8394,6 +8321,77 @@
             },
             "time": "2022-02-21T01:04:05+00:00"
         },
+        {
+            "name": "phiki/phiki",
+            "version": "v2.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/phikiphp/phiki.git",
+                "reference": "160785c50c01077780ab217e5808f00ab8f05a13"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phikiphp/phiki/zipball/160785c50c01077780ab217e5808f00ab8f05a13",
+                "reference": "160785c50c01077780ab217e5808f00ab8f05a13",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "league/commonmark": "^2.5.3",
+                "php": "^8.2",
+                "psr/simple-cache": "^3.0"
+            },
+            "require-dev": {
+                "illuminate/support": "^11.45",
+                "laravel/pint": "^1.18.1",
+                "orchestra/testbench": "^9.15",
+                "pestphp/pest": "^3.5.1",
+                "phpstan/extension-installer": "^1.4.3",
+                "phpstan/phpstan": "^2.0",
+                "symfony/var-dumper": "^7.1.6"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Phiki\\Adapters\\Laravel\\PhikiServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Phiki\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ryan Chandler",
+                    "email": "support@ryangjchandler.co.uk",
+                    "homepage": "https://ryangjchandler.co.uk",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Syntax highlighting using TextMate grammars in PHP.",
+            "support": {
+                "issues": "https://github.com/phikiphp/phiki/issues",
+                "source": "https://github.com/phikiphp/phiki/tree/v2.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/ryangjchandler",
+                    "type": "github"
+                },
+                {
+                    "url": "https://buymeacoffee.com/ryangjchandler",
+                    "type": "other"
+                }
+            ],
+            "time": "2025-09-20T17:21:02+00:00"
+        },
         {
             "name": "php-debugbar/php-debugbar",
             "version": "v2.2.4",
diff --git a/config/livewire.php b/config/livewire.php
new file mode 100644
index 0000000..7b523ca
--- /dev/null
+++ b/config/livewire.php
@@ -0,0 +1,173 @@
+<?php
+
+return [
+
+    /*
+    |---------------------------------------------------------------------------
+    | Class Namespace
+    |---------------------------------------------------------------------------
+    |
+    | This value sets the root class namespace for Livewire component classes in
+    | your application. This value will change where component auto-discovery
+    | finds components. It's also referenced by the file creation commands.
+    |
+    */
+
+    'class_namespace' => 'App\\Livewire',
+
+    /*
+    |---------------------------------------------------------------------------
+    | View Path
+    |---------------------------------------------------------------------------
+    |
+    | This value is used to specify where Livewire component Blade templates are
+    | stored when running file creation commands like `artisan make:livewire`.
+    | It is also used if you choose to omit a component's render() method.
+    |
+    */
+
+    'view_path' => resource_path('views/livewire'),
+
+    /*
+    |---------------------------------------------------------------------------
+    | Layout
+    |---------------------------------------------------------------------------
+    | The view that will be used as the layout when rendering a single component
+    | as an entire page via `Route::get('/post/create', CreatePost::class);`.
+    | In this case, the view returned by CreatePost will render into $slot.
+    |
+    */
+
+    'layout' => 'templates.general.general',
+
+    /*
+    |---------------------------------------------------------------------------
+    | Lazy Loading Placeholder
+    |---------------------------------------------------------------------------
+    | Livewire allows you to lazy load components that would otherwise slow down
+    | the initial page load. Every component can have a custom placeholder or
+    | you can define the default placeholder view for all components below.
+    |
+    */
+
+    'lazy_placeholder' => null,
+
+    /*
+    |---------------------------------------------------------------------------
+    | Temporary File Uploads
+    |---------------------------------------------------------------------------
+    |
+    | Livewire handles file uploads by storing uploads in a temporary directory
+    | before the file is stored permanently. All file uploads are directed to
+    | a global endpoint for temporary storage. You may configure this below:
+    |
+    */
+
+    'temporary_file_upload' => [
+        'disk' => null,        // Example: 'local', 's3'              | Default: 'default'
+        'rules' => null,       // Example: ['file', 'mimes:png,jpg']  | Default: ['required', 'file', 'max:12288'] (12MB)
+        'directory' => null,   // Example: 'tmp'                      | Default: 'livewire-tmp'
+        'middleware' => null,  // Example: 'throttle:5,1'             | Default: 'throttle:60,1'
+        'preview_mimes' => [   // Supported file types for temporary pre-signed file URLs...
+            'png',
+            'gif',
+            'bmp',
+            'svg',
+            'wav',
+            'mp4',
+            'mov',
+            'avi',
+            'wmv',
+            'mp3',
+            'm4a',
+            'jpg',
+            'jpeg',
+            'mpga',
+            'webp',
+            'wma',
+        ],
+        'max_upload_time' => 5, // Max duration (in minutes) before an upload is invalidated...
+        'cleanup' => true, // Should cleanup temporary uploads older than 24 hrs...
+    ],
+
+    /*
+    |---------------------------------------------------------------------------
+    | Render On Redirect
+    |---------------------------------------------------------------------------
+    |
+    | This value determines if Livewire will run a component's `render()` method
+    | after a redirect has been triggered using something like `redirect(...)`
+    | Setting this to true will render the view once more before redirecting
+    |
+    */
+
+    'render_on_redirect' => false,
+
+    /*
+    |---------------------------------------------------------------------------
+    | Eloquent Model Binding
+    |---------------------------------------------------------------------------
+    |
+    | Previous versions of Livewire supported binding directly to eloquent model
+    | properties using wire:model by default. However, this behavior has been
+    | deemed too "magical" and has therefore been put under a feature flag.
+    |
+    */
+
+    'legacy_model_binding' => false,
+
+    /*
+    |---------------------------------------------------------------------------
+    | Auto-inject Frontend Assets
+    |---------------------------------------------------------------------------
+    |
+    | By default, Livewire automatically injects its JavaScript and CSS into the
+    | <head> and <body> of pages containing Livewire components. By disabling
+    | this behavior, you need to use @livewireStyles and @livewireScripts.
+    |
+    */
+
+    'inject_assets' => true,
+
+    /*
+    |---------------------------------------------------------------------------
+    | Navigate (SPA mode)
+    |---------------------------------------------------------------------------
+    |
+    | By adding `wire:navigate` to links in your Livewire application, Livewire
+    | will prevent the default link handling and instead request those pages
+    | via AJAX, creating an SPA-like effect. Configure this behavior here.
+    |
+    */
+
+    'navigate' => [
+        'show_progress_bar' => true,
+        'progress_bar_color' => '#2299dd',
+    ],
+
+    /*
+    |---------------------------------------------------------------------------
+    | HTML Morph Markers
+    |---------------------------------------------------------------------------
+    |
+    | Livewire intelligently "morphs" existing HTML into the newly rendered HTML
+    | after each update. To make this process more reliable, Livewire injects
+    | "markers" into the rendered Blade surrounding @if, @class & @foreach.
+    |
+    */
+
+    'inject_morph_markers' => true,
+
+    /*
+    |---------------------------------------------------------------------------
+    | Pagination Theme
+    |---------------------------------------------------------------------------
+    |
+    | When enabling Livewire's pagination feature by using the `WithPagination`
+    | trait, Livewire will use Tailwind templates to render pagination views
+    | on the page. If you want Bootstrap CSS, you can specify: "bootstrap"
+    |
+    */
+
+    'pagination_theme' => 'tailwind',
+];
diff --git a/database/factories/NewnessFactory.php b/database/factories/NewnessFactory.php
index 62b96af..ec8544f 100644
--- a/database/factories/NewnessFactory.php
+++ b/database/factories/NewnessFactory.php
@@ -19,7 +19,7 @@ class NewnessFactory extends Factory
     public function definition(): array
     {
         return [
-            'user_id' => User::factory(),
+            'user_uuid' => User::factory(),
             'subject' => $slug = fake()->sentence(),
             'slug' => Str::slug($slug),
             'text' => fake()->text(),
diff --git a/database/factories/RecordFactory.php b/database/factories/RecordFactory.php
index 2d69b43..38ff855 100644
--- a/database/factories/RecordFactory.php
+++ b/database/factories/RecordFactory.php
@@ -24,7 +24,7 @@ public function definition(): array
             'date' => fake()->dateTime(),
             'record_type' => RecordType::manual,
             'journey_id' => Journey::factory(),
-            'user_id' => User::factory(),
+            'user_uuid' => User::factory(),
         ];
     }
 }
diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php
index 7b2c318..5482560 100644
--- a/database/factories/UserFactory.php
+++ b/database/factories/UserFactory.php
@@ -34,8 +34,8 @@ public function definition(): array
             'grade' => '1104',
             'fingerprint' => fake()->sha256(),
             'document' => fake()->numberBetween(1000000000, 1999999999),
+            'uuid' => fake()->uuid(),
             'document_type' => 'T.I',
-            'profile_photo_path' => null,
             'rol' => UserRol::Student,
         ];
     }
diff --git a/database/migrations/0001_01_01_000000_create_users_table.php b/database/migrations/0001_01_01_000000_create_users_table.php
index 4339cea..be3012e 100644
--- a/database/migrations/0001_01_01_000000_create_users_table.php
+++ b/database/migrations/0001_01_01_000000_create_users_table.php
@@ -12,7 +12,8 @@
     public function up(): void
     {
         Schema::create('users', function (Blueprint $table) {
-            $table->uuid('id')->primary();
+            $table->id();
+
             $table->string('name');
             $table->string("last_name");
             $table->string('email')->unique();
diff --git a/database/migrations/2025_09_28_023709_add_custom_columns_to_users.php b/database/migrations/2025_09_24_023709_add_custom_columns_to_users.php
similarity index 93%
rename from database/migrations/2025_09_28_023709_add_custom_columns_to_users.php
rename to database/migrations/2025_09_24_023709_add_custom_columns_to_users.php
index 08c5bee..1c55ccb 100644
--- a/database/migrations/2025_09_28_023709_add_custom_columns_to_users.php
+++ b/database/migrations/2025_09_24_023709_add_custom_columns_to_users.php
@@ -13,6 +13,8 @@
     public function up(): void
     {
         Schema::table('users', function (Blueprint $table) {
+
+            $table->uuid("uuid")->unique();
             $table->enum("rol", UserRol::cases())->nullable();
             $table->string("grade")->nullable();
             $table->string("fingerprint")->nullable();
@@ -32,7 +34,7 @@ public function down(): void
         Schema::table('users', function (Blueprint $table) {
             $table->dropColumn("grade");
             $table->dropColumn("fingerprint");
-            $table->dropColumn("UUID");
+            $table->dropColumn("uuid");
             $table->dropColumn("document");
             $table->dropColumn("document_type");
             $table->dropColumn("last_login_ip");
diff --git a/database/migrations/2025_09_25_220024_create_records_table.php b/database/migrations/2025_09_25_220024_create_records_table.php
index 73e78a9..ddf9b12 100644
--- a/database/migrations/2025_09_25_220024_create_records_table.php
+++ b/database/migrations/2025_09_25_220024_create_records_table.php
@@ -15,15 +15,15 @@ public function up(): void
         Schema::create('records', function (Blueprint $table) {
             $table->id();
 
-            $table->uuid('user_id');
+            $table->uuid('user_uuid');
             $table->dateTime("date");
             $table->enum('record_type', RecordType::cases());
             $table->unsignedBigInteger("journey_id");
             $table->unsignedBigInteger("device_id")->nullable();
 
 
-            $table->foreign("user_id")
-                ->references("id")
+            $table->foreign("user_uuid")
+                ->references("uuid")
                 ->on("users")
                 ->onDelete("cascade");
 
diff --git a/database/migrations/2025_09_26_000807_create_newnesses_table.php b/database/migrations/2025_09_26_000807_create_newnesses_table.php
index 68b6091..2fa5bb1 100644
--- a/database/migrations/2025_09_26_000807_create_newnesses_table.php
+++ b/database/migrations/2025_09_26_000807_create_newnesses_table.php
@@ -13,7 +13,7 @@ public function up(): void
     {
         Schema::create('newnesses', function (Blueprint $table) {
             $table->id();
-            $table->uuid("user_id");
+            $table->uuid("user_uuid");
             $table->string("subject");
             $table->text("text");
             $table->string("slug");
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 936e879..5fad375 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -20,14 +20,14 @@ public function run(): void
 
         User::factory(10)->create();
 
-        User::factory()
-            ->has(Newness::factory()->count(3))
-            ->create();
+        // User::factory()
+        //     ->has(Newness::factory()->count(3))
+        //     ->create();
 
-        Journey::factory()
-            ->has(Record::factory()
-                ->has(User::factory()->count(1))
-                ->count(3))
-            ->create();
+        // Journey::factory()
+        //     ->has(Record::factory()
+        //         ->has(User::factory()->count(1))
+        //         ->count(3))
+        //     ->create();
     }
 }
diff --git a/public/img/persons/404.png b/public/img/persons/404.png
new file mode 100644
index 0000000..a10c0b9
Binary files /dev/null and b/public/img/persons/404.png differ
diff --git a/resources/views/components/modal-system.blade.php b/resources/views/components/modal-system.blade.php
new file mode 100644
index 0000000..9f812e9
--- /dev/null
+++ b/resources/views/components/modal-system.blade.php
@@ -0,0 +1,34 @@
+@props(['id', 'maxWidth'])
+
+@php
+$id = $id ?? md5($attributes->wire('model'));
+
+$maxWidth = [
+'sm' => 'sm:max-w-sm',
+'md' => 'sm:max-w-md',
+'lg' => 'sm:max-w-lg',
+'xl' => 'sm:max-w-xl',
+'2xl' => 'sm:max-w-2xl',
+][$maxWidth ?? '2xl'];
+@endphp
+
+<div x-data="{ show: @entangle($attributes->wire('model')) }" x-on:close.stop="show = false"
+    x-on:keydown.escape.window="show = false" x-show="show" id="{{ $id }}"
+    class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50" style="display: none;">
+    <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false"
+        x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0"
+        x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200"
+        x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
+        <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
+    </div>
+
+    <div x-show="show"
+        class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
+        x-trap.inert.noscroll="show" x-transition:enter="ease-out duration-300"
+        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200"
+        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
+        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
+        {{ $slot }}
+    </div>
+</div>
diff --git a/resources/views/developers/chat/externo_chat.blade.php b/resources/views/developers/chat/externo_chat.blade.php
index 6e864ea..1175319 100644
--- a/resources/views/developers/chat/externo_chat.blade.php
+++ b/resources/views/developers/chat/externo_chat.blade.php
@@ -89,7 +89,7 @@ class="w-full px-4 py-2 rounded-full bg-gray-300 text-gray-700 placeholder-gray-
     </div>
   </div>
 
-  <!-- Panel derecho (logo central) -->
+ 
   <div class="flex-1 flex items-center justify-center">
     <div class="text-center">
       <img src="{{ asset('img/logo_sara-gris.png') }}" 
diff --git a/resources/views/errors/401.blade.php b/resources/views/errors/401.blade.php
new file mode 100644
index 0000000..5c586db
--- /dev/null
+++ b/resources/views/errors/401.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Unauthorized'))
+@section('code', '401')
+@section('message', __('Unauthorized'))
diff --git a/resources/views/errors/402.blade.php b/resources/views/errors/402.blade.php
new file mode 100644
index 0000000..3bc23ef
--- /dev/null
+++ b/resources/views/errors/402.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Payment Required'))
+@section('code', '402')
+@section('message', __('Payment Required'))
diff --git a/resources/views/errors/403.blade.php b/resources/views/errors/403.blade.php
new file mode 100644
index 0000000..a5506f0
--- /dev/null
+++ b/resources/views/errors/403.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Forbidden'))
+@section('code', '403')
+@section('message', __($exception->getMessage() ?: 'Forbidden'))
diff --git a/resources/views/errors/404.blade.php b/resources/views/errors/404.blade.php
new file mode 100644
index 0000000..03d7309
--- /dev/null
+++ b/resources/views/errors/404.blade.php
@@ -0,0 +1,32 @@
+@extends('templates.general')
+
+@section('content')
+<div
+    class="bg-gray-50 text-gray-800 flex flex-col items-center justify-center min-h-screen relative pb-40 sm:pb-48 md:pb-56 lg:pb-64">
+    <div class="mb-8 z-10">
+        <img src="{{asset('img/logo_sara-amarillo.png')}}" alt="Logo oficial de S.A.R.A." class="w-80 mx-auto">
+    </div>
+
+
+    <h1 class="text-4xl sm:text-5xl font-bold text-[#F2AC2A] mb-6 z-10 text-center">¡Oops, aquí no hay comida ni página!
+    </h1>
+
+    <p class="text-base sm:text-lg text-gray-600 max-w-xl text-center mb-8 z-10 px-4">
+        Buscamos por todos lados pero no pudimos encontrar lo que buscas.
+        Parece que hasta <span class="font-semibold text-[#F2AC2A]">S.A.R.A.</span> se quedó confundida.
+    </p>
+
+
+    <a href="{{route('home')}}"
+        class="px-6 py-3 bg-[#F2AC2A] text-white font-semibold rounded-lg shadow-md hover:bg-[#d89115] transition z-10 mb-12">
+        Volver al inicio
+    </a>
+
+    <!-- ImagenES EDITABLES EN  CANVA-->
+    <div class="left-1/2 transform -translate-x-1/2">
+        <img src="{{asset('img/persons/404.png')}}" alt="Imagen cómica de S.A.R.A. confundida"
+            class="w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-xl xl:max-w-2xl mx-auto">
+    </div>
+</div>
+
+@endsection
diff --git a/resources/views/errors/419.blade.php b/resources/views/errors/419.blade.php
new file mode 100644
index 0000000..c09216e
--- /dev/null
+++ b/resources/views/errors/419.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Page Expired'))
+@section('code', '419')
+@section('message', __('Page Expired'))
diff --git a/resources/views/errors/429.blade.php b/resources/views/errors/429.blade.php
new file mode 100644
index 0000000..f01b07b
--- /dev/null
+++ b/resources/views/errors/429.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Too Many Requests'))
+@section('code', '429')
+@section('message', __('Too Many Requests'))
diff --git a/resources/views/errors/500.blade.php b/resources/views/errors/500.blade.php
new file mode 100644
index 0000000..d9e95d9
--- /dev/null
+++ b/resources/views/errors/500.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Server Error'))
+@section('code', '500')
+@section('message', __('Server Error'))
diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
new file mode 100644
index 0000000..c5a9dde
--- /dev/null
+++ b/resources/views/errors/503.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Service Unavailable'))
+@section('code', '503')
+@section('message', __('Service Unavailable'))
diff --git a/resources/views/errors/layout.blade.php b/resources/views/errors/layout.blade.php
new file mode 100644
index 0000000..019c2cd
--- /dev/null
+++ b/resources/views/errors/layout.blade.php
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>@yield('title')</title>
+
+        <!-- Styles -->
+        <style>
+            html, body {
+                background-color: #fff;
+                color: #636b6f;
+                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+                font-weight: 100;
+                height: 100vh;
+                margin: 0;
+            }
+
+            .full-height {
+                height: 100vh;
+            }
+
+            .flex-center {
+                align-items: center;
+                display: flex;
+                justify-content: center;
+            }
+
+            .position-ref {
+                position: relative;
+            }
+
+            .content {
+                text-align: center;
+            }
+
+            .title {
+                font-size: 36px;
+                padding: 20px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="flex-center position-ref full-height">
+            <div class="content">
+                <div class="title">
+                    @yield('message')
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/resources/views/errors/minimal.blade.php b/resources/views/errors/minimal.blade.php
new file mode 100644
index 0000000..db69f25
--- /dev/null
+++ b/resources/views/errors/minimal.blade.php
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>@yield('title')</title>
+
+        <style>
+            /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}code{font-family:monospace,monospace;font-size:1em}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}code{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-gray-400{--border-opacity:1;border-color:#cbd5e0;border-color:rgba(203,213,224,var(--border-opacity))}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-xl{max-width:36rem}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wider{letter-spacing:.05em}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}}
+        </style>
+
+        <style>
+            body {
+                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+            }
+        </style>
+    </head>
+    <body class="antialiased">
+        <div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center sm:pt-0">
+            <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
+                <div class="flex items-center pt-8 sm:justify-start sm:pt-0">
+                    <div class="px-4 text-lg text-gray-500 border-r border-gray-400 tracking-wider">
+                        @yield('code')
+                    </div>
+
+                    <div class="ml-4 text-lg text-gray-500 uppercase tracking-wider">
+                        @yield('message')
+                    </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/resources/views/landig-page.blade.php b/resources/views/landig-page.blade.php
index 7edda40..21399d3 100644
--- a/resources/views/landig-page.blade.php
+++ b/resources/views/landig-page.blade.php
@@ -1,8 +1,39 @@
-@extends('templates.general')
+<div class="bg-white min-h-screen flex items-center justify-center" x-data="{modalIsOpen: false}">
+
+    <div>
+        <div x-cloak x-show="modalIsOpen" x-transition.opacity.duration.200ms x-trap.inert.noscroll="modalIsOpen"
+            x-on:keydown.esc.window="modalIsOpen = false" x-on:click.self="modalIsOpen = false"
+            class="fixed inset-0 z-30 flex items-end justify-center bg-black/20 p-4 pb-8 backdrop-blur-md sm:items-center lg:p-8"
+            role="dialog" aria-modal="true" aria-labelledby="defaultModalTitle">
+            <!-- Modal Dialog -->
+            <div x-show="modalIsOpen"
+                x-transition:enter="transition ease-out duration-200 delay-100 motion-reduce:transition-opacity"
+                x-transition:enter-start="opacity-0 scale-50" x-transition:enter-end="opacity-100 scale-100"
+                class="flex max-w-lg flex-col gap-4 overflow-hidden rounded-radius bg-surface text-on-surface">
+                <div
+                    class="bg-white rounded-2xl shadow-2xl w-96 p-8 text-center relative transform transition duration-500">
+
+                    <h2 class="text-3xl font-extrabold text-gray-800 mb-8 tracking-wide">✨ SOY:</h2>
+
+                    <div class="flex flex-col gap-5">
+                        <a href="{{route('student.home')}}" class="bg-teal-900 text-white py-3 rounded-xl font-semibold flex items-center justify-center gap-3
+                     hover:bg-teal-700 hover:scale-105 hover:shadow-lg transition duration-300 ease-in-out">
+                            🎓 Estudiante
+                        </a>
+                        <a href="{{route('teacher.home')}}" class="bg-teal-900 text-white py-3 rounded-xl font-semibold flex items-center justify-center gap-3
+                     hover:bg-teal-700 hover:scale-105 hover:shadow-lg transition duration-300 ease-in-out">
+                            👤 Profesor / Coordinador
+                        </a>
+                        <button class="bg-teal-900 text-white py-3 rounded-xl font-semibold flex items-center justify-center gap-3
+                     hover:bg-teal-700 hover:scale-105 hover:shadow-lg transition duration-300 ease-in-out">
+                            🤖 Developer
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 
-@section('content')
-@dd(Auth::check(), Auth::user());
-<div class="bg-white min-h-screen flex items-center justify-center">
 
     <main class="flex items-center justify-between w-11/12 max-w-7xl">
 
@@ -14,10 +45,20 @@ class="w-96 h-auto object-contain hover:scale-105 transition-all duration-300">
             </div>
 
             <div class="grid grid-cols-2 gap-10 w-[44rem]">
-                <a href="{{ route('profesores') }}"
+                @guest
+                <button x-on:click="modalIsOpen = true"
                     class="bg-teal-900 text-white text-2xl font-semibold py-6 text-center rounded-xl shadow-lg hover:bg-teal-700 hover:scale-105 hover:shadow-xl transition-all duration-300">
                     Acceder al sistema
+                </button>
+                @endguest
+
+                @auth
+                <a href="{{route(session('guard').'.home')}}"
+                    class="bg-teal-900 text-white text-2xl font-semibold py-6 text-center rounded-xl shadow-lg hover:bg-teal-700 hover:scale-105 hover:shadow-xl transition-all duration-300">
+                    Acceder al panel
                 </a>
+                @endauth
+
                 <a href="{{ route('us') }}"
                     class="bg-teal-900 text-white text-2xl font-semibold py-6 text-center rounded-xl shadow-lg hover:bg-teal-700 hover:scale-105 hover:shadow-xl transition-all duration-300">
                     Conoce más de S.A.R.A
@@ -40,5 +81,3 @@ class="w-full object-contain">
     </main>
 
 </div>
-
-@endsection
\ No newline at end of file
diff --git a/resources/views/livewire/website/home.blade.php b/resources/views/livewire/website/home.blade.php
new file mode 100644
index 0000000..04b21c8
--- /dev/null
+++ b/resources/views/livewire/website/home.blade.php
@@ -0,0 +1,3 @@
+<div>
+    {{-- Be like water. --}}
+</div>
diff --git a/resources/views/pag-status.blade.php b/resources/views/pag-status.blade.php
deleted file mode 100644
index ced4dd6..0000000
--- a/resources/views/pag-status.blade.php
+++ /dev/null
@@ -1,162 +0,0 @@
-@extends('templates.students')
-
-@section('content')
-
-<div class="bg-white text-gray-800 min-h-screen flex flex-col">
-  
-  <header class="p-6">
-    <h1 class="text-3xl font-bold text-[#F2AC2A]">Estado de dispositivos</h1>
-  </header>
-
-  <section class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 px-6">
-    <div class="bg-green-600 text-white rounded-2xl shadow-lg p-6 text-center hover:scale-105 transition">
-      <p class="text-4xl font-bold">8</p>
-      <p class="mt-2 text-lg">Dispositivos Online</p>
-    </div>
-    <div class="bg-gray-600 text-white rounded-2xl shadow-lg p-6 text-center hover:scale-105 transition">
-      <p class="text-4xl font-bold">2</p>
-      <p class="mt-2 text-lg">Dispositivos Offline</p>
-    </div>
-    <div class="bg-red-600 text-white rounded-2xl shadow-lg p-6 text-center hover:scale-105 transition">
-      <p class="text-4xl font-bold">1</p>
-      <p class="mt-2 text-lg">Dispositivos en Falla</p>
-    </div>
-    <div class="bg-[#F2AC2A] text-white rounded-2xl shadow-lg p-6 text-center hover:scale-105 transition">
-      <p class="text-4xl font-bold">1</p>
-      <p class="mt-2 text-lg">En proceso</p>
-    </div>
-  </section>
-
-
-  <main class="px-6 py-8">
-    <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-6 gap-4">
-      
-
-      <div>
-        <label for="entries" class="text-sm font-medium">Mostrar</label>
-        <select id="entries" class="border rounded px-2 py-1 ml-2">
-          <option>5</option>
-          <option>10</option>
-          <option>Todos</option>
-        </select>
-        <span class="ml-2 text-sm">entradas</span>
-      </div>
-<!-- Barra de búsqueda -->  
-      <form class="flex items-center w-full md:w-1/3">
-        <input type="text" placeholder="Buscar dispositivo..." 
-          class="w-full border border-gray-300 rounded-l-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-[#F2AC2A]">
-        <button type="submit" class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-4 py-2 rounded-r-lg">
-          Buscar
-        </button>
-      </form>
-
- 
-      <div class="flex gap-3">
-        <button class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-4 py-2 rounded-lg shadow">Enviar a Soporte</button>
-        <button class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-4 py-2 rounded-lg shadow">Exportar PDF</button>
-      </div>
-    </div>
-
-    <!-- Tabla de dispositivos -->
-
-    <div class="overflow-x-auto shadow-lg rounded-2xl">
-      <table class="w-full border-collapse">
-        <thead class="bg-[#F2AC2A] text-white">
-          <tr>
-            <th class="px-6 py-3 text-left">Nombre Dispositivo</th>
-            <th class="px-6 py-3 text-left">Ubicación</th>
-            <th class="px-6 py-3 text-left">Última conexión</th>
-            <th class="px-6 py-3 text-left">Estado</th>
-            <th class="px-6 py-3 text-left">Acción</th>
-            <th class="px-6 py-3 text-left">Detalles</th>
-          </tr>
-        </thead>
-        <tbody class="bg-white divide-y divide-gray-200">
-
-          <!-- Amelia -->
-          <tr class="hover:bg-gray-50 transition">
-            <td class="px-6 py-4 font-medium">Amelia-SARA</td>
-            <td class="px-6 py-4">Refrigerios - Entrada</td>
-            <td class="px-6 py-4">24/09/2025 08:45</td>
-            <td class="px-6 py-4">
-              <span class="bg-green-100 text-green-800 px-3 py-1 rounded-full">Online</span>
-            </td>
-            <td class="px-6 py-4 flex gap-2">
-              <button class="bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 rounded-lg">Reiniciar</button>
-              <button class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-3 py-1 rounded-lg">Editar</button>
-            </td>
-            <td class="px-6 py-4 text-sm text-gray-700">Funcionamiento correcto</td>
-          </tr>
-
-          <!-- Tars -->
-          <tr class="hover:bg-gray-50 transition">
-            <td class="px-6 py-4 font-medium">Tars-SARA</td>
-            <td class="px-6 py-4">Refrigerios - Lado opuesto</td>
-            <td class="px-6 py-4">24/09/2025 08:42</td>
-            <td class="px-6 py-4">
-              <span class="bg-gray-200 text-gray-800 px-3 py-1 rounded-full">Offline</span>
-            </td>
-            <td class="px-6 py-4 flex gap-2">
-              <button class="bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 rounded-lg">Reiniciar</button>
-              <button class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-3 py-1 rounded-lg">Editar</button>
-            </td>
-            <td class="px-6 py-4 text-sm text-gray-700">
-              Última respuesta: 24/09/2025 08:42 <br>Problema: Sin comunicación
-            </td>
-          </tr>
-
-          <!-- Mann -->
-          <tr class="hover:bg-gray-50 transition">
-            <td class="px-6 py-4 font-medium">Mann-SARA</td>
-            <td class="px-6 py-4">Almuerzos - Punto 1</td>
-            <td class="px-6 py-4">24/09/2025 08:30</td>
-            <td class="px-6 py-4">
-              <span class="bg-red-100 text-red-800 px-3 py-1 rounded-full">Falla</span>
-            </td>
-            <td class="px-6 py-4 flex gap-2">
-              <button class="bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 rounded-lg">Reiniciar</button>
-              <button class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-3 py-1 rounded-lg">Editar</button>
-            </td>
-            <td class="px-6 py-4 text-sm text-gray-700">
-              Error crítico: Sensor biométrico no responde <br>Soporte: Revisar cableado
-            </td>
-          </tr>
-
-          <!-- Murph -->
-          <tr class="hover:bg-gray-50 transition">
-            <td class="px-6 py-4 font-medium">Muro-SARA</td>
-            <td class="px-6 py-4">Almuerzos - Punto 2</td>
-            <td class="px-6 py-4">24/09/2025 08:45</td>
-            <td class="px-6 py-4">
-              <span class="bg-green-100 text-green-800 px-3 py-1 rounded-full">Online</span>
-            </td>
-            <td class="px-6 py-4 flex gap-2">
-              <button class="bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 rounded-lg">Reiniciar</button>
-              <button class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-3 py-1 rounded-lg">Editar</button>
-            </td>
-            <td class="px-6 py-4 text-sm text-gray-700">Funcionamiento correcto</td>
-          </tr>
-
-          <!-- Brand -->
-          <tr class="hover:bg-gray-50 transition">
-            <td class="px-6 py-4 font-medium">Brand-SARA</td>
-            <td class="px-6 py-4">Almuerzos - Punto 3</td>
-            <td class="px-6 py-4">24/09/2025 08:45</td>
-            <td class="px-6 py-4">
-              <span class="bg-green-100 text-green-800 px-3 py-1 rounded-full">Online</span>
-            </td>
-            <td class="px-6 py-4 flex gap-2">
-              <button class="bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 rounded-lg">Reiniciar</button>
-              <button class="bg-[#F2AC2A] hover:bg-[#d9961f] text-white px-3 py-1 rounded-lg">Editar</button>
-            </td>
-            <td class="px-6 py-4 text-sm text-gray-700">Funcionamiento correcto</td>
-          </tr>
-
-        </tbody>
-      </table>
-    </div>
-  </main>
-
-</div>
-
-@endsection
diff --git a/resources/views/students/chat.blade.php b/resources/views/students/chat.blade.php
new file mode 100644
index 0000000..5ba94f6
--- /dev/null
+++ b/resources/views/students/chat.blade.php
@@ -0,0 +1,141 @@
+<div class="">
+    <div class="flex h-screen">
+
+        <!-- Panel izquierdo -->
+        <div class="w-1/3 border-r p-6 space-y-6">
+
+            <h1 class="text-red-600 font-bold text-3xl mb-2">S.A.R.A</h1>
+
+            <!-- Buscador -->
+            <input type="text" placeholder="Buscar..."
+                class="w-full px-4 py-2 rounded-full bg-gray-300 text-gray-700 placeholder-gray-500 focus:outline-none" />
+
+            <!-- Botones -->
+            <div class="flex w-full space-x-2">
+                <!-- Soporte -->
+                <button
+                    class="relative flex-1 px-6 py-2 rounded-full bg-red-600 text-white text-sm flex items-center justify-center font-semibold hover:bg-red-700 transition">
+                    Soporte
+                    <span
+                        class="absolute -top-2 -right-2 bg-white text-red-600 text-xs font-bold w-6 h-6 flex items-center justify-center rounded-full shadow-md">
+                        10
+                    </span>
+                </button>
+
+                <!-- Profesor -->
+                <button
+                    class="flex-1 px-6 py-2 rounded-full bg-gray-200 text-sm flex items-center justify-center hover:bg-gray-300 transition">
+                    Profesores
+                </button>
+
+                <!-- Estudiantes -->
+                <button
+                    class="flex-1 px-6 py-2 rounded-full bg-gray-200 text-sm flex items-center justify-center hover:bg-gray-300 transition">
+                    Estudiantes
+                </button>
+            </div>
+
+            <!-- Lista de usuarios -->
+            <div class="space-y-4">
+
+                <!-- Profesor -->
+                <div wire:click='toggleChat(1)'
+                    class="relative  cursor-pointer flex items-start bg-white shadow rounded-lg p-4 hover:shadow-lg transition">
+                    <div class="w-12 h-12 rounded-full bg-gray-200 mr-4"></div>
+                    <div class="flex-1">
+                        <p class="font-bold mb-1">Julian Ramirez</p>
+                        <p class="text-sm text-gray-500">Lorem ipsum dolor sit amet...</p>
+                    </div>
+                    <span class="absolute top-2 right-2 px-3 py-1 bg-yellow-400 text-xs font-semibold rounded-full">
+                        Profesor
+                    </span>
+                </div>
+
+                <!-- Desconectado -->
+                <div class="relative flex items-start bg-white shadow rounded-lg p-4 hover:shadow-lg transition">
+                    <div class="w-12 h-12 rounded-full bg-gray-200 mr-4"></div>
+                    <div class="flex-1">
+                        <p class="font-bold mb-1">Daniela Saiz</p>
+                        <p class="text-sm text-gray-500">Lorem ipsum dolor sit amet...</p>
+                    </div>
+                    <span
+                        class="absolute top-2 right-2 px-3 py-1 bg-red-500 text-white text-xs font-semibold rounded-full">
+                        Desconectado
+                    </span>
+                </div>
+
+                <!-- Estudiante -->
+                <div class="relative flex items-start bg-white shadow rounded-lg p-4 hover:shadow-lg transition">
+                    <div class="w-12 h-12 rounded-full bg-gray-200 mr-4"></div>
+                    <div class="flex-1">
+                        <p class="font-bold mb-1">Julian Ramirez</p>
+                        <p class="text-sm text-gray-500">Lorem ipsum dolor sit amet...</p>
+                    </div>
+                    <span
+                        class="absolute top-2 right-2 px-3 py-1 bg-green-500 text-white text-xs font-semibold rounded-full">
+                        Estudiante
+                    </span>
+                </div>
+
+                <!-- Otro Profesor -->
+                <div class="relative flex items-start bg-white shadow rounded-lg p-4 hover:shadow-lg transition">
+                    <div class="w-12 h-12 rounded-full bg-gray-200 mr-4"></div>
+                    <div class="flex-1">
+                        <p class="font-bold mb-1">Carlos Pérez</p>
+                        <p class="text-sm text-gray-500">Lorem ipsum dolor sit amet...</p>
+                    </div>
+                    <span class="absolute top-2 right-2 px-3 py-1 bg-yellow-400 text-xs font-semibold rounded-full">
+                        Profesor
+                    </span>
+                </div>
+            </div>
+        </div>
+
+
+        <div class="flex items-center justify-center w-full">
+            @if ($chatId)
+            <div class="flex flex-col w-full min-h-full justify-between">
+
+                <!-- Header -->
+                <div class="bg-red-500 p-4 flex justify-between items-center">
+                    <div class="flex items-center space-x-2">
+                        <h1 class="text-xl font-bold text-white">Julian Ramirez</h1>
+                        <span class="px-2 py-1 rounded bg-yellow-400 text-xs">Profesor</span>
+                    </div>
+                </div>
+
+                <!-- Chat -->
+                <div class="flex-grow p-6 overflow-y-auto col-span-2">
+                    <!-- Mensaje alumno -->
+                    <div class="flex justify-end">
+                        <div class="bg-red-400 text-white px-4 py-2 rounded-lg max-w-xs">
+                            Profesor, solicitamos que el dispositivo #4853 sea reiniciado, porque esa porquería no
+                            sirve.
+                        </div>
+                    </div>
+
+                    <!-- Respuesta profesor -->
+                    <div class="flex justify-start">
+                        <div class="bg-teal-700 text-white px-4 py-2 rounded-lg max-w-xs">
+                            Ya que...
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Input -->
+                <div class="p-4 border-t flex items-end">
+                    <textarea placeholder="Chatea con el usuario..."
+                        class="border rounded-lg px-4 py-2 flex-1 resize-none min-h-[40px] max-h-[120px] overflow-y-auto"></textarea>
+                    <button class="ml-2 px-4 py-2 bg-red-500 text-white rounded-lg">➤</button>
+                </div>
+            </div>
+            @else
+            <div class="text-center">
+                <img src="{{ asset('img/logo_sara-gris.png') }}" alt="Logo S.A.R.A"
+                    class="w-[450px] h-auto drop-shadow-xl">
+            </div>
+            @endif
+        </div>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/students/main.blade.php b/resources/views/students/main.blade.php
new file mode 100644
index 0000000..d32c60f
--- /dev/null
+++ b/resources/views/students/main.blade.php
@@ -0,0 +1,127 @@
+<div class="">
+    <div class="bg-gray-100 p-6 min-h-screen">
+        <h1 class="text-3xl font-bold mb-6 text-cyan-800">Bienvenido {{Auth::user()->name}}</h1>
+
+        <!-- Sección superior -->
+        <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
+
+            <!-- Porcentaje de asistencia -->
+            <div class="bg-cyan-900 text-white rounded-xl p-4 shadow-lg">
+                <h2 class="font-semibold">Porcentaje de asistencia</h2>
+                <div class="flex justify-between mt-4">
+                    <div>
+                        <p class="text-3xl font-bold">15%</p>
+                        <p class="text-sm">No asistencias</p>
+                        <p class="text-red-400">5</p>
+                        <p class="text-xs">Recuerda presentar excusa</p>
+                    </div>
+                    <div>
+                        <p class="text-3xl font-bold">85%</p>
+                        <p class="text-sm">Asistencias</p>
+                        <p class="text-green-400">27</p>
+                        <p class="text-xs">Mantén tu compromiso</p>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Total de registros -->
+            <div class="bg-teal-500 text-white rounded-xl p-6 shadow-lg">
+                <h2 class="font-semibold">Total de registros / días</h2>
+                <div class="flex justify-center items-center mt-6">
+                    <div
+                        class="relative w-32 h-32 rounded-full border-8 border-teal-200 flex items-center justify-center">
+                        <p class="text-2xl font-bold">32</p>
+                    </div>
+                </div>
+                <div class="grid grid-cols-2 gap-2 text-sm mt-4">
+                    <span class="flex items-center gap-1"><span class="w-3 h-3 bg-green-400"></span>Reclamados</span>
+                    <span class="flex items-center gap-1"><span class="w-3 h-3 bg-red-400"></span>No asistidos</span>
+                    <span class="flex items-center gap-1"><span class="w-3 h-3 bg-yellow-400"></span>Excusas</span>
+                    <span class="flex items-center gap-1"><span class="w-3 h-3 bg-blue-400"></span>Otros</span>
+                </div>
+            </div>
+
+            <!-- Calendario -->
+            <div class="bg-teal-400 text-white rounded-xl p-4 shadow-lg">
+                <h2 class="font-semibold">Calendario asistencias</h2>
+                <div class="grid grid-cols-7 gap-1 mt-4">
+                    <div class="w-6 h-6 bg-green-500 rounded"></div>
+                    <div class="w-6 h-6 bg-red-500 rounded"></div>
+                    <div class="w-6 h-6 bg-green-600 rounded"></div>
+                    <div class="w-6 h-6 bg-yellow-400 rounded"></div>
+                    <div class="w-6 h-6 bg-green-400 rounded"></div>
+                    <div class="w-6 h-6 bg-green-500 rounded"></div>
+                    <div class="w-6 h-6 bg-red-400 rounded"></div>
+                </div>
+            </div>
+
+            <!-- Estado -->
+            <div class="space-y-4">
+                <div class="bg-red-700 text-white rounded-xl p-4">
+                    <p class="font-bold">Inhabilitado</p>
+                    <p class="text-sm">Disponibilidad de perfil</p>
+                </div>
+                <div class="bg-green-700 text-white rounded-xl p-4">
+                    <p class="font-bold">Iniciado</p>
+                    <p class="text-sm">Estado de la jornada</p>
+                </div>
+            </div>
+        </div>
+
+        <!-- Falta y Refrigerios -->
+        <div class="grid grid-cols-2 gap-6 mt-6">
+            <div class="bg-cyan-500 text-white p-6 rounded-xl shadow-lg">
+                <p class="text-xl font-bold">Faltas</p>
+                <p class="text-3xl">5</p>
+                <p class="text-sm">Último mes</p>
+            </div>
+            <div class="bg-teal-600 text-white p-6 rounded-xl shadow-lg">
+                <p class="text-xl font-bold">Refrigerios</p>
+                <p class="text-3xl">32</p>
+                <p class="text-sm">Reclamados</p>
+            </div>
+        </div>
+
+        <!-- Botón excusa -->
+        <div class="flex justify-center mt-6">
+            <button class="bg-teal-500 text-white px-6 py-3 rounded-lg font-bold hover:bg-teal-600">
+                Presentar excusa
+            </button>
+        </div>
+
+        <!-- Últimas asistencias -->
+        <div class="bg-white mt-6 p-6 rounded-xl shadow-lg">
+            <h2 class="text-xl font-bold mb-4">Últimas asistencias</h2>
+            <table class="w-full text-left border-collapse">
+                <thead>
+                    <tr class="bg-gray-200">
+                        <th class="p-2">Fecha</th>
+                        <th class="p-2">Jornada</th>
+                        <th class="p-2">Tipo</th>
+                        <th class="p-2">Estado</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="border-b">
+                        <td class="p-2">28/09/2025</td>
+                        <td class="p-2">Mañana</td>
+                        <td class="p-2">Almuerzo</td>
+                        <td class="p-2 text-green-600">Asistencia</td>
+                    </tr>
+                    <tr class="border-b">
+                        <td class="p-2">27/09/2025</td>
+                        <td class="p-2">Tarde</td>
+                        <td class="p-2">Refrigerio</td>
+                        <td class="p-2 text-red-600">Falta</td>
+                    </tr>
+                    <tr>
+                        <td class="p-2">25/09/2025</td>
+                        <td class="p-2">Mañana</td>
+                        <td class="p-2">Almuerzo</td>
+                        <td class="p-2 text-yellow-500">Excusa presentada</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/students/mainstudent.blade.php b/resources/views/students/mainstudent.blade.php
deleted file mode 100644
index c098adb..0000000
--- a/resources/views/students/mainstudent.blade.php
+++ /dev/null
@@ -1,47 +0,0 @@
-@extends('templates.students')
-
-@section('content')
-      
-
-<!-- Contenido -->
-<main class="flex-1 p-6">
-    <!-- Fila superior -->
-    <div class="grid grid-cols-4 gap-6">
-        <!-- Porcentaje asistencia -->
-        <div class="bg-teal-900 rounded-xl h-52 shadow-md hover:scale-105 hover:shadow-xl transition-all"></div>
-
-        <!-- Registros/días -->
-        <div class="bg-teal-400 rounded-xl h-52 shadow-md hover:scale-105 hover:shadow-xl transition-all"></div>
-
-        <!-- Calendario -->
-        <div class="bg-teal-400 rounded-xl h-52 shadow-md hover:scale-105 hover:shadow-xl transition-all"></div>
-
-        <!-- Laterales -->
-        <div class="flex flex-col gap-6">
-            <div class="bg-teal-900 rounded-lg h-20 shadow-md hover:scale-105 hover:shadow-xl transition-all"></div>
-            <div class="bg-teal-900 rounded-lg h-20 shadow-md hover:scale-105 hover:shadow-xl transition-all"></div>
-        </div>
-    </div>
-
-    <!-- Fila inferior -->
-    <div class="mt-6 grid grid-cols-3 gap-6">
-        <!-- Faltas -->
-        <div class="bg-teal-400 rounded-lg h-20 shadow-md hover:scale-105 hover:shadow-xl transition-all"></div>
-
-        <!-- Refrigerios -->
-        <div class="bg-teal-400 rounded-lg h-20 shadow-md hover:scale-105 hover:shadow-xl transition-all"></div>
-
-        <!-- Tabla asistencias -->
-        <div class="bg-gray-300 rounded-lg h-40 shadow-inner hover:scale-105 hover:shadow-lg transition-all"></div>
-    </div>
-</main>
-
-
-
-<!-- Botón flotante -->
-<button class="fixed bottom-6 right-6 bg-teal-900 text-white p-5 rounded-full shadow-xl 
-    hover:bg-teal-700 hover:scale-110 hover:rotate-6 hover:shadow-2xl transition-all duration-300 text-3xl">
-    ➤
-</button>
-
-@endsection
diff --git a/resources/views/teachers/asig-coordinadores.blade.php b/resources/views/teachers/asig-coordinadores.blade.php
index eb44723..9cfd2ff 100644
--- a/resources/views/teachers/asig-coordinadores.blade.php
+++ b/resources/views/teachers/asig-coordinadores.blade.php
@@ -1,4 +1,6 @@
-@extends('templates.teacher')
+@extends('templates.teachers')
+
+@extends('templates.headers.teacher')
 
 @section('content')
 
diff --git a/resources/views/teachers/main.blade.php b/resources/views/teachers/main.blade.php
new file mode 100644
index 0000000..da9bcd5
--- /dev/null
+++ b/resources/views/teachers/main.blade.php
@@ -0,0 +1,138 @@
+<div class="">
+    <div class="bg-[#F2F2F2] p-6 min-h-screen font-sans">
+        <h1 class="text-3xl font-bold mb-6 text-[#114D58]">BIENVENI@ {{Auth::user()->name}}</h1>
+
+        <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
+
+            <!-- Progreso de asistencias -->
+            <div class="bg-[#114D58] text-white rounded-xl p-4 shadow-lg">
+                <h2 class="font-semibold">CURSOS POR DIRECTORES DE CURSO</h2>
+                <ul class="mt-4 space-y-3 text-sm">
+                    <li class="flex justify-between"><span>Kristin Watson</span><span class="font-bold">70%</span></li>
+                    <li class="flex justify-between"><span>Darlene Robertson</span><span class="font-bold">30%</span>
+                    </li>
+                    <li class="flex justify-between"><span>Jenny Wilson</span><span class="font-bold">20%</span></li>
+                    <li class="flex justify-between"><span>Cameron Williamson</span><span class="font-bold">50%</span>
+                    </li>
+                    <li class="flex justify-between"><span>Wade Warren</span><span class="font-bold">100%</span></li>
+                </ul>
+            </div>
+
+            <!-- Top estudiantes cumplidos -->
+            <div class="bg-[#39BFC0] text-white rounded-xl p-6 shadow-lg">
+                <h2 class="font-semibold">Top estudiantes cumplidos</h2>
+                <ul class="mt-4 space-y-3 text-sm">
+                    <li class="flex justify-between"><span>Kristin Watson</span><span class="font-bold">7/10</span></li>
+                    <li class="flex justify-between"><span>Darlene Robertson</span><span class="font-bold">3/10</span>
+                    </li>
+                    <li class="flex justify-between"><span>Jenny Wilson</span><span class="font-bold">2/10</span></li>
+                    <li class="flex justify-between"><span>Cameron Williamson</span><span class="font-bold">5/10</span>
+                    </li>
+                    <li class="flex justify-between"><span>Wade Warren</span><span class="font-bold">10/10</span></li>
+                </ul>
+            </div>
+
+            <!-- Calendario -->
+            <div class="bg-[#F2AC2A] text-white rounded-xl p-4 shadow-lg">
+                <h2 class="font-semibold">Calendario asistencias</h2>
+                <div class="grid grid-cols-7 gap-1 mt-4">
+                    <div class="w-6 h-6 bg-[#39BFC0] rounded"></div>
+                    <div class="w-6 h-6 bg-[#F25041] rounded"></div>
+                    <div class="w-6 h-6 bg-[#114D58] rounded"></div>
+                    <div class="w-6 h-6 bg-[#F2AC2A] rounded"></div>
+                    <div class="w-6 h-6 bg-[#39BFC0] rounded"></div>
+                    <div class="w-6 h-6 bg-[#39BFC0] rounded"></div>
+                    <div class="w-6 h-6 bg-[#F25041] rounded"></div>
+                </div>
+                <p class="text-xs mt-2">Aprende cómo contamos las asistencias</p>
+            </div>
+
+            <!-- Estado -->
+            <div class="space-y-4">
+                <div class="bg-[#114D58] text-white rounded-xl p-4">
+                    <p class="font-bold">Iniciado</p>
+                    <p class="text-sm">Estado de la jornada</p>
+                </div>
+                <div class="flex flex-col gap-3">
+                    <button class="bg-[#39BFC0] text-white px-4 py-2 rounded-lg font-bold hover:bg-[#114D58]">
+                        ✅ Iniciar día
+                    </button>
+                    <button class="bg-[#F25041] text-white px-4 py-2 rounded-lg font-bold hover:bg-[#114D58]">
+                        ⛔ Finalizar día
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <div class="grid grid-cols-2 gap-6 mt-6">
+            <div class="bg-[#39BFC0] text-white p-6 rounded-xl shadow-lg text-center">
+                <p class="text-xl font-bold">50</p>
+                <p class="text-sm">Refrigerios restantes</p>
+            </div>
+            <div class="bg-[#F2AC2A] text-white p-6 rounded-xl shadow-lg text-center">
+                <p class="text-xl font-bold">126</p>
+                <p class="text-sm">Estudiantes restantes</p>
+            </div>
+        </div>
+
+        <!-- Botones de acción -->
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-6">
+            <a href="{{ route('home') }}"
+                class="bg-[#39BFC0] text-white py-3 rounded-lg shadow hover:bg-[#114D58] flex items-center justify-center font-semibold">
+                📊 Generar reporte
+            </a>
+
+            <a href="{{ route('history') }}"
+                class="bg-[#114D58] text-white py-3 rounded-lg shadow hover:bg-[#39BFC0] flex items-center justify-center font-semibold">
+                🧾 Historial
+            </a>
+
+            <a href="{{ route('home') }}"
+                class="bg-[#F2AC2A] text-white py-3 rounded-lg shadow hover:bg-[#114D58] flex items-center justify-center font-semibold">
+                🔍 Buscar estudiante
+            </a>
+
+            <a href="{{ route('home') }}"
+                class="bg-[#F25041] text-white py-3 rounded-lg shadow hover:bg-[#114D58] flex items-center justify-center font-semibold">
+                👨‍👩‍👧 Notificar acudientes
+            </a>
+        </div>
+
+        <!-- Últimos registros -->
+        <div class="bg-white mt-6 p-6 rounded-xl shadow-lg">
+            <h2 class="text-xl font-bold mb-4 text-[#114D58]">Últimos registros</h2>
+            <table class="w-full text-left border-collapse">
+                <thead>
+                    <tr class="bg-gray-200 text-black">
+                        <th class="p-2">Fecha</th>
+                        <th class="p-2">Estudiante</th>
+                        <th class="p-2">Acción</th>
+                        <th class="p-2">Estado</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="border-b">
+                        <td class="p-2">28/09/2025</td>
+                        <td class="p-2">Kristin Watson</td>
+                        <td class="p-2">Almuerzo</td>
+                        <td class="p-2 text-[#39BFC0] font-bold">Reclamado</td>
+                    </tr>
+                    <tr class="border-b">
+                        <td class="p-2">27/09/2025</td>
+                        <td class="p-2">Jenny Wilson</td>
+                        <td class="p-2">Refrigerio</td>
+                        <td class="p-2 text-[#F25041] font-bold">No asistió</td>
+                    </tr>
+                    <tr>
+                        <td class="p-2">25/09/2025</td>
+                        <td class="p-2">Cameron Williamson</td>
+                        <td class="p-2">Almuerzo</td>
+                        <td class="p-2 text-[#F2AC2A] font-bold">Excusa</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/teachers/modal-configdispositivo.blade.php b/resources/views/teachers/modal-configdispositivo.blade.php
new file mode 100644
index 0000000..3c155ec
--- /dev/null
+++ b/resources/views/teachers/modal-configdispositivo.blade.php
@@ -0,0 +1,122 @@
+@section('content')
+
+<body class="bg-gray-100 flex items-center justify-center min-h-screen">
+
+
+  <div class="bg-white rounded-xl shadow-xl w-full max-w-2xl p-6 space-y-6">
+
+    <div>
+      <h2 class="text-lg font-semibold text-gray-800">Configuración de Dispositivo – Coordinadores</h2>
+      <p class="text-sm text-gray-500">ID: Amelia-SARA<span class="font-mono"></span></p> <!-- la id va ser los nombres de cada dispositivo -->
+      <div class="flex items-center gap-2 mt-1">
+        <span class="w-3 h-3 rounded-full bg-green-500"></span>
+        <span class="text-sm text-gray-600">Conectado</span>
+        <span class="ml-auto text-xs text-gray-400">Última sincronización: 2025-09-24 14:30</span>
+      </div>
+    </div>
+
+    
+    <div class="space-y-4">
+      <h3 class="text-sm font-semibold text-gray-700 uppercase">Opciones de configuración</h3>
+
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Asignación de aula / zona</label>
+        <select class="w-full border rounded-lg px-3 py-2 text-sm">
+          <option>Seleccionar aula</option>
+          <option>Refigerios</option>
+          <option>Aula Múltiple</option>
+        </select>
+      </div>
+
+     
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Coordinador responsable</label>
+        <select class="w-full border rounded-lg px-3 py-2 text-sm">
+          <option>SONIA</option>
+          <option>SANDRA ARCOS</option>
+          <option>CARLOS</option>
+          <option>JHON FREDDY</option>
+        </select>
+      </div>
+
+<!-- Conexión -->
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Modo de conexión</label>
+        <div class="flex gap-6 text-sm">
+          <label class="flex items-center gap-1"><input type="radio" name="conexion"> WiFi</label>
+          <label class="flex items-center gap-1"><input type="radio" name="conexion"> Local sin internet</label>
+        </div>
+      </div>
+      
+<!-- Sincronizacion  -->
+
+        <div>
+        <label class="block text-sm mb-1 text-gray-600">Frecuencia de sincronización</label>
+        <div class="flex gap-6 text-sm">
+          <label class="flex items-center gap-1"><input type="radio" name="sync"> 5 min</label>
+          <label class="flex items-center gap-1"><input type="radio" name="sync"> 10 min</label>
+          <label class="flex items-center gap-1"><input type="radio" name="sync"> 30 min</label>
+        </div>
+      </div>
+
+
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Tipo de autenticación</label>
+        <div class="flex gap-6 text-sm">
+          <label class="flex items-center gap-1"><input type="radio" name="auth"> Huella digital</label>
+          <label class="flex items-center gap-1"><input type="radio" name="auth"> Código De Barras</label>
+          <label class="flex items-center gap-1"><input type="radio" name="auth"> Mixto</label>
+        </div>
+      </div>
+    </div>
+
+    <!-- Botones -->
+    <div class="flex flex-wrap gap-3">
+      <button class="flex-1 px-4 py-2 rounded-lg border hover:bg-gray-50 text-sm">Probar conexión</button>
+      <button class="flex-1 px-4 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 text-sm">Guardar cambios</button>
+    </div>
+
+    <div class="flex flex-wrap gap-3">
+      <button class="flex-1 px-4 py-2 rounded-lg border hover:bg-gray-50 text-sm">Exportar configuración</button>
+      <button class="flex-1 px-4 py-2 rounded-lg border hover:bg-gray-50 text-sm">Restablecer dispositivo</button>
+    </div>
+
+  
+    <div>
+      <h3 class="text-sm font-semibold text-gray-700 uppercase mb-2">Historial de configuraciones</h3>
+      <div class="overflow-x-auto">
+        <table class="w-full text-sm border rounded-lg overflow-hidden">
+          <thead class="bg-gray-100 text-gray-700">
+            <tr>
+              <th class="px-3 py-2 text-left">Fecha / Hora</th>
+              <th class="px-3 py-2 text-left">Acción</th>
+              <th class="px-3 py-2 text-left">Responsable</th>
+              <th class="px-3 py-2 text-left">Estado</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y">
+            <tr>
+              <td class="px-3 py-2">2025-09-03 14:30</td>
+              <td class="px-3 py-2">Cambio de frecuencia</td>
+              <td class="px-3 py-2">SANDRA ARCOS</td>
+              <td class="px-3 py-2 text-green-600 font-medium">Éxito</td>
+            </tr>
+            <tr>
+              <td class="px-3 py-2">2025-09-02 10:15</td>
+              <td class="px-3 py-2">Actualización firma</td>
+              <td class="px-3 py-2">SANDRA ARCOS</td>
+              <td class="px-3 py-2 text-green-600 font-medium">Éxito</td>
+            </tr>
+            <tr>
+              <td class="px-3 py-2">2025-09-01 09:05</td>
+              <td class="px-3 py-2">Asignación de aula</td>
+              <td class="px-3 py-2">SONIA</td>
+              <td class="px-3 py-2 text-green-600 font-medium">Éxito</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/resources/views/teachers/pag-status.blade.php b/resources/views/teachers/pag-status.blade.php
new file mode 100644
index 0000000..5968111
--- /dev/null
+++ b/resources/views/teachers/pag-status.blade.php
@@ -0,0 +1,118 @@
+@section('content')
+<div class="bg-gray-100 flex items-center justify-center min-h-screen">
+
+  <div class="bg-white rounded-xl shadow-xl w-full max-w-2xl p-6 space-y-6">
+
+    <div>
+      <h2 class="text-lg font-semibold text-gray-800">Configuración de Dispositivo – Coordinadores</h2>
+      <p class="text-sm text-gray-500">
+        ID: Amelia-SARA<span class="font-mono"></span>
+      </p> <!-- la id va ser los nombres de cada dispositivo -->
+      <div class="flex items-center gap-2 mt-1">
+        <span class="w-3 h-3 rounded-full bg-green-500"></span>
+        <span class="text-sm text-gray-600">Conectado</span>
+        <span class="ml-auto text-xs text-gray-400">Última sincronización: 2025-09-24 14:30</span>
+      </div>
+    </div>
+
+    <div class="space-y-4">
+      <h3 class="text-sm font-semibold text-gray-700 uppercase">Opciones de configuración</h3>
+
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Asignación de aula / zona</label>
+        <select class="w-full border rounded-lg px-3 py-2 text-sm">
+          <option>Seleccionar aula</option>
+          <option>Refigerios</option>
+          <option>Aula Múltiple</option>
+        </select>
+      </div>
+
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Coordinador responsable</label>
+        <select class="w-full border rounded-lg px-3 py-2 text-sm">
+          <option>SONIA</option>
+          <option>SANDRA ARCOS</option>
+          <option>CARLOS</option>
+          <option>JHON FREDDY</option>
+        </select>
+      </div>
+
+      <!-- Conexión -->
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Modo de conexión</label>
+        <div class="flex gap-6 text-sm">
+          <label class="flex items-center gap-1"><input type="radio" name="conexion"> WiFi</label>
+          <label class="flex items-center gap-1"><input type="radio" name="conexion"> Local sin internet</label>
+        </div>
+      </div>
+
+      <!-- Sincronizacion -->
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Frecuencia de sincronización</label>
+        <div class="flex gap-6 text-sm">
+          <label class="flex items-center gap-1"><input type="radio" name="sync"> 5 min</label>
+          <label class="flex items-center gap-1"><input type="radio" name="sync"> 10 min</label>
+          <label class="flex items-center gap-1"><input type="radio" name="sync"> 30 min</label>
+        </div>
+      </div>
+
+      <div>
+        <label class="block text-sm mb-1 text-gray-600">Tipo de autenticación</label>
+        <div class="flex gap-6 text-sm">
+          <label class="flex items-center gap-1"><input type="radio" name="auth"> Huella digital</label>
+          <label class="flex items-center gap-1"><input type="radio" name="auth"> Código De Barras</label>
+          <label class="flex items-center gap-1"><input type="radio" name="auth"> Mixto</label>
+        </div>
+      </div>
+    </div>
+
+    <!-- Botones -->
+    <div class="flex flex-wrap gap-3">
+      <button class="flex-1 px-4 py-2 rounded-lg border hover:bg-gray-50 text-sm">Probar conexión</button>
+      <button class="flex-1 px-4 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 text-sm">Guardar cambios</button>
+    </div>
+
+    <div class="flex flex-wrap gap-3">
+      <button class="flex-1 px-4 py-2 rounded-lg border hover:bg-gray-50 text-sm">Exportar configuración</button>
+      <button class="flex-1 px-4 py-2 rounded-lg border hover:bg-gray-50 text-sm">Restablecer dispositivo</button>
+    </div>
+
+    <div>
+      <h3 class="text-sm font-semibold text-gray-700 uppercase mb-2">Historial de configuraciones</h3>
+      <div class="overflow-x-auto">
+        <table class="w-full text-sm border rounded-lg overflow-hidden">
+          <thead class="bg-gray-100 text-gray-700">
+            <tr>
+              <th class="px-3 py-2 text-left">Fecha / Hora</th>
+              <th class="px-3 py-2 text-left">Acción</th>
+              <th class="px-3 py-2 text-left">Responsable</th>
+              <th class="px-3 py-2 text-left">Estado</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y">
+            <tr>
+              <td class="px-3 py-2">2025-09-03 14:30</td>
+              <td class="px-3 py-2">Cambio de frecuencia</td>
+              <td class="px-3 py-2">SANDRA ARCOS</td>
+              <td class="px-3 py-2 text-green-600 font-medium">Éxito</td>
+            </tr>
+            <tr>
+              <td class="px-3 py-2">2025-09-02 10:15</td>
+              <td class="px-3 py-2">Actualización firma</td>
+              <td class="px-3 py-2">SANDRA ARCOS</td>
+              <td class="px-3 py-2 text-green-600 font-medium">Éxito</td>
+            </tr>
+            <tr>
+              <td class="px-3 py-2">2025-09-01 09:05</td>
+              <td class="px-3 py-2">Asignación de aula</td>
+              <td class="px-3 py-2">SONIA</td>
+              <td class="px-3 py-2 text-green-600 font-medium">Éxito</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+  </div>
+</div>
+@endsection
diff --git a/resources/views/teachers/record-history.blade.php b/resources/views/teachers/record-history.blade.php
index 6fcee85..4fd620d 100644
--- a/resources/views/teachers/record-history.blade.php
+++ b/resources/views/teachers/record-history.blade.php
@@ -1,17 +1,18 @@
-@extends('templates.teacher')
+@extends('templates.teachers')
+@extends('templates.headers.teacher')
 
 @section('content')
 
-<body class="bg-gray-50 text-gray-800 font-sans flex flex-col min-h-screen">
+<div class="bg-gray-50 text-gray-800 font-sans min-h-screen flex flex-col">
 
     <!-- Encabezado -->
     <header class="p-6 bg-white shadow-md flex justify-between items-center">
         <div class="flex items-center gap-3">
             <!-- Flecha de devolver -->
             <a href="{{ route('home') }}"
-                class="text-[#F2AC2A] hover:text-yellow-600 transition-transform duration-200 hover:scale-110">
+               class="text-[#F2AC2A] hover:text-yellow-600 transition-transform duration-200 hover:scale-110">
                 <svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor" stroke-width="2">
+                     stroke="currentColor" stroke-width="2">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" />
                 </svg>
             </a>
@@ -19,25 +20,26 @@ class="text-[#F2AC2A] hover:text-yellow-600 transition-transform duration-200 ho
         </div>
 
         <div class="flex gap-3">
-            <button
-                class="px-4 py-2 rounded-xl bg-green-600 text-white transition-transform duration-200 hover:bg-green-700 hover:scale-105">Exportar
-                Excel</button>
-            <button
-                class="px-4 py-2 rounded-xl bg-red-600 text-white transition-transform duration-200 hover:bg-red-700 hover:scale-105">Descargar
-                PDF</button>
-            <button
-                class="px-4 py-2 rounded-xl bg-[#F2AC2A] text-white transition-transform duration-200 hover:bg-yellow-600 hover:scale-105">Actualizar</button>
+            <button class="px-4 py-2 rounded-xl bg-green-600 text-white transition-transform duration-200 hover:bg-green-700 hover:scale-105">
+                Exportar Excel
+            </button>
+            <button class="px-4 py-2 rounded-xl bg-red-600 text-white transition-transform duration-200 hover:bg-red-700 hover:scale-105">
+                Descargar PDF
+            </button>
+            <button class="px-4 py-2 rounded-xl bg-[#F2AC2A] text-white transition-transform duration-200 hover:bg-yellow-600 hover:scale-105">
+                Actualizar
+            </button>
         </div>
     </header>
 
     <!-- Filtros -->
     <section class="p-6 flex flex-wrap gap-3 items-center bg-white shadow-sm mt-4 rounded-xl mx-4">
         <input type="text" placeholder="Buscar estudiante..."
-            class="px-4 py-2 border rounded-xl focus:ring-2 focus:ring-[#F2AC2A] w-64 transition duration-200 hover:shadow-md">
+               class="px-4 py-2 border rounded-xl focus:ring-2 focus:ring-[#F2AC2A] w-64 transition duration-200 hover:shadow-md">
         <input type="date"
-            class="px-4 py-2 border rounded-xl focus:ring-2 focus:ring-[#F2AC2A] transition duration-200 hover:shadow-md">
+               class="px-4 py-2 border rounded-xl focus:ring-2 focus:ring-[#F2AC2A] transition duration-200 hover:shadow-md">
         <input type="date"
-            class="px-4 py-2 border rounded-xl focus:ring-2 focus:ring-[#F2AC2A] transition duration-200 hover:shadow-md">
+               class="px-4 py-2 border rounded-xl focus:ring-2 focus:ring-[#F2AC2A] transition duration-200 hover:shadow-md">
     </section>
 
     <!-- Tabla -->
@@ -75,32 +77,28 @@ class="px-4 py-2 border rounded-xl focus:ring-2 focus:ring-[#F2AC2A] transition
                         <span class="px-3 py-1 rounded-full text-sm bg-green-100 text-green-700">Entregado</span>
                     </td>
                     <td class="px-4 py-3 text-center flex gap-3 justify-center">
-                        <button
-                            class="text-blue-500 hover:text-blue-700 transition-transform duration-200 hover:scale-125">✏️</button>
-                        <button
-                            class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:scale-125">🗑️</button>
+                        <button class="text-blue-500 hover:text-blue-700 transition-transform duration-200 hover:scale-125">✏️</button>
+                        <button class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:scale-125">🗑️</button>
                     </td>
                 </tr>
 
                 <!-- ejemplo 2 -->
                 <tr class="hover:bg-gray-100 transition">
                     <td class="px-4 py-3 font-medium">María Gómez</td>
-                    <td class="px-4 py-3">1234567.890</td>
+                    <td class="px-4 py-3">1234567890</td>
                     <td class="px-4 py-3">24/09/2025</td>
                     <td class="px-4 py-3">12:10 PM</td>
                     <td class="px-4 py-3">1002</td>
                     <td class="px-4 py-3">Sí</td>
                     <td class="px-4 py-3">Almuerzo</td>
-                    <td class="px-4 py-3">boto la papa del almuerzo a la basura </td>
+                    <td class="px-4 py-3">Botó la papa del almuerzo a la basura</td>
                     <td class="px-4 py-3">Prof. Sánchez</td>
                     <td class="px-4 py-3">
                         <span class="px-3 py-1 rounded-full text-sm bg-yellow-100 text-yellow-700">Pendiente</span>
                     </td>
                     <td class="px-4 py-3 text-center flex gap-3 justify-center">
-                        <button
-                            class="text-blue-500 hover:text-blue-700 transition-transform duration-200 hover:scale-125">✏️</button>
-                        <button
-                            class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:scale-125">🗑️</button>
+                        <button class="text-blue-500 hover:text-blue-700 transition-transform duration-200 hover:scale-125">✏️</button>
+                        <button class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:scale-125">🗑️</button>
                     </td>
                 </tr>
 
@@ -110,7 +108,7 @@ class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:s
                     <td class="px-4 py-3">1098765432</td>
                     <td class="px-4 py-3">24/09/2025</td>
                     <td class="px-4 py-3">12:00 PM</td>
-                    <td class="px-4 py-3">12:20</td>
+                    <td class="px-4 py-3">1202</td>
                     <td class="px-4 py-3">No</td>
                     <td class="px-4 py-3">Ambos</td>
                     <td class="px-4 py-3">-</td>
@@ -119,10 +117,8 @@ class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:s
                         <span class="px-3 py-1 rounded-full text-sm bg-red-100 text-red-700">Cancelado</span>
                     </td>
                     <td class="px-4 py-3 text-center flex gap-3 justify-center">
-                        <button
-                            class="text-blue-500 hover:text-blue-700 transition-transform duration-200 hover:scale-125">✏️</button>
-                        <button
-                            class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:scale-125">🗑️</button>
+                        <button class="text-blue-500 hover:text-blue-700 transition-transform duration-200 hover:scale-125">✏️</button>
+                        <button class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:scale-125">🗑️</button>
                     </td>
                 </tr>
 
@@ -131,17 +127,14 @@ class="text-red-500 hover:text-red-700 transition-transform duration-200 hover:s
     </section>
 
     <!-- Paginación -->
-    <div class="flex justify-center items-center gap-3 mt-6">
-        <button
-            class="px-3 py-1 border rounded-lg transition duration-200 hover:bg-gray-200 hover:scale-105">Anterior</button>
+    <div class="flex justify-center items-center gap-3 mt-6 mb-6">
+        <button class="px-3 py-1 border rounded-lg transition duration-200 hover:bg-gray-200 hover:scale-105">Anterior</button>
         <button class="px-3 py-1 border rounded-lg bg-[#F2AC2A] text-white">1</button>
         <button class="px-3 py-1 border rounded-lg transition duration-200 hover:bg-gray-200 hover:scale-105">2</button>
         <button class="px-3 py-1 border rounded-lg transition duration-200 hover:bg-gray-200 hover:scale-105">3</button>
-        <button
-            class="px-3 py-1 border rounded-lg transition duration-200 hover:bg-gray-200 hover:scale-105">Siguiente</button>
+        <button class="px-3 py-1 border rounded-lg transition duration-200 hover:bg-gray-200 hover:scale-105">Siguiente</button>
     </div>
 
+</div>
 
-</body>
-
-</html>
\ No newline at end of file
+@endsection
diff --git a/resources/views/templates/dv.blade.php b/resources/views/templates/dev.blade.php
similarity index 91%
rename from resources/views/templates/dv.blade.php
rename to resources/views/templates/dev.blade.php
index 97ee08a..b349933 100644
--- a/resources/views/templates/dv.blade.php
+++ b/resources/views/templates/dev.blade.php
@@ -7,13 +7,13 @@
 </head>
 
 <body>
-    <nav> 
-        
+    <nav>
+
         @include('templates.headers.dev')
-  
+
     </nav>
 
-    <div class="">
+    <div>
         @yield('content')
     </div>
 
diff --git a/resources/views/templates/general.blade.php b/resources/views/templates/general.blade.php
index 2b40fb9..f7ed397 100644
--- a/resources/views/templates/general.blade.php
+++ b/resources/views/templates/general.blade.php
@@ -8,11 +8,15 @@
 <body>
 
     <div class="">
+        @isset ($slot)
+        {{$slot}}
+        @else
         @yield('content')
+        @endif
     </div>
     <footer class="w-full bg-[#114D58] text-white text-xs py-3 text-center">
         © {{\Carbon\Carbon::now()->year}} - Proyecto SASHA | By: S.A.R.A & System Shadow | Colegio OEA I.E.D
     </footer>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/resources/views/templates/headers/dev.blade.php b/resources/views/templates/headers/dev.blade.php
index e0322b9..da0ba10 100644
--- a/resources/views/templates/headers/dev.blade.php
+++ b/resources/views/templates/headers/dev.blade.php
@@ -1,35 +1,35 @@
 <header class="bg-[#F25041] flex items-center justify-between px-6 py-0 shadow-md">
 
-  <!-- Logo + Menú -->
-  <div class="flex items-center gap-4">
-    <!-- Botón Menú Hamburguesa -->
-    <button class="flex flex-col gap-1.5 group cursor-pointer">
-      <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
-      <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
-      <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
-    </button>
+    <!-- Logo + Menú -->
+    <div class="flex items-center gap-4">
+        <!-- Botón Menú Hamburguesa -->
+        <button class="flex flex-col gap-1.5 group cursor-pointer">
+            <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
+            <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
+            <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
+        </button>
 
-    <!-- Logo -->
-    <div class="flex items-center gap-2 font-bold">
-      <img src="{{ asset('img/logo-sara-blanco.png') }}" 
-           alt="Logo S.A.R.A" 
-           class="h-20 w-auto">
+        <!-- Logo -->
+        <div class="flex items-center gap-2 font-bold">
+            <img src="{{ asset('img/logo-sara-blanco.png') }}" alt="Logo S.A.R.A" class="h-20 w-auto">
+        </div>
     </div>
-  </div>
 
-  <!-- Info Usuario -->
-  <div class="flex items-center gap-3 text-right hover:bg-[#d64539] rounded-xl px-3 py-2 transition-colors cursor-pointer">
-    <div class="leading-tight">
-      <p class="font-bold text-white text-lg">Pepito Perez</p>
-      <p class="text-sm text-white">Grado: 1104</p>
-      <p class="text-xs text-white">
-        Último inicio de sesión: <span class="font-light">DD/MM/AAAA</span>
-      </p>
+    <!-- Info Usuario -->
+    <div
+        class="flex items-center gap-3 text-right hover:bg-[#d64539] rounded-xl px-3 py-2 transition-colors cursor-pointer">
+        <div class="leading-tight">
+            <p class="font-bold text-white text-lg">{{Auth::user()->name}} {{Auth::user()->last_name}}</p>
+            <p class="text-sm text-white">Grado: 1104</p>
+            <p class="text-xs text-white">
+                Último inicio de sesión: <span
+                    class="font-light">{{\Carbon\Carbon::parse(Auth::user()->last_login_at)->format('d/m/Y') ??
+                    ''}}</span>
+            </p>
+        </div>
+        <!-- Avatar -->
+        <img src="https://i.pravatar.cc/100" alt="Usuario"
+            class="w-12 h-12 rounded-full border-2 border-white shadow-md hover:scale-105 transition-transform">
     </div>
-    <!-- Avatar -->
-    <img src="https://i.pravatar.cc/100" 
-         alt="Usuario" 
-         class="w-12 h-12 rounded-full border-2 border-white shadow-md hover:scale-105 transition-transform">
-  </div>
 
-</header>
+</header>
\ No newline at end of file
diff --git a/resources/views/templates/headers/student.blade.php b/resources/views/templates/headers/student.blade.php
index fd2cf4a..a7b9d43 100644
--- a/resources/views/templates/headers/student.blade.php
+++ b/resources/views/templates/headers/student.blade.php
@@ -19,10 +19,12 @@
     <div
         class="flex items-center gap-3 text-right hover:bg-[#0d3c45] rounded-xl px-3 py-2 transition-colors cursor-pointer">
         <div class="leading-tight">
-            <p class="font-bold text-white text-lg">{{Auth::user()->name}}</p>
-            <p class="text-sm text-white">Grado: 1104</p>
+            <p class="font-bold text-white text-lg">{{Auth::user()->name}} {{Auth::user()->last_name}}</p>
+            <p class="text-sm text-white">Grado: {{Auth::user()->grade}}</p>
             <p class="text-xs text-white">
-                Último inicio de sesión: <span class="font-light">DD/MM/AAAA</span>
+                Último inicio de sesión: <span
+                    class="font-light">{{\Carbon\Carbon::parse(Auth::user()->last_login_at)->format('d/m/Y') ??
+                    ''}}</span>
             </p>
         </div>
         <!-- Avatar -->
diff --git a/resources/views/templates/headers/teacher.blade.php b/resources/views/templates/headers/teacher.blade.php
index 0c63476..b673022 100644
--- a/resources/views/templates/headers/teacher.blade.php
+++ b/resources/views/templates/headers/teacher.blade.php
@@ -1,34 +1,34 @@
 <header class="bg-[#F2A51A] flex items-center justify-between px-6 py-0 shadow-md">
 
-  <!-- Logo + Menú -->
-  <div class="flex items-center gap-4">
-    <!-- Botón Menú Hamburguesa -->
-    <button class="flex flex-col gap-1.5 group cursor-pointer">
-      <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
-      <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
-      <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
-    </button>
+    <!-- Logo + Menú -->
+    <div class="flex items-center gap-4">
+        <!-- Botón Menú Hamburguesa -->
+        <button class="flex flex-col gap-1.5 group cursor-pointer">
+            <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
+            <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
+            <span class="block w-8 h-1.5 bg-white rounded group-hover:bg-gray-200 transition-colors"></span>
+        </button>
 
-    <!-- Logo -->
-    <div class="flex items-center gap-2 font-bold">
-      <img src="{{ asset('img/logo-sara-blanco.png') }}" 
-           alt="Logo S.A.R.A" 
-           class="h-20 w-auto">
+        <!-- Logo -->
+        <div class="flex items-center gap-2 font-bold">
+            <img src="{{ asset('img/logo-sara-blanco.png') }}" alt="Logo S.A.R.A" class="h-20 w-auto">
+        </div>
     </div>
-  </div> 
-  <!-- Info Usuario -->
-  <div class="flex items-center gap-3 text-right hover:bg-yellow-600 rounded-xl px-3 py-2 transition-colors cursor-pointer">
-    <div class="leading-tight">
-      <p class="font-bold text-white text-lg">Pepito Perez</p>
-      <p class="text-sm text-white">Grado: 1104</p>
-      <p class="text-xs text-white">
-        Último inicio de sesión: <span class="font-light">DD/MM/AAAA</span>
-      </p>
+    <!-- Info Usuario -->
+    <div
+        class="flex items-center gap-3 text-right hover:bg-yellow-600 rounded-xl px-3 py-2 transition-colors cursor-pointer">
+        <div class="leading-tight">
+            <p class="font-bold text-white">{{Auth::user()->name}} {{Auth::user()->last_name}}</p>
+            <p class="text-sm text-white">Rol: {{Auth::user()->rol}}</p>
+            <p class="text-xs text-white">
+                Último inicio de sesión: <span
+                    class="font-light">{{\Carbon\Carbon::parse(Auth::user()->last_login_at)->format('d/m/Y') ??
+                    ''}}</span>
+            </p>
+        </div>
+        <!-- Avatar -->
+        <img src="https://i.pravatar.cc/100" alt="Usuario"
+            class="w-12 h-12 rounded-full border-2 border-white shadow-md hover:scale-105 transition-transform">
     </div>
-    <!-- Avatar -->
-    <img src="https://i.pravatar.cc/100" 
-         alt="Usuario" 
-         class="w-12 h-12 rounded-full border-2 border-white shadow-md hover:scale-105 transition-transform">
-  </div>
 
-</header>
+</header>
\ No newline at end of file
diff --git a/resources/views/templates/students.blade.php b/resources/views/templates/students.blade.php
index bafde91..9ae3ce2 100644
--- a/resources/views/templates/students.blade.php
+++ b/resources/views/templates/students.blade.php
@@ -7,14 +7,18 @@
 </head>
 
 <body>
-    <nav> 
-        
+    <nav>
+
         @include('templates.headers.student')
-  
+
     </nav>
 
-    <div class="">
-        @yield('content')
+    <div class="min-h-screen">
+        {{$slot}}
+        <button class="fixed bottom-6 right-6 bg-teal-900 text-white p-5 rounded-full shadow-xl
+    hover:bg-teal-700 hover:scale-110 hover:rotate-6 hover:shadow-2xl transition-all duration-300 text-3xl">
+            ➤
+        </button>
     </div>
 
 
diff --git a/resources/views/templates/teacher.blade.php b/resources/views/templates/teacher.blade.php
deleted file mode 100644
index 07e1fc3..0000000
--- a/resources/views/templates/teacher.blade.php
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-
-
-<head>
-    @include('templates.head')
-</head>
-
-<body>
-    <nav> 
-        
-        @include('templates.headers.teacher')
-  
-    </nav>
-
-    <div class="">
-        @yield('content')
-    </div>
-
-
-
-    <footer class="w-full bg-[#114D58] text-white text-xs py-3 text-center">
-        © {{\Carbon\Carbon::now()->year}} - Proyecto SASHA | By: S.A.R.A & System Shadow | Colegio OEA I.E.D
-    </footer>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/resources/views/templates/teachers.blade.php b/resources/views/templates/teachers.blade.php
index 363755f..602b3d5 100644
--- a/resources/views/templates/teachers.blade.php
+++ b/resources/views/templates/teachers.blade.php
@@ -1,19 +1,29 @@
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
+
 <head>
     @include('templates.head')
 </head>
 
 <body>
+    <nav>
+        @include('templates.headers.teacher')
+    </nav>
 
     <div class="">
-        @yield('content')
+        {{$slot}}
     </div>
+    <button
+        class="fixed bottom-8 right-8 bg-[#F2AC2A] text-white p-5 rounded-full shadow-lg hover:bg-[#114D58] transition">
+        ➤
+    </button>
+
 
-    <footer class="w-full bg-sara-complementary text-white text-xs py-3 text-center">
+    <footer class="w-full bg-[#F2AC2A] text-white text-xs py-3 text-center">
         © {{\Carbon\Carbon::now()->year}} - Proyecto SASHA | By: S.A.R.A & System Shadow | Colegio OEA I.E.D
     </footer>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 5fe1d22..73d7ada 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -4,16 +4,18 @@
 use App\Livewire\Settings\Password;
 use App\Livewire\Settings\Profile;
 use App\Livewire\Settings\TwoFactor;
+use App\Livewire\Students\Chat;
+use App\Livewire\Students\Main as StudentMain;
+use App\Livewire\Teacher\Main as TeacherMain;
+use App\Livewire\Website\Home;
+use App\Models\User;
 use Illuminate\Support\Facades\Route;
 use Laravel\Fortify\Features;
 
-
 // Rutas para todos los usuarios
 /////////////////////////////////////////////////////////////////////////////////////////////////////
 // Página principal
-Route::get('/', function () {
-    return view('landig-page');
-})->name('home');
+Route::get('/', Home::class)->name('home');
 
 // Historial
 Route::get('/history/cordinadores', function () {
@@ -40,11 +42,10 @@
     return view('advice_page');
 })->name('consejos');
 
-
 // Contacto de soporte
 Route::get('/help/soporte', function () {
     return view('help');
-})->name('quienesomos');
+})->name('soporte');
 
 // Contacto general
 Route::get('/contact', function () {
@@ -62,42 +63,61 @@
 })->name('noticias');
 
 // Status
-
 Route::get('/status', function () {
     return view('status_page');
 })->name('status');
 
-
 Route::view('dashboard', 'dashboard')
     ->middleware(['auth', 'verified'])
     ->name('dashboard');
 
-
 /////////////////////////////////////////////////////////////////////////////////////////////////////
-// Rutas para los  teachers y coordinadores
+// Rutas para los teachers y coordinadores
+
 
-Route::get('/asig-teacher', function () {
+Route::middleware(['teacher', 'auth', 'web'])->prefix('/docente')->group(function () {
+
+    Route::get('/', TeacherMain::class)->name('teacher.home');
+})->middleware(['web']);
+
+
+
+Route::get('/asig/docente', function () {
     return view('teachers.asig-coordinadores');
 })->name('asignacion-teacher');
 
 
+// // Historial de estduiantes
+// Route::get('/history', function () {
+//     return view('teachers.record-history');
+// })->name('history');
 
+// // pagina pricipal de profesores y cordinadores
+// Route::get('/inicio/profesor', function () {
+//     return view('teachers.main-teacher');
+// })->name('inicio-teacher');
 
+// // configuracion de dispositivos
+// Route::get('/config/dispositivos/status', function () {
+//     return view('teachers.pag-status');
+// })->name('inicio-teacher');
+
+// // configuracion de dispositivos
+// Route::get('/config/dispositivo/', function () {
+//     return view('teachers.modal-configdispositivo');
+// })->name('modal-configdispositivo');
 
-/////////////////////////////////////////////////////////////////////////////////////////////////////
 
+
+/////////////////////////////////////////////////////////////////////////////////////////////////////
 // Rutas para estudiantes
 
-Route::prefix('/estudiante')->group(function () {
-    Route::get('/', function () {
-        return view('students.mainstudent');
-    })->name('student.home'); // estudiante/
+Route::middleware(['student', 'auth', 'web'])->prefix('/estudiante')->group(function () {
 
-    Route::get('/chat', function () {
-        return view('students.mainstudent');
-    })->name('student.chat');
-})->middleware(['auth', 'auth.session', 'web']);
+    Route::get('/', StudentMain::class)->name('student.home'); // estudiante/
 
+    Route::get('/chat', Chat::class)->name('student.chat');
+});
 
 
 
@@ -105,20 +125,18 @@
 
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////
+
+
 // Rutas para desarrolladores
 Route::get('/chatsar', function () {
     return view('developers.chat.interno_chat');
 })->name('chat-sara');
 
-
 Route::get('/chatsara', function () {
     return view('developers.chat.externo_chat');
 })->name('chat.sara');
 
-// Historial
-Route::get('/history/cordinadores', function () {
-    return view('record-history');
-})->name('history'); // coordinadores
+
 /////////////////////////////////////////////////////////////////////////////////////////////////////
 
 Route::middleware(['auth'])->group(function () {
@@ -140,5 +158,4 @@
         ->name('two-factor.show');
 });
 
-
 require __DIR__ . '/auth.php';
diff --git a/tests/Feature/Livewire/Website/HomeTest.php b/tests/Feature/Livewire/Website/HomeTest.php
new file mode 100644
index 0000000..9fa7e79
--- /dev/null
+++ b/tests/Feature/Livewire/Website/HomeTest.php
@@ -0,0 +1,9 @@
+<?php
+
+use App\Livewire\Website\Home;
+use Livewire\Livewire;
+
+it('renders successfully', function () {
+    Livewire::test(Home::class)
+        ->assertStatus(200);
+});