nrml_dashboard/e exec app composer dump-autoloaddocker compose exec app composer dump-autoload

diff --git a/Dockerfile b/Dockerfile
index af83013..b506a23 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -14,6 +14,7 @@ RUN apt-get update && apt-get install -y \
 
 # PHP Extensions
 RUN docker-php-ext-install pdo_mysql mbstring exif pcntl bcmath gd
+RUN chown -R www-data:www-data /var/www/storage /var/www/bootstrap/cache

 
 # Install Composer
 COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
diff --git a/dashboard/bootstrap/app.php b/dashboard/bootstrap/app.php
index c3928c5..9f5e292 100644
--- a/dashboard/bootstrap/app.php
+++ b/dashboard/bootstrap/app.php
@@ -6,13 +6,15 @@
 
 return Application::configure(basePath: dirname(__DIR__))
     ->withRouting(
-        web: __DIR__.'/../routes/web.php',
-        api: __DIR__.'/../routes/api.php',
-        commands: __DIR__.'/../routes/console.php',
+        web: __DIR__ . '/../routes/web.php',
+        api: __DIR__ . '/../routes/api.php',
+        commands: __DIR__ . '/../routes/console.php',
         health: '/up',
     )
     ->withMiddleware(function (Middleware $middleware): void {
-        //
+        $middleware->alias([
+            'role' => \App\Http\Middleware\RoleMiddleware::class,
+        ]);
     })
     ->withExceptions(function (Exceptions $exceptions): void {
         //
diff --git a/dashboard/composer.json b/dashboard/composer.json
index 52a3a8a..aad37ad 100644
--- a/dashboard/composer.json
+++ b/dashboard/composer.json
@@ -12,6 +12,7 @@
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",
+        "laravel/breeze": "^2.4",
         "laravel/pail": "^1.2.2",
         "laravel/pint": "^1.24",
         "laravel/sail": "^1.41",
diff --git a/dashboard/composer.lock b/dashboard/composer.lock
index 7ba63ad..23b4e2e 100644
--- a/dashboard/composer.lock
+++ b/dashboard/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": "c514d8f7b9fc5970bdd94287905ef584",
+    "content-hash": "18c3a10710e6e4641721ddfbd649de8d",
     "packages": [
         {
             "name": "brick/math",
@@ -6195,6 +6195,67 @@
             },
             "time": "2025-04-30T06:54:44+00:00"
         },
+        {
+            "name": "laravel/breeze",
+            "version": "v2.4.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/breeze.git",
+                "reference": "28cefeaf6af20177ddf5cc7b93e87e4ad79d533f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/breeze/zipball/28cefeaf6af20177ddf5cc7b93e87e4ad79d533f",
+                "reference": "28cefeaf6af20177ddf5cc7b93e87e4ad79d533f",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/console": "^11.0|^12.0|^13.0",
+                "illuminate/filesystem": "^11.0|^12.0|^13.0",
+                "illuminate/support": "^11.0|^12.0|^13.0",
+                "illuminate/validation": "^11.0|^12.0|^13.0",
+                "php": "^8.2.0",
+                "symfony/console": "^7.0|^8.0"
+            },
+            "require-dev": {
+                "laravel/framework": "^11.0|^12.0|^13.0",
+                "orchestra/testbench-core": "^9.0|^10.0|^11.0",
+                "phpstan/phpstan": "^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Breeze\\BreezeServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Breeze\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                }
+            ],
+            "description": "Minimal Laravel authentication scaffolding with Blade and Tailwind.",
+            "keywords": [
+                "auth",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/breeze/issues",
+                "source": "https://github.com/laravel/breeze"
+            },
+            "time": "2026-03-10T19:59:01+00:00"
+        },
         {
             "name": "laravel/pail",
             "version": "v1.2.6",
diff --git a/dashboard/package.json b/dashboard/package.json
index 7686b29..2ea7e1d 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -7,11 +7,15 @@
         "dev": "vite"
     },
     "devDependencies": {
+        "@tailwindcss/forms": "^0.5.2",
         "@tailwindcss/vite": "^4.0.0",
+        "alpinejs": "^3.4.2",
+        "autoprefixer": "^10.4.2",
         "axios": "^1.11.0",
         "concurrently": "^9.0.1",
         "laravel-vite-plugin": "^2.0.0",
-        "tailwindcss": "^4.0.0",
+        "postcss": "^8.4.31",
+        "tailwindcss": "^3.1.0",
         "vite": "^7.0.7"
     }
 }
diff --git a/dashboard/resources/css/app.css b/dashboard/resources/css/app.css
index 3e6abea..b5c61c9 100644
--- a/dashboard/resources/css/app.css
+++ b/dashboard/resources/css/app.css
@@ -1,11 +1,3 @@
-@import 'tailwindcss';
-
-@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
-@source '../../storage/framework/views/*.php';
-@source '../**/*.blade.php';
-@source '../**/*.js';
-
-@theme {
-    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-        'Segoe UI Symbol', 'Noto Color Emoji';
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/dashboard/resources/js/app.js b/dashboard/resources/js/app.js
index e59d6a0..a8093be 100644
--- a/dashboard/resources/js/app.js
+++ b/dashboard/resources/js/app.js
@@ -1 +1,7 @@
 import './bootstrap';
+
+import Alpine from 'alpinejs';
+
+window.Alpine = Alpine;
+
+Alpine.start();
diff --git a/dashboard/resources/views/layouts/app.blade.php b/dashboard/resources/views/layouts/app.blade.php
index e086ead..0a471a4 100644
--- a/dashboard/resources/views/layouts/app.blade.php
+++ b/dashboard/resources/views/layouts/app.blade.php
@@ -1,305 +1,36 @@
 <!DOCTYPE html>
-<html>
-
-<head>
-    <title>NRML Dashboard</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1"></script>
-    <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0"></script>
-    <script src="https://cdn.jsdelivr.net/npm/html-to-image@1.11.11/dist/html-to-image.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
-    <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
-
-    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
-    <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
-
-    <script src="/js/dashboard/filter.js"></script>
-    <script src="/js/dashboard/charts.js"></script>
-    <script src="/js/dashboard/export.js"></script>
-
-    <style>
-        body {
-            margin: 0;
-        }
-
-        .top-navbar {
-            height: 60px;
-            background: #0B8F3C;
-            color: white;
-            display: flex;
-            align-items: center;
-            padding: 0 25px;
-        }
-
-        .brand-title {
-            font-weight: 600;
-            font-size: 18px;
-            color: #f8f9fa;
-        }
-
-        .nav-bar {
-            display: flex;
-            background: white;
-            border-bottom: 1px solid #dcdcdc;
-            padding: 0 20px;
-            position: sticky;
-            top: 0;
-            z-index: 1000;
-        }
-        .btn{
-            border-radius: 0 !important;
-        }
-
-        .btn-theme-outline {
-            background-color: #fff;
-            color: #0B8F3C;
-            border: 1px solid #0B8F3C;
-        }
-
-        .btn-theme-outline:hover {
-            background-color: #cce0d4;
-        }
-
-        .nav-item {
-            padding: 12px 18px;
-            text-decoration: none;
-            color: #262626;
-            font-weight: 500;
-            border-bottom: 3px solid transparent;
-            font-size: 14px;
-        }
-
-        .nav-item:hover {
-            background: #cce0d4;
-        }
-
-        .active-tab {
-            color: #0B8F3C;
-            border-bottom: 3px solid #0B8F3C;
-            background: #e5efe8;
-        }
-
-        .content-area {
-            padding: 20px;
-            background: #f8f9fa;
-            min-height: calc(100vh - 110px);
-        }
-
-        .card {
-            border-radius: 0px !important;
-            border: 1px solid #E5E7EB;
-        }
-
-        .form-select {
-            border-radius: 0px !important;
-        }
-
-        .shadow-sm {
-            box-shadow: none !important;
-        }
-
-        .card h3 {
-            color: #0B8F3C;
-        }
-
-
-        .export-control {
-            position: relative;
-        }
-
-        #exportItems {
-            display: flex;
-            gap: 8px;
-            opacity: 0;
-            transform: translateX(-10px);
-            pointer-events: none;
-            width: 0;
-            overflow: hidden;
-            transition: all 0.2s ease;
-        }
-
-        #exportItems.show {
-            opacity: 1;
-            transform: translateX(0);
-            pointer-events: auto;
-            width: auto;
-        }
-
-        .export-modal {
-            display: none;
-            position: fixed;
-            inset: 0;
-            background: rgba(0, 0, 0, 0.4);
-            z-index: 10000;
-        }
-
-        .export-content {
-            background: white;
-            padding: 20px;
-            width: 400px;
-            margin: 10% auto;
-            border-radius: 10px;
-        }
-
-        /* SLIDE FEATURE (from master) */
-        .slide-wrapper {
-            position: relative;
-            overflow: hidden;
-            height: 100%;
-            min-height: 400px;
-        }
-
-        .slide {
-            position: absolute;
-            width: 100%;
-            top: 0;
-            left: 100%;
-            opacity: 0;
-            transition: all 0.5s ease-in-out;
-        }
-
-        .slide.active {
-            left: 0;
-            opacity: 1;
-            z-index: 2;
-        }
-
-        .slide.prev {
-            left: -100%;
-            opacity: 0;
-        }
-
-        .slide-btn {
-            position: absolute;
-            top: 10%;
-            transform: translateY(-50%);
-            background: rgba(0, 128, 0, 0.43);
-            color: white;
-            border: none;
-            padding: 8px 15px;
-            cursor: pointer;
-            z-index: 10;
-        }
-
-        .prev-btn {
-            right: 75px;
-        }
-
-        .next-btn {
-            right: 25px;
-        }
-
-        .slide-btn:hover {
-            background: rgba(7, 120, 24, 0.8);
-        }
-
-        @media print {
-            #floatingExport {
-                display: none !important;
-            }
-
-            .nav-bar,
-            .top-navbar {
-                display: none !important;
-            }
-
-            .card {
-                page-break-inside: avoid;
-            }
-        }
-    </style>
-</head>
-
-<body>
-
-    <div class="top-navbar">
-        <div class="brand-title">
-            National Reference Medical Laboratory Surveillance Dashboard
-        </div>
-        <div class="ms-auto small">
-            Last update: 12:05 | 2026-03-15
-        </div>
-    </div>
-
-    <div class="nav-bar">
-
-        <a href="/dashboard" class="nav-item {{ request()->is('dashboard') ? 'active-tab' : '' }}">
-            Overview
-        </a>
-
-        @foreach($programs as $program)
-            @if($program->code === 'SEQ')
-                <a href="/dashboard/seq" class="nav-item {{ request()->is('dashboard/seq') ? 'active-tab' : '' }}">
-                    SEQ
-                </a>
-            @else
-                <a href="/dashboard/{{ strtolower($program->code) }}"
-                    class="nav-item {{ request()->is('dashboard/' . strtolower($program->code)) ? 'active-tab' : '' }}">
-                    {{ $program->code }}
-                </a>
-            @endif
-        @endforeach
-
-        <div class="ms-auto d-flex align-items-center gap-2 pe-3">
-
-            <button onclick="reloadDataSource()" class="btn btn-sm btn-theme-outline">
-                Refresh Data
-            </button>
-
-            <div id="exportControl" class="d-flex align-items-center gap-2">
-
-                <button id="exportToggle" class="btn btn-sm btn-theme-outline">
-                    Export ▸
-                </button>
-
-                <div id="exportItems" class="align-items-center gap-2">
-                    <button class="btn btn-sm btn-light" onclick="openChartSelector()">Charts</button>
-                    <button class="btn btn-sm btn-light" onclick="exportFullDashboard()">Screen</button>
-                    <button class="btn btn-sm btn-light" onclick="window.print()">Print</button>
-                    <button class="btn btn-sm btn-outline-secondary" id="exportClose">✕</button>
-                </div>
-
-                <div id="chartModal" class="export-modal">
-                    <div class="export-content">
-                        <h5>Select Charts</h5>
-                        <div id="chartList"></div>
-
-                        <div class="mt-3 d-flex justify-content-end gap-2">
-                            <button onclick="closeChartSelector()">Cancel</button>
-                            <button onclick="exportSelectedCharts()">Download PDF</button>
-                        </div>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="csrf-token" content="{{ csrf_token() }}">
+
+        <title>{{ config('app.name', 'Laravel') }}</title>
+
+        <!-- Fonts -->
+        <link rel="preconnect" href="https://fonts.bunny.net">
+        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+
+        <!-- Scripts -->
+        @vite(['resources/css/app.css', 'resources/js/app.js'])
+    </head>
+    <body class="font-sans antialiased">
+        <div class="min-h-screen bg-gray-100 dark:bg-gray-900">
+            @include('layouts.navigation')
+
+            <!-- Page Heading -->
+            @isset($header)
+                <header class="bg-white dark:bg-gray-800 shadow">
+                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+                        {{ $header }}
                     </div>
-                </div>
-
-            </div>
-
-        </div>
-
-    </div>
+                </header>
+            @endisset
 
-    <div class="main-wrapper">
-        <div class="content-area">
-            @yield('content')
+            <!-- Page Content -->
+            <main>
+                {{ $slot }}
+            </main>
         </div>
-    </div>
-
-    @yield('scripts')
-
-    <script>
-        window.addEventListener("click", (e) => {
-            const modal = document.getElementById("chartModal");
-            if (e.target === modal) modal.style.display = "none";
-        });
-
-        function reloadDataSource() {
-            fetch(`/api/dashboard/reload`)
-                .then(res => res.json())
-                .then(() => location.reload());
-        }
-    </script>
-
-</body>
-
+    </body>
 </html>
diff --git a/dashboard/routes/web.php b/dashboard/routes/web.php
index 4bcbea0..69ac7ac 100644
--- a/dashboard/routes/web.php
+++ b/dashboard/routes/web.php
@@ -1,17 +1,40 @@
 <?php
 
-
-use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\ProfileController;
 use App\Http\Controllers\DashboardController;
+use Illuminate\Support\Facades\Route;
 
 Route::get('/', function () {
-    return view('welcome');
+
+    return auth()->check()
+        ? redirect()->route('dashboard')
+        : redirect()->route('login');
+
 });
 
+Route::get('/dashboard', function () {
+    return view('dashboard');
+})->middleware(['auth', 'verified'])->name('dashboard');
+
+Route::middleware('auth')->group(function () {
+    Route::get('/profile', [ProfileController::class, 'edit'])->name('profile.edit');
+    Route::patch('/profile', [ProfileController::class, 'update'])->name('profile.update');
+    Route::delete('/profile', [ProfileController::class, 'destroy'])->name('profile.destroy');
+    Route::get('/dashboard', [DashboardController::class, 'overview'])
+        ->name('dashboard');
+    Route::get('/dashboard/{code}', [DashboardController::class, 'detail'])
+        ->name('dashboard.detail');
+});
+Route::middleware(['auth', 'role:admin'])->group(function () {
+
+    Route::get('/admin/users', function () {
+        return view('admin.users');
+    });
+
+    Route::get('/admin/settings', function () {
+        return view('admin.settings');
+    });
 
-Route::get('/dashboard/seq', function () {
-    return view('dashboard.sequencing');
 });
-Route::get('/dashboard', [DashboardController::class, 'overview']);
-Route::get('/dashboard/{code}', [DashboardController::class, 'detail']);
 
+require __DIR__ . '/auth.php';
diff --git a/dashboard/vite.config.js b/dashboard/vite.config.js
index f35b4e7..421b569 100644
--- a/dashboard/vite.config.js
+++ b/dashboard/vite.config.js
@@ -1,6 +1,5 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
-import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
     plugins: [
@@ -8,11 +7,5 @@ export default defineConfig({
             input: ['resources/css/app.css', 'resources/js/app.js'],
             refresh: true,
         }),
-        tailwindcss(),
     ],
-    server: {
-        watch: {
-            ignored: ['**/storage/framework/views/**'],
-        },
-    },
 });