change charts corlor, update AFI

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

dashboard/.gitignore

@@ -25,4 +25,3 @@
 Homestead.json
 Homestead.yaml
 Thumbs.db
-/case_lab_resultss.sql

dashboard/app/Http/Controllers/Auth/AuthenticatedSessionController.php

@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\Auth\LoginRequest;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+class AuthenticatedSessionController extends Controller
+{
+    /**
+     * Display the login view.
+     */
+    public function create(): View
+    {
+        return view('auth.login');
+    }
+
+    /**
+     * Handle an incoming authentication request.
+     */
+    public function store(LoginRequest $request): RedirectResponse
+    {
+        $request->authenticate();
+
+        $request->session()->regenerate();
+        if (!Auth::user()->is_active) {
+
+            Auth::logout();
+
+            return back()->withErrors([
+                'email' => 'Account is disabled.',
+            ]);
+
+        }
+        Auth::user()->update([
+            'last_login_at' => now()
+        ]);
+        activity_log(
+            'login',
+            'User logged in'
+        );
+
+        return redirect()->intended(route('dashboard', absolute: false));
+    }
+
+    /**
+     * Destroy an authenticated session.
+     */
+    public function destroy(Request $request): RedirectResponse
+    {
+        Auth::guard('web')->logout();
+
+        $request->session()->invalidate();
+
+        $request->session()->regenerateToken();
+        activity_log(
+            'logout',
+            'User logged out'
+        );
+
+        return redirect('/');
+    }
+}

dashboard/app/Http/Controllers/Auth/ConfirmablePasswordController.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Validation\ValidationException;
+use Illuminate\View\View;
+
+class ConfirmablePasswordController extends Controller
+{
+    /**
+     * Show the confirm password view.
+     */
+    public function show(): View
+    {
+        return view('auth.confirm-password');
+    }
+
+    /**
+     * Confirm the user's password.
+     */
+    public function store(Request $request): RedirectResponse
+    {
+        if (! Auth::guard('web')->validate([
+            'email' => $request->user()->email,
+            'password' => $request->password,
+        ])) {
+            throw ValidationException::withMessages([
+                'password' => __('auth.password'),
+            ]);
+        }
+
+        $request->session()->put('auth.password_confirmed_at', time());
+
+        return redirect()->intended(route('dashboard', absolute: false));
+    }
+}

dashboard/app/Http/Controllers/Auth/EmailVerificationNotificationController.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+
+class EmailVerificationNotificationController extends Controller
+{
+    /**
+     * Send a new email verification notification.
+     */
+    public function store(Request $request): RedirectResponse
+    {
+        if ($request->user()->hasVerifiedEmail()) {
+            return redirect()->intended(route('dashboard', absolute: false));
+        }
+
+        $request->user()->sendEmailVerificationNotification();
+
+        return back()->with('status', 'verification-link-sent');
+    }
+}

dashboard/app/Http/Controllers/Auth/EmailVerificationPromptController.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class EmailVerificationPromptController extends Controller
+{
+    /**
+     * Display the email verification prompt.
+     */
+    public function __invoke(Request $request): RedirectResponse|View
+    {
+        return $request->user()->hasVerifiedEmail()
+                    ? redirect()->intended(route('dashboard', absolute: false))
+                    : view('auth.verify-email');
+    }
+}

dashboard/app/Http/Controllers/Auth/NewPasswordController.php

@@ -0,0 +1,63 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use App\Models\User;
+use Illuminate\Auth\Events\PasswordReset;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\Password;
+use Illuminate\Support\Str;
+use Illuminate\Validation\Rules;
+use Illuminate\Validation\ValidationException;
+use Illuminate\View\View;
+
+class NewPasswordController extends Controller
+{
+    /**
+     * Display the password reset view.
+     */
+    public function create(Request $request): View
+    {
+        return view('auth.reset-password', ['request' => $request]);
+    }
+
+    /**
+     * Handle an incoming new password request.
+     *
+     * @throws ValidationException
+     */
+    public function store(Request $request): RedirectResponse
+    {
+        $request->validate([
+            'token' => ['required'],
+            'email' => ['required', 'email'],
+            'password' => ['required', 'confirmed', Rules\Password::defaults()],
+        ]);
+
+        // Here we will attempt to reset the user's password. If it is successful we
+        // will update the password on an actual user model and persist it to the
+        // database. Otherwise we will parse the error and return the response.
+        $status = Password::reset(
+            $request->only('email', 'password', 'password_confirmation', 'token'),
+            function (User $user) use ($request) {
+                $user->forceFill([
+                    'password' => Hash::make($request->password),
+                    'remember_token' => Str::random(60),
+                ])->save();
+
+                event(new PasswordReset($user));
+            }
+        );
+
+        // If the password was successfully reset, we will redirect the user back to
+        // the application's home authenticated view. If there is an error we can
+        // redirect them back to where they came from with their error message.
+        return $status == Password::PASSWORD_RESET
+                    ? redirect()->route('login')->with('status', __($status))
+                    : back()->withInput($request->only('email'))
+                        ->withErrors(['email' => __($status)]);
+    }
+}

dashboard/app/Http/Controllers/Auth/PasswordController.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\Rules\Password;
+
+class PasswordController extends Controller
+{
+    /**
+     * Update the user's password.
+     */
+    public function update(Request $request): RedirectResponse
+    {
+        $validated = $request->validateWithBag('updatePassword', [
+            'current_password' => ['required', 'current_password'],
+            'password' => ['required', Password::defaults(), 'confirmed'],
+        ]);
+
+        $request->user()->update([
+            'password' => Hash::make($validated['password']),
+        ]);
+
+        return back()->with('status', 'password-updated');
+    }
+}

dashboard/app/Http/Controllers/Auth/PasswordResetLinkController.php

@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Password;
+use Illuminate\Validation\ValidationException;
+use Illuminate\View\View;
+
+class PasswordResetLinkController extends Controller
+{
+    /**
+     * Display the password reset link request view.
+     */
+    public function create(): View
+    {
+        return view('auth.forgot-password');
+    }
+
+    /**
+     * Handle an incoming password reset link request.
+     *
+     * @throws ValidationException
+     */
+    public function store(Request $request): RedirectResponse
+    {
+        $request->validate([
+            'email' => ['required', 'email'],
+        ]);
+
+        // We will send the password reset link to this user. Once we have attempted
+        // to send the link, we will examine the response then see the message we
+        // need to show to the user. Finally, we'll send out a proper response.
+        $status = Password::sendResetLink(
+            $request->only('email')
+        );
+
+        return $status == Password::RESET_LINK_SENT
+                    ? back()->with('status', __($status))
+                    : back()->withInput($request->only('email'))
+                        ->withErrors(['email' => __($status)]);
+    }
+}

dashboard/app/Http/Controllers/Auth/RegisteredUserController.php

@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use App\Models\User;
+use Illuminate\Auth\Events\Registered;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\Rules;
+use Illuminate\Validation\ValidationException;
+use Illuminate\View\View;
+
+class RegisteredUserController extends Controller
+{
+    /**
+     * Display the registration view.
+     */
+    public function create(): View
+    {
+        return view('auth.register');
+    }
+
+    /**
+     * Handle an incoming registration request.
+     *
+     * @throws ValidationException
+     */
+    public function store(Request $request): RedirectResponse
+    {
+        $request->validate([
+            'name' => ['required', 'string', 'max:255'],
+            'email' => ['required', 'string', 'lowercase', 'email', 'max:255', 'unique:'.User::class],
+            'password' => ['required', 'confirmed', Rules\Password::defaults()],
+        ]);
+
+        $user = User::create([
+            'name' => $request->name,
+            'email' => $request->email,
+            'password' => Hash::make($request->password),
+        ]);
+
+        event(new Registered($user));
+
+        Auth::login($user);
+
+        return redirect(route('dashboard', absolute: false));
+    }
+}

dashboard/app/Http/Controllers/Auth/VerifyEmailController.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Auth\Events\Verified;
+use Illuminate\Foundation\Auth\EmailVerificationRequest;
+use Illuminate\Http\RedirectResponse;
+
+class VerifyEmailController extends Controller
+{
+    /**
+     * Mark the authenticated user's email address as verified.
+     */
+    public function __invoke(EmailVerificationRequest $request): RedirectResponse
+    {
+        if ($request->user()->hasVerifiedEmail()) {
+            return redirect()->intended(route('dashboard', absolute: false).'?verified=1');
+        }
+
+        if ($request->user()->markEmailAsVerified()) {
+            event(new Verified($request->user()));
+        }
+
+        return redirect()->intended(route('dashboard', absolute: false).'?verified=1');
+    }
+}

dashboard/app/Http/Controllers/ProfileController.php

@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\ProfileUpdateRequest;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Redirect;
+use Illuminate\View\View;
+
+class ProfileController extends Controller
+{
+    /**
+     * Display the user's profile form.
+     */
+    public function edit(Request $request): View
+    {
+        return view('profile.edit', [
+            'user' => $request->user(),
+        ]);
+    }
+
+    /**
+     * Update the user's profile information.
+     */
+    public function update(ProfileUpdateRequest $request): RedirectResponse
+    {
+        $request->user()->fill($request->validated());
+
+        if ($request->user()->isDirty('email')) {
+            $request->user()->email_verified_at = null;
+        }
+
+        $request->user()->save();
+
+        return Redirect::route('profile.edit')->with('status', 'profile-updated');
+    }
+
+    /**
+     * Delete the user's account.
+     */
+    public function destroy(Request $request): RedirectResponse
+    {
+        $request->validateWithBag('userDeletion', [
+            'password' => ['required', 'current_password'],
+        ]);
+
+        $user = $request->user();
+
+        Auth::logout();
+
+        $user->delete();
+
+        $request->session()->invalidate();
+        $request->session()->regenerateToken();
+
+        return Redirect::to('/');
+    }
+}

dashboard/app/Http/Middleware/RoleMiddleware.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+
+class RoleMiddleware
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle($request, Closure $next, $role)
+    {
+        if (!auth()->check()) {
+            return redirect('/login');
+        }
+
+        if (auth()->user()->role !== $role) {
+            abort(403);
+        }
+
+        return $next($request);
+    }
+}

dashboard/app/Http/Requests/Auth/LoginRequest.php

@@ -0,0 +1,86 @@
+<?php
+
+namespace App\Http\Requests\Auth;
+
+use Illuminate\Auth\Events\Lockout;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\RateLimiter;
+use Illuminate\Support\Str;
+use Illuminate\Validation\ValidationException;
+
+class LoginRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'email' => ['required', 'string', 'email'],
+            'password' => ['required', 'string'],
+        ];
+    }
+
+    /**
+     * Attempt to authenticate the request's credentials.
+     *
+     * @throws ValidationException
+     */
+    public function authenticate(): void
+    {
+        $this->ensureIsNotRateLimited();
+
+        if (! Auth::attempt($this->only('email', 'password'), $this->boolean('remember'))) {
+            RateLimiter::hit($this->throttleKey());
+
+            throw ValidationException::withMessages([
+                'email' => trans('auth.failed'),
+            ]);
+        }
+
+        RateLimiter::clear($this->throttleKey());
+    }
+
+    /**
+     * Ensure the login request is not rate limited.
+     *
+     * @throws ValidationException
+     */
+    public function ensureIsNotRateLimited(): void
+    {
+        if (! RateLimiter::tooManyAttempts($this->throttleKey(), 5)) {
+            return;
+        }
+
+        event(new Lockout($this));
+
+        $seconds = RateLimiter::availableIn($this->throttleKey());
+
+        throw ValidationException::withMessages([
+            'email' => trans('auth.throttle', [
+                'seconds' => $seconds,
+                'minutes' => ceil($seconds / 60),
+            ]),
+        ]);
+    }
+
+    /**
+     * Get the rate limiting throttle key for the request.
+     */
+    public function throttleKey(): string
+    {
+        return Str::transliterate(Str::lower($this->string('email')).'|'.$this->ip());
+    }
+}

dashboard/app/Http/Requests/ProfileUpdateRequest.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Models\User;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class ProfileUpdateRequest extends FormRequest
+{
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required', 'string', 'max:255'],
+            'email' => [
+                'required',
+                'string',
+                'lowercase',
+                'email',
+                'max:255',
+                Rule::unique(User::class)->ignore($this->user()->id),
+            ],
+        ];
+    }
+}

dashboard/app/Models/ActivityLog.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class ActivityLog extends Model
+{
+    protected $fillable = [
+        'user_id',
+        'action',
+        'description',
+        'ip_address',
+        'user_agent',
+    ];
+
+    public $timestamps = false;
+}

dashboard/app/Services/DashboardService.php

@@ -5,6 +5,7 @@ namespace App\Services;
 use App\Models\Surveillance;
 use App\Models\SurveillanceCase;
 use App\Models\CaseLabResult;
+use SebastianBergmann\CodeCoverage\Report\Xml\Totals;
 
 class DashboardService
 {
@@ -71,78 +72,365 @@ class DashboardService
     |--------------------------------------------------------------------------
     */
 
-    public function afiTrend($surveillanceId, $startYear, $startWeek, $endYear, $endWeek)
-    {
-        return CaseLabResult::join(
+    public function afiTrend(
+        $surveillanceId,
+        $startYear,
+        $startWeek,
+        $endYear,
+        $endWeek
+    ) {
+
+        $rows = CaseLabResult::join(
             'surveillance_cases',
             'case_lab_results.lab_code',
             '=',
             'surveillance_cases.lab_code'
         )
 
-            ->where('surveillance_cases.surveillance_id', $surveillanceId)
+            ->where(
+                'surveillance_cases.surveillance_id',
+                $surveillanceId
+            )
 
             ->where(function ($q) use ($startYear, $startWeek, $endYear, $endWeek) {
+
                 $q->whereRaw(
-                    "(year_data > ? OR (year_data = ? AND week_data >= ?))",
+                    "(year_data > ?
+                OR (
+                    year_data = ?
+                    AND week_data >= ?
+                )
+            )",
                     [$startYear, $startYear, $startWeek]
                 )
+
                     ->whereRaw(
-                        "(year_data < ? OR (year_data = ? AND week_data <= ?))",
+                        "(year_data < ?
+                OR (
+                    year_data = ?
+                    AND week_data <= ?
+                )
+            )",
                         [$endYear, $endYear, $endWeek]
                     );
             })
 
-            ->where(function ($q) {
-                $q->whereNotNull('case_lab_results.pathogen_name')
-                    ->orWhereRaw("LOWER(case_lab_results.indicator) LIKE '%serum%'");
-            })
+            ->where('case_lab_results.is_positive', 1)
+
+            ->whereNotNull('case_lab_results.pathogen_name')
+
             ->selectRaw("
-                surveillance_cases.year_data as year,
-                surveillance_cases.week_data as period,
 
-                CASE
-                    WHEN LOWER(case_lab_results.pathogen_name) LIKE '%influenza%'
-                        THEN 'Influenza'
-                    ELSE case_lab_results.pathogen_name
-                END as pathogen,
+        surveillance_cases.year_data as year,
+        surveillance_cases.week_data as period,
 
-                CASE
-                    WHEN LOWER(case_lab_results.indicator) LIKE '%serum%' THEN 'Serum'
-                    ELSE 'PCR'
-                END as test_type,
-                COUNT(case_lab_results.id) as total_tests,
-                COUNT(DISTINCT surveillance_cases.lab_code) as total_tested,
+        case_lab_results.pathogen_name as pathogen,
+        case_lab_results.subtype,
 
-                COUNT(CASE
-                    WHEN case_lab_results.is_positive = 1
-                    THEN surveillance_cases.lab_code
-                END) as total_positive
-            ")
+        CASE
+
+            WHEN LOWER(case_lab_results.pathogen_name)
+                LIKE '%influenza%'
+
+                OR LOWER(case_lab_results.pathogen_name)
+                LIKE '%covid%'
+
+                OR LOWER(case_lab_results.pathogen_name)
+                LIKE '%sars-cov%'
+
+                THEN 'section_1'
+
+            WHEN LOWER(case_lab_results.indicator)
+                LIKE '%serum%'
+
+                THEN 'section_3'
+
+            ELSE 'section_2'
+
+        END as afi_section,
+
+        COUNT(DISTINCT surveillance_cases.lab_code)
+            as total_positive
+
+    ")
 
             ->groupBy(
                 'surveillance_cases.year_data',
                 'surveillance_cases.week_data',
                 'pathogen',
-                'test_type'
+                'subtype',
+                'afi_section'
             )
+
             ->orderBy('surveillance_cases.year_data')
             ->orderBy('surveillance_cases.week_data')
 
-            ->get()
-            ->map(function ($r) {
+            ->get();
+
+        return [
+
+            'section_1' => $rows
+                ->where('afi_section', 'section_1')
+                ->values(),
+
+            'section_2' => $rows
+                ->where('afi_section', 'section_2')
+                ->values(),
+
+            'section_3' => $rows
+                ->where('afi_section', 'section_3')
+                ->values()
+
+        ];
+    }
+
+    public function afiCaseTrend(
+        $surveillanceId,
+        $startYear,
+        $startWeek,
+        $endYear,
+        $endWeek
+    ) {
+
+        /*
+        |--------------------------------------------------------------------------
+        | TOTAL CASES BY SECTION
+        |--------------------------------------------------------------------------
+        |
+        | Count DISTINCT lab_code PER SECTION
+        |
+        | section_1 = Influenza / Covid
+        | section_2 = PCR
+        | section_3 = Serum
+        |
+        */
+
+        $totalCases = CaseLabResult::join(
+            'surveillance_cases',
+            'case_lab_results.lab_code',
+            '=',
+            'surveillance_cases.lab_code'
+        )
+
+            ->where(
+                'surveillance_cases.surveillance_id',
+                $surveillanceId
+            )
+
+            ->where(function ($q) use ($startYear, $startWeek, $endYear, $endWeek) {
+
+                $q->whereRaw(
+                    "(year_data > ?
+                    OR (
+                        year_data = ?
+                        AND week_data >= ?
+                    )
+                )",
+                    [$startYear, $startYear, $startWeek]
+                )
+
+                    ->whereRaw(
+                        "(year_data < ?
+                    OR (
+                        year_data = ?
+                        AND week_data <= ?
+                    )
+                )",
+                        [$endYear, $endYear, $endWeek]
+                    );
+            })
+
+            ->selectRaw("
+
+            surveillance_cases.year_data as year,
+            surveillance_cases.week_data as period,
+
+            CASE
+
+                WHEN LOWER(case_lab_results.indicator)
+                    LIKE '%influenza%'
+
+                    OR LOWER(case_lab_results.indicator)
+                    LIKE '%covid%'
+
+                    THEN 'section_1'
+
+                WHEN LOWER(case_lab_results.indicator)
+                    LIKE '%serum%'
+
+                    THEN 'section_3'
+
+                ELSE 'section_2'
+
+            END as afi_section,
+
+            COUNT(DISTINCT case_lab_results.lab_code)
+                as total_cases
+
+        ")
+
+            ->groupBy(
+                'surveillance_cases.year_data',
+                'surveillance_cases.week_data',
+                'afi_section'
+            )
+
+            ->get()
+
+            ->keyBy(
+                fn($r) =>
+                $r->year .
+                '-' .
+                $r->period .
+                '-' .
+                $r->afi_section
+            );
+
+        /*
+        |--------------------------------------------------------------------------
+        | POSITIVE RESULTS
+        |--------------------------------------------------------------------------
+        */
+
+        $rows = CaseLabResult::join(
+            'surveillance_cases',
+            'case_lab_results.lab_code',
+            '=',
+            'surveillance_cases.lab_code'
+        )
+
+            ->where(
+                'surveillance_cases.surveillance_id',
+                $surveillanceId
+            )
+
+            ->where(function ($q) use ($startYear, $startWeek, $endYear, $endWeek) {
+
+                $q->whereRaw(
+                    "(year_data > ?
+                    OR (
+                        year_data = ?
+                        AND week_data >= ?
+                    )
+                )",
+                    [$startYear, $startYear, $startWeek]
+                )
+
+                    ->whereRaw(
+                        "(year_data < ?
+                    OR (
+                        year_data = ?
+                        AND week_data <= ?
+                    )
+                )",
+                        [$endYear, $endYear, $endWeek]
+                    );
+            })
+
+            ->where('case_lab_results.is_positive', 1)
+
+            ->whereNotNull('case_lab_results.pathogen_name')
+
+            ->selectRaw("
+
+            surveillance_cases.year_data as year,
+            surveillance_cases.week_data as period,
+
+            CASE
+
+                WHEN LOWER(case_lab_results.pathogen_name)
+                    LIKE '%influenza%'
+                    THEN 'Influenza'
+
+                ELSE case_lab_results.pathogen_name
+
+            END as pathogen,
+
+            case_lab_results.subtype,
+
+            CASE
+
+                WHEN LOWER(case_lab_results.indicator)
+                    LIKE '%influenza%'
+
+                    OR LOWER(case_lab_results.indicator)
+                    LIKE '%covid%'
+
+                    THEN 'section_1'
+
+                WHEN LOWER(case_lab_results.indicator)
+                    LIKE '%serum%'
+
+                    THEN 'section_3'
+
+                ELSE 'section_2'
+
+            END as afi_section,
+
+            COUNT(DISTINCT case_lab_results.lab_code)
+                as total_positive
+
+        ")
+
+            ->groupBy(
+                'surveillance_cases.year_data',
+                'surveillance_cases.week_data',
+                'pathogen',
+                'subtype',
+                'afi_section'
+            )
+
+            ->orderBy('surveillance_cases.year_data')
+
+            ->orderBy('surveillance_cases.week_data')
+
+            ->get()
+
+            ->map(function ($r) use ($totalCases) {
+
+                $key =
+                    $r->year .
+                    '-' .
+                    $r->period .
+                    '-' .
+                    $r->afi_section;
+
+                $r->total_cases =
+                    $totalCases[$key]->total_cases ?? 0;
+
+                $r->positivity_rate =
+                    $r->total_cases > 0
+
+                    ? round(
+                        ($r->total_positive / $r->total_cases) * 100,
+                        1
+                    )
 
-                $r->positivity_rate = $r->total_tested > 0
-                    ? round(($r->total_positive / $r->total_tested) * 100, 1)
                     : 0;
 
                 return $r;
             });
+
+        return [
+
+            'section_1' => $rows
+                ->where('afi_section', 'section_1')
+                ->values(),
+
+            'section_2' => $rows
+                ->where('afi_section', 'section_2')
+                ->values(),
+
+            'section_3' => $rows
+                ->where('afi_section', 'section_3')
+                ->values()
+
+        ];
     }
     public function programSummaryFast($surveillanceId, $year = null, $week = null, $dateFrom = null, $dateTo = null)
     {
         $query = SurveillanceCase::leftJoin(
-            'case_lab_results', 
+            'case_lab_results',
             'surveillance_cases.lab_code',
             '=',
             'case_lab_results.lab_code'
@@ -309,90 +597,7 @@ class DashboardService
     |--------------------------------------------------------------------------
     */
 
-    public function programDashboardData($surveillanceId, $startYear, $startWeek, $endYear, $endWeek)
-    {
 
-        return [
-
-            'summary' => $this->programSummary(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-
-            'trend' => $this->trendSingleProgram(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-
-            'pathogen_distribution' => $this->pathogenDistribution(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-
-            'age_distribution' => $this->ageDistribution(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-
-            'sex_distribution' => $this->sexDistribution(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-            'afi_trend' => $this->afiTrend(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-
-            'province_distribution' => $this->provinceProgram(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-            'virus_trend' => $this->virusTrend(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-            'subtype_distribution' => $this->subtypeDistribution(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-            'sentinel_sites' => $this->sentinelSites(
-                $surveillanceId,
-                $startYear,
-                $startWeek,
-                $endYear,
-                $endWeek
-            ),
-
-        ];
-
-    }
 
 
 
@@ -610,7 +815,7 @@ class DashboardService
             ->where(function ($q) use ($startYear, $startWeek, $endYear, $endWeek) {
                 $q->whereRaw(
                     "(surveillance_cases.year_data * 100 + surveillance_cases.week_data) BETWEEN ? AND ?",
-                       [
+                    [
                         $startYear * 100 + $startWeek,
                         $endYear * 100 + $endWeek
                     ]
@@ -881,13 +1086,13 @@ class DashboardService
             })
 
             ->where('case_lab_results.is_positive', 1)
+            ->where('case_lab_results.indicator', 'Influenza')
 
             ->selectRaw("
-                COALESCE(NULLIF(case_lab_results.subtype, ''), 'Unsubtyped') as subtype,
+                case_lab_results.subtype as subtype,
                 COUNT(DISTINCT case_lab_results.lab_code) as total
             ")
 
-            ->where('case_lab_results.subtype', '!=', 'Positive')
 
             ->groupBy('subtype')
             ->orderByDesc('total')
@@ -1053,4 +1258,105 @@ class DashboardService
             ->get();
     }
 
+
+    public function programDashboardData($surveillanceId, $startYear, $startWeek, $endYear, $endWeek)
+    {
+
+        return [
+
+            'total_tested' => $this->totalTested(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+
+            'summary' => $this->programSummary(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+
+            'trend' => $this->trendSingleProgram(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+
+            'pathogen_distribution' => $this->pathogenDistribution(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+
+            'age_distribution' => $this->ageDistribution(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+
+            'sex_distribution' => $this->sexDistribution(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+            // 'afi_trend' => $this->afiTrend(
+            //     $surveillanceId,
+            //     $startYear,
+            //     $startWeek,
+            //     $endYear,
+            //     $endWeek
+            // ),
+            'afi_case_trend' => $this->afiCaseTrend(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+
+            'province_distribution' => $this->provinceProgram(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+            'virus_trend' => $this->virusTrend(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+            'subtype_distribution' => $this->subtypeDistribution(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+            'sentinel_sites' => $this->sentinelSites(
+                $surveillanceId,
+                $startYear,
+                $startWeek,
+                $endYear,
+                $endWeek
+            ),
+
+        ];
+
+    }
+
 }

dashboard/app/View/Components/AppLayout.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+use Illuminate\View\View;
+
+class AppLayout extends Component
+{
+    /**
+     * Get the view / contents that represents the component.
+     */
+    public function render(): View
+    {
+        return view('layouts.app');
+    }
+}

dashboard/app/View/Components/GuestLayout.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+use Illuminate\View\View;
+
+class GuestLayout extends Component
+{
+    /**
+     * Get the view / contents that represents the component.
+     */
+    public function render(): View
+    {
+        return view('layouts.guest');
+    }
+}

dashboard/app/helpers.php

@@ -0,0 +1,18 @@
+<?php
+
+use App\Models\ActivityLog;
+
+if (!function_exists('activity_log')) {
+
+    function activity_log($action, $description = null)
+    {
+        ActivityLog::create([
+            'user_id' => auth()->id(),
+            'action' => $action,
+            'description' => $description,
+            'ip_address' => request()->ip(),
+            'user_agent' => request()->userAgent(),
+        ]);
+    }
+
+}

dashboard/bootstrap/app.php

@@ -6,13 +6,15 @@ use Illuminate\Foundation\Configuration\Middleware;
 
 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 {
         //

dashboard/composer.json

@@ -3,7 +3,10 @@
     "name": "laravel/laravel",
     "type": "project",
     "description": "The skeleton application for the Laravel framework.",
-    "keywords": ["laravel", "framework"],
+    "keywords": [
+        "laravel",
+        "framework"
+    ],
     "license": "MIT",
     "require": {
         "php": "^8.2",
@@ -12,6 +15,7 @@
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",
+        "laravel/breeze": "^2.4",
         "laravel/pail": "^1.2.2",
         "laravel/pint": "^1.24",
         "laravel/sail": "^1.41",
@@ -24,7 +28,10 @@
             "App\\": "app/",
             "Database\\Factories\\": "database/factories/",
             "Database\\Seeders\\": "database/seeders/"
-        }
+        },
+        "files": [
+            "app/helpers.php"
+        ]
     },
     "autoload-dev": {
         "psr-4": {
@@ -83,4 +90,4 @@
     },
     "minimum-stability": "stable",
     "prefer-stable": true
-}
+}

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",

dashboard/config/app.php

@@ -16,12 +16,12 @@ return [
     'name' => env('APP_NAME', 'Laravel'),
 
     'lookback_days' => [
-        'SARI' => 150,
-        'ILI' => 150,
-        'LBM' => 150,
-        'AFI' => 150,
-        'NDS' => 150,
-        'SEQ' => 150
+        'SARI' => 30,
+        'ILI' => 30,
+        'LBM' => 30,
+        'AFI' => 30,
+        'NDS' => 30,
+        'SEQ' => 30
     ],
 
     /*

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"
     }
 }

dashboard/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};

dashboard/public/js/dashboard/charts.js

@@ -35,7 +35,10 @@ Chart.register({
         const { ctx, chartArea } = chart;
 
         const data = chart.data.datasets[0].data;
-        const total = data.reduce((a, b) => a + b, 0);
+        const total =
+            chart.$totalTested ||
+            chart.$afiTotalCases ||
+            data.reduce((a, b) => a + b, 0);
 
         if (!chartArea) return;
 
@@ -59,10 +62,11 @@ Chart.register({
     }
 });
 Chart.register(ChartDataLabels);
+Chart.defaults.devicePixelRatio = 2;
 const charts = {};
 
 
-function buildStackedChart(canvasId, labels, datasets) {
+function buildStackedChart(canvasId, labels, data) {
     const ctx = document.getElementById(canvasId);
 
     if (!ctx) return;
@@ -77,8 +81,13 @@ function buildStackedChart(canvasId, labels, datasets) {
 
         data: {
             labels: labels,
-            datasets: datasets,
-            
+            datasets: data.map(ds => ({
+                ...ds,
+                borderWidth: 1,
+                barPercentage: 0.9,
+                categoryPercentage: 0.8,
+                maxBarThickness: 60
+            }))
         },
 
         plugins: [ChartDataLabels],
@@ -228,7 +237,9 @@ function buildChart(id, type, labels, data) {
                     if (ctx.chart.$noData) return '';
 
                     const data = ctx.chart.data.datasets[0].data;
-                    const total = data.reduce((a, b) => a + b, 0);
+                    const total =
+                        ctx.chart.$totalTested ||
+                        data.reduce((a, b) => a + b, 0);
 
                     if (!total) return '';
 
@@ -242,12 +253,12 @@ function buildChart(id, type, labels, data) {
             x: {
                 beginAtZero: true,
                 grid: {
-                    display: false 
+                    display: false
                 }
             },
             y: {
                 grid: {
-                    color: '#f3f4f6' 
+                    color: '#f3f4f6'
                 }
             }
         };
@@ -264,6 +275,7 @@ function buildChart(id, type, labels, data) {
     }
 
     charts[id] = new Chart(ctx, {
+
         type: type,
         data: {
             labels: labels,
@@ -278,6 +290,7 @@ function buildChart(id, type, labels, data) {
         },
         options: options
     });
+    charts[id].$totalTested = 0;
 }
 function buildMixedTrendChart(canvasId, labels, samples, lines) {
 
@@ -305,8 +318,10 @@ function buildMixedTrendChart(canvasId, labels, samples, lines) {
         type: 'bar',
         label: 'Total Cases',
         data: samples,
-        backgroundColor: '#0B8F3C',
-        yAxisID: 'y'
+        backgroundColor: '#d34646',
+        maxBarThickness: 60,
+        yAxisID: 'y',
+
     });
 
     charts[canvasId] = new Chart(ctx, {

dashboard/public/js/dashboard/export.js

@@ -59,20 +59,25 @@ function closeChartSelector() {
 
 function formatChartName(id) {
     const map = {
-        trendChart: "Case Trend & Positivity",
+        trendChart: "Case Trend",
         pathogenChart: "Pathogen Distribution",
         provinceMap: "Geographic Distribution",
         ageChart: "Age Distribution",
         sexChart: "Sex Distribution",
         subtypeChart: "Influenza Subtypes",
-        sentinelChart: "Sentinel Site Distribution"
+        sentinelChart: "Sentinel Site Distribution",
+        sequencingTotalChart: "Sequencing Total",
+        covidLineageFrequency: "Covid Lineage Frequency",
+        influenzaSubtypeDistribution: "Influenza Subtype Frequency",
+        covidDistributedByAgeGroup: "Covid Cases by Age",
+        influenzaSubtypeFrequency: "Influenza Cases by Age",
+
     };
 
     return map[id] || id;
 }
 
 async function exportSelectedCharts() {
-    console.log("Exporting selected charts...");
 
     const { jsPDF } = window.jspdf;
     const pdf = new jsPDF("l", "mm", "a4");
@@ -186,16 +191,23 @@ async function exportSelectedCharts() {
         } else {
             const canvas = item.chart.canvas;
 
-            const tempCanvas = document.createElement("canvas");
-            tempCanvas.width = canvas.width;
-            tempCanvas.height = canvas.height;
+            const scale = 4;
+
+            const tempCanvas = document.createElement("canvas");
+
+            tempCanvas.width = canvas.width * scale;
+            tempCanvas.height = canvas.height * scale;
+
+            const ctx = tempCanvas.getContext("2d");
+
+            ctx.scale(scale, scale);
 
-            const ctx = tempCanvas.getContext("2d", { willReadFrequently: true });
             ctx.fillStyle = "#ffffff";
             ctx.fillRect(0, 0, canvas.width, canvas.height);
+
             ctx.drawImage(canvas, 0, 0);
 
-            img = tempCanvas.toDataURL("image/png");
+            img = tempCanvas.toDataURL("image/jpeg", 0.95);
 
             const ratio = canvas.height / canvas.width;
 
@@ -209,7 +221,7 @@ async function exportSelectedCharts() {
         }
 
         const x = cardX + (cardWidth - width) / 2;
-        const contentTopOffset = 14; 
+        const contentTopOffset = 14;
         const availableHeight = cardHeight - contentTopOffset;
 
         const y = cardY + contentTopOffset + (availableHeight - height) / 2;
@@ -234,7 +246,6 @@ function prepareMapForExport() {
 
 }
 async function exportFullDashboard() {
-    console.log("Exporting full charts...");
     const el = document.querySelector(".content-area");
 
     const mapEl = document.getElementById("provinceMap");
@@ -254,9 +265,10 @@ async function exportFullDashboard() {
     await new Promise(resolve => setTimeout(resolve, 800));
 
     const canvas = await html2canvas(el, {
-        scale: 3,
+        scale: 4,
         useCORS: true,
-        scrollY: -window.scrollY
+        scrollY: -window.scrollY,
+        backgroundColor: "#ffffff"
     });
 
     if (mapEl && originalMapHTML !== null) {
@@ -264,10 +276,15 @@ async function exportFullDashboard() {
         map.invalidateSize();
     }
 
-    const img = canvas.toDataURL("image/png");
+    const img = canvas.toDataURL("image/jpeg", 0.95);
 
     const { jsPDF } = window.jspdf;
-    const pdf = new jsPDF("l", "mm", "a4");
+    const pdf = new jsPDF({
+        orientation: "landscape",
+        unit: "mm",
+        format: "a4",
+        compress: true
+    });
 
     const pageWidth = 297;
     const pageHeight = 210;
@@ -283,7 +300,7 @@ async function exportFullDashboard() {
     const x = (pageWidth - imgWidth) / 2;
     const y = (pageHeight - imgHeight) / 2;
 
-    pdf.addImage(img, "PNG", x, y, imgWidth, imgHeight);
+    pdf.addImage(img, "JPEG", x, y, imgWidth, imgHeight);
     pdf.save("full_dashboard.pdf");
 
     closeChartSelector();
@@ -308,7 +325,7 @@ async function getMapImage() {
     const ctx = canvas.getContext("2d");
     ctx.scale(3, 3);
 
-    
+
     ctx.fillStyle = "#ffffff";
     ctx.fillRect(0, 0, width, height);
 
@@ -345,6 +362,28 @@ async function getMapImage() {
 
     map.eachLayer(layer => {
         if (!layer.toGeoJSON) return;
+        if (layer instanceof L.CircleMarker) {
+
+            const latlng = layer.getLatLng();
+
+            const point = projection.latLngToPoint(latlng, zoom);
+
+            minX = Math.min(minX, point.x);
+            maxX = Math.max(maxX, point.x);
+            minY = Math.min(minY, point.y);
+            maxY = Math.max(maxY, point.y);
+
+            projectedRings.push({
+                type: "circle",
+                x: point.x,
+                y: point.y,
+                radius: layer.getRadius(),
+                fillColor: layer.options.fillColor || "#000",
+                strokeColor: layer.options.color || "#000"
+            });
+
+            return;
+        }
 
         const geo = layer.toGeoJSON();
 
@@ -353,7 +392,10 @@ async function getMapImage() {
             : [geo];
 
         features.forEach(f => {
-            if (!f.geometry) return;
+            if (
+                !f.geometry ||
+                !f.geometry.coordinates
+            ) return;
 
             const coords = f.geometry.coordinates;
 
@@ -362,9 +404,26 @@ async function getMapImage() {
                 : [coords];
 
             polygons.forEach(poly => {
+
+                if (!Array.isArray(poly)) return;
+
                 poly.forEach(ring => {
 
-                    const projected = ring.map(([lng, lat]) => {
+                    if (
+                        !Array.isArray(ring) ||
+                        !Array.isArray(ring[0])
+                    ) {
+                        return;
+                    }
+
+                    const projected = ring.map(coord => {
+
+                        if (!Array.isArray(coord) || coord.length < 2) {
+                            return null;
+                        }
+
+                        const [lng, lat] = coord;
+
                         const latlng = L.latLng(lat, lng);
                         const point = projection.latLngToPoint(latlng, zoom);
 
@@ -374,12 +433,15 @@ async function getMapImage() {
                         maxY = Math.max(maxY, point.y);
 
                         return [point.x, point.y];
-                    });
+                    }).filter(Boolean);
+
+                    if (!projected.length) return;
 
                     projectedRings.push({
                         points: projected,
-                        properties: f.properties
+                        properties: f.properties || {}
                     });
+
                 });
             });
         });
@@ -394,15 +456,51 @@ async function getMapImage() {
     const offsetX = (width - (maxX - minX) * scale) / 2;
     const offsetY = (height - (maxY - minY) * scale) / 2;
 
-    projectedRings.forEach(({ points, properties }) => {
+    projectedRings.forEach(item => {
+
+        // -------------------------
+        // Draw circle markers
+        // -------------------------
+        if (item.type === "circle") {
+
+            const drawX = (item.x - minX) * scale + offsetX;
+            const drawY = (item.y - minY) * scale + offsetY;
+
+            ctx.beginPath();
+
+            ctx.arc(
+                drawX,
+                drawY,
+                item.radius,
+                0,
+                Math.PI * 2
+            );
+
+            ctx.fillStyle = item.fillColor;
+            ctx.fill();
+
+            ctx.strokeStyle = item.strokeColor;
+            ctx.lineWidth = 2;
+            ctx.stroke();
+
+            return;
+        }
+
+        // -------------------------
+        // Draw polygons
+        // -------------------------
+        const { points, properties } = item;
+
         ctx.beginPath();
 
         points.forEach(([x, y], i) => {
+
             const drawX = (x - minX) * scale + offsetX;
             const drawY = (y - minY) * scale + offsetY;
 
             if (i === 0) ctx.moveTo(drawX, drawY);
             else ctx.lineTo(drawX, drawY);
+
         });
 
         ctx.closePath();

dashboard/public/js/globals.js

@@ -0,0 +1,59 @@
+export const COLORS = [
+
+    '#2563eb', // blue
+    '#10b981', // emerald
+    '#f59e0b', // amber
+    '#ef4444', // red
+    '#8b5cf6', // violet
+    '#14b8a6', // teal
+    '#f97316', // orange
+    '#84cc16', // lime
+    '#e11dba', // fuchsia
+    '#f6f63b', // yellow
+
+    '#0ea5e9', // sky
+    '#22c55e', // green
+    '#a855f7', // purple
+    '#ec4899', // pink
+    '#06b6d4', // cyan
+    '#65a30d', // olive
+    '#dc2626', // dark red
+    '#1d4ed8', // strong blue
+    '#7c3aed', // deep violet
+    '#059669', // dark emerald
+    '#c2410c', // burnt orange
+    '#be123c', // rose
+    '#4338ca', // indigo
+    '#0f766e', // dark teal
+    '#9333ea', // bright purple
+    '#15803d', // forest green
+    '#ea580c', // deep orange
+    '#0284c7', // ocean blue
+    '#ca8a04', // mustard
+    '#db2777'  // magenta
+];
+export const SUBTYPE_COLORS = {
+    'A/H1N1pdm': '#f0d401',
+    'A/H3N2': '#00ffff',
+    'A/H9N2': '#2563eb',
+    'A/H5N1': '#dc2626',
+    'A/Unsubtypable': '#f455d7',
+    'B/Yam': '#9333ea',
+    'B/Vic': '#086037',
+    'B/Unsubtypable': '#66ff00',
+    'B/Victoria': '#9333ea',
+    'H1N1pdm': '#f0d401',
+    'H3N2': '#00ffff',
+    'H9N2': '#2563eb',
+    'J.2.4': '#8c6060',
+    'K': '#55f49a',
+};
+
+export const SURVEILLANCE_COLORS = {
+    'LBM': '#f0d401',
+    'ILI': '#2563eb',
+    'SARI': '#dc2626',
+    'NDS': '#9333ea',
+    'AFI': '#086037',
+    'SEQ': '#66ff00'
+};

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;

dashboard/resources/js/app.js

@@ -1 +1,7 @@
 import './bootstrap';
+
+import Alpine from 'alpinejs';
+
+window.Alpine = Alpine;
+
+Alpine.start();

dashboard/resources/views/auth/confirm-password.blade.php

@@ -0,0 +1,27 @@
+<x-guest-layout>
+    <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+        {{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
+    </div>
+
+    <form method="POST" action="{{ route('password.confirm') }}">
+        @csrf
+
+        <!-- Password -->
+        <div>
+            <x-input-label for="password" :value="__('Password')" />
+
+            <x-text-input id="password" class="block mt-1 w-full"
+                            type="password"
+                            name="password"
+                            required autocomplete="current-password" />
+
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <div class="flex justify-end mt-4">
+            <x-primary-button>
+                {{ __('Confirm') }}
+            </x-primary-button>
+        </div>
+    </form>
+</x-guest-layout>

dashboard/resources/views/auth/forgot-password.blade.php

@@ -0,0 +1,25 @@
+<x-guest-layout>
+    <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+        {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
+    </div>
+
+    <!-- Session Status -->
+    <x-auth-session-status class="mb-4" :status="session('status')" />
+
+    <form method="POST" action="{{ route('password.email') }}">
+        @csrf
+
+        <!-- Email Address -->
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
+            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            <x-primary-button>
+                {{ __('Email Password Reset Link') }}
+            </x-primary-button>
+        </div>
+    </form>
+</x-guest-layout>

dashboard/resources/views/auth/login.blade.php

@@ -0,0 +1,47 @@
+<x-guest-layout>
+    <!-- Session Status -->
+    <x-auth-session-status class="mb-4" :status="session('status')" />
+
+    <form method="POST" action="{{ route('login') }}">
+        @csrf
+
+        <!-- Email Address -->
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
+            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        </div>
+
+        <!-- Password -->
+        <div class="mt-4">
+            <x-input-label for="password" :value="__('Password')" />
+
+            <x-text-input id="password" class="block mt-1 w-full"
+                            type="password"
+                            name="password"
+                            required autocomplete="current-password" />
+
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <!-- Remember Me -->
+        <div class="block mt-4">
+            <label for="remember_me" class="inline-flex items-center">
+                <input id="remember_me" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+            </label>
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            @if (Route::has('password.request'))
+                <a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('password.request') }}">
+                    {{ __('Forgot your password?') }}
+                </a>
+            @endif
+
+            <x-primary-button class="ms-3">
+                {{ __('Log in') }}
+            </x-primary-button>
+        </div>
+    </form>
+</x-guest-layout>

dashboard/resources/views/auth/register.blade.php

@@ -0,0 +1,52 @@
+<x-guest-layout>
+    <form method="POST" action="{{ route('register') }}">
+        @csrf
+
+        <!-- Name -->
+        <div>
+            <x-input-label for="name" :value="__('Name')" />
+            <x-text-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
+            <x-input-error :messages="$errors->get('name')" class="mt-2" />
+        </div>
+
+        <!-- Email Address -->
+        <div class="mt-4">
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="username" />
+            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        </div>
+
+        <!-- Password -->
+        <div class="mt-4">
+            <x-input-label for="password" :value="__('Password')" />
+
+            <x-text-input id="password" class="block mt-1 w-full"
+                            type="password"
+                            name="password"
+                            required autocomplete="new-password" />
+
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <!-- Confirm Password -->
+        <div class="mt-4">
+            <x-input-label for="password_confirmation" :value="__('Confirm Password')" />
+
+            <x-text-input id="password_confirmation" class="block mt-1 w-full"
+                            type="password"
+                            name="password_confirmation" required autocomplete="new-password" />
+
+            <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            <a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('login') }}">
+                {{ __('Already registered?') }}
+            </a>
+
+            <x-primary-button class="ms-4">
+                {{ __('Register') }}
+            </x-primary-button>
+        </div>
+    </form>
+</x-guest-layout>

dashboard/resources/views/auth/reset-password.blade.php

@@ -0,0 +1,39 @@
+<x-guest-layout>
+    <form method="POST" action="{{ route('password.store') }}">
+        @csrf
+
+        <!-- Password Reset Token -->
+        <input type="hidden" name="token" value="{{ $request->route('token') }}">
+
+        <!-- Email Address -->
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus autocomplete="username" />
+            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        </div>
+
+        <!-- Password -->
+        <div class="mt-4">
+            <x-input-label for="password" :value="__('Password')" />
+            <x-text-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <!-- Confirm Password -->
+        <div class="mt-4">
+            <x-input-label for="password_confirmation" :value="__('Confirm Password')" />
+
+            <x-text-input id="password_confirmation" class="block mt-1 w-full"
+                                type="password"
+                                name="password_confirmation" required autocomplete="new-password" />
+
+            <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            <x-primary-button>
+                {{ __('Reset Password') }}
+            </x-primary-button>
+        </div>
+    </form>
+</x-guest-layout>

dashboard/resources/views/auth/verify-email.blade.php

@@ -0,0 +1,31 @@
+<x-guest-layout>
+    <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+        {{ __('Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
+    </div>
+
+    @if (session('status') == 'verification-link-sent')
+        <div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
+            {{ __('A new verification link has been sent to the email address you provided during registration.') }}
+        </div>
+    @endif
+
+    <div class="mt-4 flex items-center justify-between">
+        <form method="POST" action="{{ route('verification.send') }}">
+            @csrf
+
+            <div>
+                <x-primary-button>
+                    {{ __('Resend Verification Email') }}
+                </x-primary-button>
+            </div>
+        </form>
+
+        <form method="POST" action="{{ route('logout') }}">
+            @csrf
+
+            <button type="submit" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
+                {{ __('Log Out') }}
+            </button>
+        </form>
+    </div>
+</x-guest-layout>

dashboard/resources/views/components/application-logo.blade.php

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 316 316" xmlns="http://www.w3.org/2000/svg" {{ $attributes }}>
+    <path d="M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z"/>
+</svg>

dashboard/resources/views/components/auth-session-status.blade.php

@@ -0,0 +1,7 @@
+@props(['status'])
+
+@if ($status)
+    <div {{ $attributes->merge(['class' => 'font-medium text-sm text-green-600 dark:text-green-400']) }}>
+        {{ $status }}
+    </div>
+@endif

dashboard/resources/views/components/danger-button.blade.php

@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>

dashboard/resources/views/components/dropdown-link.blade.php

@@ -0,0 +1 @@
+<a {{ $attributes->merge(['class' => 'block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-800 transition duration-150 ease-in-out']) }}>{{ $slot }}</a>

dashboard/resources/views/components/dropdown.blade.php

@@ -0,0 +1,35 @@
+@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white dark:bg-gray-700'])
+
+@php
+$alignmentClasses = match ($align) {
+    'left' => 'ltr:origin-top-left rtl:origin-top-right start-0',
+    'top' => 'origin-top',
+    default => 'ltr:origin-top-right rtl:origin-top-left end-0',
+};
+
+$width = match ($width) {
+    '48' => 'w-48',
+    default => $width,
+};
+@endphp
+
+<div class="relative" x-data="{ open: false }" @click.outside="open = false" @close.stop="open = false">
+    <div @click="open = ! open">
+        {{ $trigger }}
+    </div>
+
+    <div x-show="open"
+            x-transition:enter="transition ease-out duration-200"
+            x-transition:enter-start="opacity-0 scale-95"
+            x-transition:enter-end="opacity-100 scale-100"
+            x-transition:leave="transition ease-in duration-75"
+            x-transition:leave-start="opacity-100 scale-100"
+            x-transition:leave-end="opacity-0 scale-95"
+            class="absolute z-50 mt-2 {{ $width }} rounded-md shadow-lg {{ $alignmentClasses }}"
+            style="display: none;"
+            @click="open = false">
+        <div class="rounded-md ring-1 ring-black ring-opacity-5 {{ $contentClasses }}">
+            {{ $content }}
+        </div>
+    </div>
+</div>

dashboard/resources/views/components/input-error.blade.php

@@ -0,0 +1,9 @@
+@props(['messages'])
+
+@if ($messages)
+    <ul {{ $attributes->merge(['class' => 'text-sm text-red-600 dark:text-red-400 space-y-1']) }}>
+        @foreach ((array) $messages as $message)
+            <li>{{ $message }}</li>
+        @endforeach
+    </ul>
+@endif

dashboard/resources/views/components/input-label.blade.php

@@ -0,0 +1,5 @@
+@props(['value'])
+
+<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700 dark:text-gray-300']) }}>
+    {{ $value ?? $slot }}
+</label>

dashboard/resources/views/components/modal.blade.php

@@ -0,0 +1,78 @@
+@props([
+    'name',
+    'show' => false,
+    'maxWidth' => '2xl'
+])
+
+@php
+$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];
+@endphp
+
+<div
+    x-data="{
+        show: @js($show),
+        focusables() {
+            // All focusable element types...
+            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
+            return [...$el.querySelectorAll(selector)]
+                // All non-disabled elements...
+                .filter(el => ! el.hasAttribute('disabled'))
+        },
+        firstFocusable() { return this.focusables()[0] },
+        lastFocusable() { return this.focusables().slice(-1)[0] },
+        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
+        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
+        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
+        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
+    }"
+    x-init="$watch('show', value => {
+        if (value) {
+            document.body.classList.add('overflow-y-hidden');
+            {{ $attributes->has('focusable') ? 'setTimeout(() => firstFocusable().focus(), 100)' : '' }}
+        } else {
+            document.body.classList.remove('overflow-y-hidden');
+        }
+    })"
+    x-on:open-modal.window="$event.detail == '{{ $name }}' ? show = true : null"
+    x-on:close-modal.window="$event.detail == '{{ $name }}' ? show = false : null"
+    x-on:close.stop="show = false"
+    x-on:keydown.escape.window="show = false"
+    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
+    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
+    x-show="show"
+    class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
+    style="display: {{ $show ? 'block' : '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 dark:bg-gray-900 opacity-75"></div>
+    </div>
+
+    <div
+        x-show="show"
+        class="mb-6 bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
+        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>

dashboard/resources/views/components/nav-link.blade.php

@@ -0,0 +1,11 @@
+@props(['active'])
+
+@php
+$classes = ($active ?? false)
+            ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 dark:border-indigo-600 text-sm font-medium leading-5 text-gray-900 dark:text-gray-100 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
+            : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out';
+@endphp
+
+<a {{ $attributes->merge(['class' => $classes]) }}>
+    {{ $slot }}
+</a>

dashboard/resources/views/components/primary-button.blade.php

@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>

dashboard/resources/views/components/responsive-nav-link.blade.php

@@ -0,0 +1,11 @@
+@props(['active'])
+
+@php
+$classes = ($active ?? false)
+            ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 dark:border-indigo-600 text-start text-base font-medium text-indigo-700 dark:text-indigo-300 bg-indigo-50 dark:bg-indigo-900/50 focus:outline-none focus:text-indigo-800 dark:focus:text-indigo-200 focus:bg-indigo-100 dark:focus:bg-indigo-900 focus:border-indigo-700 dark:focus:border-indigo-300 transition duration-150 ease-in-out'
+            : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out';
+@endphp
+
+<a {{ $attributes->merge(['class' => $classes]) }}>
+    {{ $slot }}
+</a>

dashboard/resources/views/components/secondary-button.blade.php

@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-500 rounded-md font-semibold text-xs text-gray-700 dark:text-gray-300 uppercase tracking-widest shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 disabled:opacity-25 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>

dashboard/resources/views/components/text-input.blade.php

@@ -0,0 +1,3 @@
+@props(['disabled' => false])
+
+<input @disabled($disabled) {{ $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm']) }}>

dashboard/resources/views/dashboard/detail.blade.php

@@ -74,8 +74,81 @@
 
         </div>
         <!-- TREND CHART (PRIMARY) -->
+        <?php if ($selected->code === 'AFI'): ?>
+
+        <div class="row g-3">
+            <div class="col-md-4">
+                <div class="card mb-4">
+                    <div class="card-body">
+                        <h5>Real-Time RT-PCR (NP/OP Sample)</h5>
+                        <p class="text-muted small report-period">
+                            (based on selected epiweek range)
+                        </p>
+                        <!-- Trend -->
+                        <div style="
+                                        height:260px;
+                                        position:relative;
+                                        margin-bottom:30px;
+                                    ">
+                            <canvas id="afiSection1Trend"></canvas>
+                        </div>
+                        <div style="height:460px; position:relative;">
+                            <canvas id="afiPcrChart"></canvas>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card mb-4">
+                    <div class="card-body">
+                        <h5>Real-Time Multiplex RT-PCR (Plasma Sample)</h5>
+                        <p class="text-muted small report-period">
+                            (based on selected epiweek range)
+                        </p>
+                        <!-- Trend -->
+                        <div style="
+                                    height:260px;
+                                    position:relative;
+                                    margin-bottom:30px;
+                                ">
+                            <canvas id="afiSection2Trend"></canvas>
+                        </div>
+                        <div style="height:460px; position:relative;">
+                            <canvas id="afiMultiplexChart"></canvas>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card mb-4">
+                    <div class="card-body">
+                        <h5>Serology ELISA (IgM) (Serum Sample)</h5>
+                        <p class="text-muted small report-period">
+                            (based on selected epiweek range)
+                        </p>
+                        <!-- Trend -->
+                        <div style="
+                                height:260px;
+                                position:relative;
+                                margin-bottom:30px;
+                            ">
+                            <canvas id="afiSection3Trend"></canvas>
+                        </div>
+                        <div style="height:460px; position:relative;">
+                            <canvas id="afiElisaChart"></canvas>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+        </div>
+
+        <?php else: ?>
         <div class="row g-3 mb-4">
             <div class="col-md-8">
+
                 <div class="card shadow-sm">
                     <div class="card-body" style="height:560px;">
 
@@ -91,6 +164,9 @@
 
                     </div>
                 </div>
+
+
+
             </div>
 
             <!-- PATHOGEN DISTRIBUTION -->
@@ -110,6 +186,8 @@
                 </div>
             </div>
         </div>
+
+        <?php endif; ?>
         <!-- MAP + SITE+subtype -->
         <div class="row g-3 mb-4">
 
@@ -205,6 +283,6 @@
         window.PROGRAM_CODE = "{{ $selected->code }}";
     </script>
 
-    <script src="/js/program.js"></script>
+    <script  type="module" src="/js/program.js"></script>
 
 @endsection

dashboard/resources/views/dashboard/overview.blade.php

@@ -45,13 +45,15 @@
                         <div class="row">
                             <div class="col-lg-12 d-flex flex-column">
 
-                                <div class="card shadow-sm mb-3" style="height:60vh;">
-                                    <div class="card-body" >
+                                <div class="card shadow-sm mb-3 overflow-hidden">
+                                    <div class="card-body">
                                         <h5 class="fw-bold">Epidemic Trend</h5>
                                         <p class="text-muted small report-period">
                                             (based on selected epiweek range)
                                         </p>
-                                        <canvas id="trendChart" height="90"></canvas>
+                                        <div class="chart-container">
+                                            <canvas id="trendChart"></canvas>
+                                        </div>
                                     </div>
                                 </div>
 
@@ -63,14 +65,20 @@
                     <div class="slide">
                         <div class="row">
                             <div class="col-lg-12 d-flex flex-column">
-                                <div class="card shadow-sm" style="height:60vh;">
+                                <div class="card shadow-sm">
                                     <div class="card-body">
-                                        <h5 class="fw-bold">Influenza Subtypes Distribution</h5>
+
+                                        <h5 class="fw-bold">
+                                            Influenza Subtypes Distribution
+                                        </h5>
+
                                         <p class="text-muted small report-period">
                                             (based on selected epiweek range)
                                         </p>
 
-                                        <canvas id="influenzaSubtypeDistribution" style="max-width: 100%; max-height:40vh; float: left;"></canvas>
+                                        <div class="chart-container">
+                                            <canvas id="influenzaSubtypeDistribution"></canvas>
+                                        </div>
 
                                     </div>
                                 </div>
@@ -83,13 +91,15 @@
                     <div class="slide">
                         <div class="row">
                             <div class="col-lg-12 d-flex flex-column">
-                                <div class="card shadow-sm" style="height:60vh;">
+                                <div class="card shadow-sm">
                                     <div class="card-body">
                                         <h5 class="fw-bold">SARS-CoV-2 Detected Distribute by Age Group</h5>
                                         <p class="text-muted small report-period">
                                             (based on selected epiweek range)
                                         </p>
-                                        <canvas id="covidDistributedByAgeGroup" style="max-width: 100%; max-height:40vh; float: left;"></canvas>
+                                        <div class="chart-container">
+                                            <canvas id="covidDistributedByAgeGroup"></canvas>
+                                        </div>
                                     </div>
                                 </div>
 
@@ -97,21 +107,23 @@
                         </div>
                     </div>
 
-                    <!-- SLIDE 3 -->
+                    <!-- SLIDE 4 -->
                     <div class="slide">
                         <div class="row">
                             <div class="col-lg-12 d-flex flex-column">
-                                <div class="card shadow-sm" style="height:60vh; display: flex">
-                                    <div class="card-body" >
+                                <div class="card shadow-sm">
+                                    <div class="card-body">
                                         <h5 class="fw-bold">SARS-CoV-2 Lineage Relative Frequencies Over Time</h5>
                                         <p class="text-muted small report-period">
                                             (based on selected epiweek range)
                                         </p>
-                                        <canvas id="covidLineageFrequency" style=" flex:1; max-width: 90%; max-height:40vh; float: left;"></canvas>
+                                        <div class="chart-container" style=" flex:1; max-width: 90%; max-height:40vh; float: left;">
+                                            <canvas id="covidLineageFrequency" ></canvas>
+                                        </div>
                                         <div id="legendContainer" style="
                                             width:10%;
                                             margin-left:20px;
-                                            max-height:360px;
+                                            max-height:375px;
                                             overflow-y:auto;
                                             padding:8px;
 
@@ -123,17 +135,20 @@
                         </div>
                     </div>
 
-                    <!-- SLIDE 3 -->
+                    <!-- SLIDE 5 -->
                     <div class="slide">
                         <div class="row">
                             <div class="col-lg-12 d-flex flex-column">
-                                <div class="card shadow-sm" style="height:60vh; display: flex">
-                                    <div class="card-body" >
+                                <div class="card shadow-sm">
+                                    <div class="card-body">
                                         <h5 class="fw-bold">Influenza Subtypes Relative Frequencies Over Time</h5>
                                         <p class="text-muted small report-period">
                                             (based on selected epiweek range)
                                         </p>
-                                        <canvas id="influenzaSubtypeFrequency" style=" flex:1; max-width: 90%; max-height:40vh; float: left;"></canvas>
+                                        
+                                        <div class="chart-container" style=" flex:1; max-width: 90%; max-height:40vh; float: left;">
+                                            <canvas id="influenzaSubtypeFrequency" ></canvas>
+                                        </div>
                                         <div id="legendContainerInfluenzaSubtypeFrequency" style="
                                             width:10%;
                                             margin-left:20px;
@@ -166,7 +181,10 @@
                                 <h5 class="fw-bold">Influenza Subtypes Detected by Province</h5>
                                 <p class="text-muted small report-period">(based on selected epiweek range)</p>
 
-                                <div id="provinceMap" style="height:40vh;"></div>
+                                <div class="map-container">
+                                    <div id="provinceMap"></div>
+                                </div>
+                                
 
                             </div>
                         </div>
@@ -179,6 +197,6 @@
 
     </div>
 
-    <script src="/js/overview.js"></script>
+    <script  type="module" src="/js/overview.js"></script>
 
-@endsection
+@endsection

dashboard/resources/views/dashboard/sequencing.blade.php

@@ -108,5 +108,5 @@
         window.SURVEILLANCE_ID = 6;
     </script>
 
-    <script src="/js/sequencing.js"></script>
-@endsection
+    <script  type="module"  src="/js/sequencing.js"></script>
+@endsection

dashboard/resources/views/layouts/app.blade.php

@@ -19,6 +19,7 @@
     <script src="/js/dashboard/charts.js"></script>
     <script src="/js/dashboard/export.js"></script>
 
+
     <style>
         body {
             margin: 0;
@@ -48,7 +49,8 @@
             top: 0;
             z-index: 1000;
         }
-        .btn{
+
+        .btn {
             border-radius: 0 !important;
         }
 
@@ -60,6 +62,7 @@
 
         .btn-theme-outline:hover {
             background-color: #cce0d4;
+            color: #0B8F3C;
         }
 
         .nav-item {
@@ -73,6 +76,7 @@
 
         .nav-item:hover {
             background: #cce0d4;
+            color: #0B8F3C;
         }
 
         .active-tab {
@@ -92,6 +96,23 @@
             border: 1px solid #E5E7EB;
         }
 
+        .chart-container {
+            position: relative;
+            height: 400px;
+            width: 100%;
+        }
+
+        .map-container {
+            height: 400px;
+            width: 100%;
+            position: relative;
+        }
+
+        #provinceMap {
+            height: 100%;
+            width: 100%;
+        }
+
         .form-select {
             border-radius: 0px !important;
         }
@@ -175,9 +196,9 @@
             position: absolute;
             top: 10%;
             transform: translateY(-50%);
-            background: rgba(0, 128, 0, 0.43);
-            color: white;
-            border: none;
+            background: #fff;
+            color: #0B8F3C;
+            border: 1px solid #0B8F3C;
             padding: 8px 15px;
             cursor: pointer;
             z-index: 10;
@@ -193,6 +214,7 @@
 
         .slide-btn:hover {
             background: rgba(7, 120, 24, 0.8);
+            color: #cee6d7;
         }
 
         @media print {
@@ -218,8 +240,8 @@
         <div class="brand-title">
             National Reference Medical Laboratory Surveillance Dashboard
         </div>
-        <div class="ms-auto small">
-            Last update: 12:05 | 2026-03-15
+        <div id="lastUpdated" class="ms-auto small">
+            Last update: --
         </div>
     </div>
 
@@ -284,22 +306,76 @@
             @yield('content')
         </div>
     </div>
-
+    <div id="reloadOverlay" style="
+            display:none;
+            position:fixed;
+            inset:0;
+            background:rgba(255,255,255,0.7);
+            z-index:99999;
+            justify-content:center;
+            align-items:center;
+            flex-direction:column;
+            font-size:18px;
+            font-weight:600;
+            color:#333;
+        ">
+        <div class="spinner-border text-primary mb-3"></div>
+        Updating dashboard data...
+    </div>
     @yield('scripts')
 
+
     <script>
+        document.addEventListener("DOMContentLoaded", () => {
+            updateLastUpdated();
+        });
         window.addEventListener("click", (e) => {
             const modal = document.getElementById("chartModal");
             if (e.target === modal) modal.style.display = "none";
         });
 
+        function updateLastUpdated() {
+
+            const now = new Date();
+
+            const time = now.toLocaleTimeString([], {
+                hour: '2-digit',
+                minute: '2-digit'
+            });
+
+            const date = now.toISOString().split('T')[0];
+
+            document.getElementById('lastUpdated').innerHTML =
+                `Last update: ${time} | ${date}`;
+        }
+
         function reloadDataSource() {
-            fetch(`/api/dashboard/reload`)
+
+            const overlay = document.getElementById('reloadOverlay');
+
+            overlay.style.display = 'flex';
+
+            fetch('/api/dashboard/reload')
                 .then(res => res.json())
-                .then(() => location.reload());
+                .then(() => {
+
+                    updateLastUpdated();
+
+                    location.reload();
+
+                })
+                .catch(err => {
+
+                    console.error(err);
+
+                    overlay.style.display = 'none';
+
+                    alert('Failed to update dashboard data.');
+
+                });
         }
     </script>
 
 </body>
 
-</html>
+</html>

dashboard/resources/views/layouts/guest.blade.php

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<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 text-gray-900 antialiased">
+        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
+            <div>
+                <a href="/">
+                    <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+                </a>
+            </div>
+
+            <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
+                {{ $slot }}
+            </div>
+        </div>
+    </body>
+</html>

dashboard/resources/views/layouts/navigation.blade.php

@@ -0,0 +1,100 @@
+<nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
+    <!-- Primary Navigation Menu -->
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex justify-between h-16">
+            <div class="flex">
+                <!-- Logo -->
+                <div class="shrink-0 flex items-center">
+                    <a href="{{ route('dashboard') }}">
+                        <x-application-logo class="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200" />
+                    </a>
+                </div>
+
+                <!-- Navigation Links -->
+                <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
+                    <x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
+                        {{ __('Dashboard') }}
+                    </x-nav-link>
+                </div>
+            </div>
+
+            <!-- Settings Dropdown -->
+            <div class="hidden sm:flex sm:items-center sm:ms-6">
+                <x-dropdown align="right" width="48">
+                    <x-slot name="trigger">
+                        <button class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none transition ease-in-out duration-150">
+                            <div>{{ Auth::user()->name }}</div>
+
+                            <div class="ms-1">
+                                <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                </svg>
+                            </div>
+                        </button>
+                    </x-slot>
+
+                    <x-slot name="content">
+                        <x-dropdown-link :href="route('profile.edit')">
+                            {{ __('Profile') }}
+                        </x-dropdown-link>
+
+                        <!-- Authentication -->
+                        <form method="POST" action="{{ route('logout') }}">
+                            @csrf
+
+                            <x-dropdown-link :href="route('logout')"
+                                    onclick="event.preventDefault();
+                                                this.closest('form').submit();">
+                                {{ __('Log Out') }}
+                            </x-dropdown-link>
+                        </form>
+                    </x-slot>
+                </x-dropdown>
+            </div>
+
+            <!-- Hamburger -->
+            <div class="-me-2 flex items-center sm:hidden">
+                <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out">
+                    <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
+                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Responsive Navigation Menu -->
+    <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
+        <div class="pt-2 pb-3 space-y-1">
+            <x-responsive-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
+                {{ __('Dashboard') }}
+            </x-responsive-nav-link>
+        </div>
+
+        <!-- Responsive Settings Options -->
+        <div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
+            <div class="px-4">
+                <div class="font-medium text-base text-gray-800 dark:text-gray-200">{{ Auth::user()->name }}</div>
+                <div class="font-medium text-sm text-gray-500">{{ Auth::user()->email }}</div>
+            </div>
+
+            <div class="mt-3 space-y-1">
+                <x-responsive-nav-link :href="route('profile.edit')">
+                    {{ __('Profile') }}
+                </x-responsive-nav-link>
+
+                <!-- Authentication -->
+                <form method="POST" action="{{ route('logout') }}">
+                    @csrf
+
+                    <x-responsive-nav-link :href="route('logout')"
+                            onclick="event.preventDefault();
+                                        this.closest('form').submit();">
+                        {{ __('Log Out') }}
+                    </x-responsive-nav-link>
+                </form>
+            </div>
+        </div>
+    </div>
+</nav>

dashboard/resources/views/profile/edit.blade.php

@@ -0,0 +1,29 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+            {{ __('Profile') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
+            <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                <div class="max-w-xl">
+                    @include('profile.partials.update-profile-information-form')
+                </div>
+            </div>
+
+            <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                <div class="max-w-xl">
+                    @include('profile.partials.update-password-form')
+                </div>
+            </div>
+
+            <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                <div class="max-w-xl">
+                    @include('profile.partials.delete-user-form')
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>

dashboard/resources/views/profile/partials/delete-user-form.blade.php

@@ -0,0 +1,55 @@
+<section class="space-y-6">
+    <header>
+        <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+            {{ __('Delete Account') }}
+        </h2>
+
+        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+            {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.') }}
+        </p>
+    </header>
+
+    <x-danger-button
+        x-data=""
+        x-on:click.prevent="$dispatch('open-modal', 'confirm-user-deletion')"
+    >{{ __('Delete Account') }}</x-danger-button>
+
+    <x-modal name="confirm-user-deletion" :show="$errors->userDeletion->isNotEmpty()" focusable>
+        <form method="post" action="{{ route('profile.destroy') }}" class="p-6">
+            @csrf
+            @method('delete')
+
+            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+                {{ __('Are you sure you want to delete your account?') }}
+            </h2>
+
+            <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+                {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
+            </p>
+
+            <div class="mt-6">
+                <x-input-label for="password" value="{{ __('Password') }}" class="sr-only" />
+
+                <x-text-input
+                    id="password"
+                    name="password"
+                    type="password"
+                    class="mt-1 block w-3/4"
+                    placeholder="{{ __('Password') }}"
+                />
+
+                <x-input-error :messages="$errors->userDeletion->get('password')" class="mt-2" />
+            </div>
+
+            <div class="mt-6 flex justify-end">
+                <x-secondary-button x-on:click="$dispatch('close')">
+                    {{ __('Cancel') }}
+                </x-secondary-button>
+
+                <x-danger-button class="ms-3">
+                    {{ __('Delete Account') }}
+                </x-danger-button>
+            </div>
+        </form>
+    </x-modal>
+</section>

dashboard/resources/views/profile/partials/update-password-form.blade.php

@@ -0,0 +1,48 @@
+<section>
+    <header>
+        <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+            {{ __('Update Password') }}
+        </h2>
+
+        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+            {{ __('Ensure your account is using a long, random password to stay secure.') }}
+        </p>
+    </header>
+
+    <form method="post" action="{{ route('password.update') }}" class="mt-6 space-y-6">
+        @csrf
+        @method('put')
+
+        <div>
+            <x-input-label for="update_password_current_password" :value="__('Current Password')" />
+            <x-text-input id="update_password_current_password" name="current_password" type="password" class="mt-1 block w-full" autocomplete="current-password" />
+            <x-input-error :messages="$errors->updatePassword->get('current_password')" class="mt-2" />
+        </div>
+
+        <div>
+            <x-input-label for="update_password_password" :value="__('New Password')" />
+            <x-text-input id="update_password_password" name="password" type="password" class="mt-1 block w-full" autocomplete="new-password" />
+            <x-input-error :messages="$errors->updatePassword->get('password')" class="mt-2" />
+        </div>
+
+        <div>
+            <x-input-label for="update_password_password_confirmation" :value="__('Confirm Password')" />
+            <x-text-input id="update_password_password_confirmation" name="password_confirmation" type="password" class="mt-1 block w-full" autocomplete="new-password" />
+            <x-input-error :messages="$errors->updatePassword->get('password_confirmation')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center gap-4">
+            <x-primary-button>{{ __('Save') }}</x-primary-button>
+
+            @if (session('status') === 'password-updated')
+                <p
+                    x-data="{ show: true }"
+                    x-show="show"
+                    x-transition
+                    x-init="setTimeout(() => show = false, 2000)"
+                    class="text-sm text-gray-600 dark:text-gray-400"
+                >{{ __('Saved.') }}</p>
+            @endif
+        </div>
+    </form>
+</section>

dashboard/resources/views/profile/partials/update-profile-information-form.blade.php

@@ -0,0 +1,64 @@
+<section>
+    <header>
+        <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+            {{ __('Profile Information') }}
+        </h2>
+
+        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+            {{ __("Update your account's profile information and email address.") }}
+        </p>
+    </header>
+
+    <form id="send-verification" method="post" action="{{ route('verification.send') }}">
+        @csrf
+    </form>
+
+    <form method="post" action="{{ route('profile.update') }}" class="mt-6 space-y-6">
+        @csrf
+        @method('patch')
+
+        <div>
+            <x-input-label for="name" :value="__('Name')" />
+            <x-text-input id="name" name="name" type="text" class="mt-1 block w-full" :value="old('name', $user->name)" required autofocus autocomplete="name" />
+            <x-input-error class="mt-2" :messages="$errors->get('name')" />
+        </div>
+
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input id="email" name="email" type="email" class="mt-1 block w-full" :value="old('email', $user->email)" required autocomplete="username" />
+            <x-input-error class="mt-2" :messages="$errors->get('email')" />
+
+            @if ($user instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! $user->hasVerifiedEmail())
+                <div>
+                    <p class="text-sm mt-2 text-gray-800 dark:text-gray-200">
+                        {{ __('Your email address is unverified.') }}
+
+                        <button form="send-verification" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
+                            {{ __('Click here to re-send the verification email.') }}
+                        </button>
+                    </p>
+
+                    @if (session('status') === 'verification-link-sent')
+                        <p class="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
+                            {{ __('A new verification link has been sent to your email address.') }}
+                        </p>
+                    @endif
+                </div>
+            @endif
+        </div>
+
+        <div class="flex items-center gap-4">
+            <x-primary-button>{{ __('Save') }}</x-primary-button>
+
+            @if (session('status') === 'profile-updated')
+                <p
+                    x-data="{ show: true }"
+                    x-show="show"
+                    x-transition
+                    x-init="setTimeout(() => show = false, 2000)"
+                    class="text-sm text-gray-600 dark:text-gray-400"
+                >{{ __('Saved.') }}</p>
+            @endif
+        </div>
+    </form>
+</section>

dashboard/routes/auth.php

@@ -0,0 +1,59 @@
+<?php
+
+use App\Http\Controllers\Auth\AuthenticatedSessionController;
+use App\Http\Controllers\Auth\ConfirmablePasswordController;
+use App\Http\Controllers\Auth\EmailVerificationNotificationController;
+use App\Http\Controllers\Auth\EmailVerificationPromptController;
+use App\Http\Controllers\Auth\NewPasswordController;
+use App\Http\Controllers\Auth\PasswordController;
+use App\Http\Controllers\Auth\PasswordResetLinkController;
+use App\Http\Controllers\Auth\RegisteredUserController;
+use App\Http\Controllers\Auth\VerifyEmailController;
+use Illuminate\Support\Facades\Route;
+
+Route::middleware('guest')->group(function () {
+    Route::get('register', [RegisteredUserController::class, 'create'])
+        ->name('register');
+
+    Route::post('register', [RegisteredUserController::class, 'store']);
+
+    Route::get('login', [AuthenticatedSessionController::class, 'create'])
+        ->name('login');
+
+    Route::post('login', [AuthenticatedSessionController::class, 'store']);
+
+    Route::get('forgot-password', [PasswordResetLinkController::class, 'create'])
+        ->name('password.request');
+
+    Route::post('forgot-password', [PasswordResetLinkController::class, 'store'])
+        ->name('password.email');
+
+    Route::get('reset-password/{token}', [NewPasswordController::class, 'create'])
+        ->name('password.reset');
+
+    Route::post('reset-password', [NewPasswordController::class, 'store'])
+        ->name('password.store');
+});
+
+Route::middleware('auth')->group(function () {
+    Route::get('verify-email', EmailVerificationPromptController::class)
+        ->name('verification.notice');
+
+    Route::get('verify-email/{id}/{hash}', VerifyEmailController::class)
+        ->middleware(['signed', 'throttle:6,1'])
+        ->name('verification.verify');
+
+    Route::post('email/verification-notification', [EmailVerificationNotificationController::class, 'store'])
+        ->middleware('throttle:6,1')
+        ->name('verification.send');
+
+    Route::get('confirm-password', [ConfirmablePasswordController::class, 'show'])
+        ->name('password.confirm');
+
+    Route::post('confirm-password', [ConfirmablePasswordController::class, 'store']);
+
+    Route::put('password', [PasswordController::class, 'update'])->name('password.update');
+
+    Route::post('logout', [AuthenticatedSessionController::class, 'destroy'])
+        ->name('logout');
+});

dashboard/routes/web.php

@@ -1,17 +1,44 @@
 <?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/seq', function () {
+        return view('dashboard.sequencing');
+    });
+    Route::get('/dashboard/{code}', [DashboardController::class, 'detail'])
+        ->name('dashboard.detail');
 
-Route::get('/dashboard/seq', function () {
-    return view('dashboard.sequencing');
 });
-Route::get('/dashboard', [DashboardController::class, 'overview']);
-Route::get('/dashboard/{code}', [DashboardController::class, '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');
+    });
+
+});
+
+require __DIR__ . '/auth.php';

dashboard/tailwind.config.js

@@ -0,0 +1,21 @@
+import defaultTheme from 'tailwindcss/defaultTheme';
+import forms from '@tailwindcss/forms';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
+        './storage/framework/views/*.php',
+        './resources/views/**/*.blade.php',
+    ],
+
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
+            },
+        },
+    },
+
+    plugins: [forms],
+};

dashboard/tests/Feature/Auth/AuthenticationTest.php

@@ -0,0 +1,54 @@
+<?php
+
+namespace Tests\Feature\Auth;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class AuthenticationTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_login_screen_can_be_rendered(): void
+    {
+        $response = $this->get('/login');
+
+        $response->assertStatus(200);
+    }
+
+    public function test_users_can_authenticate_using_the_login_screen(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this->post('/login', [
+            'email' => $user->email,
+            'password' => 'password',
+        ]);
+
+        $this->assertAuthenticated();
+        $response->assertRedirect(route('dashboard', absolute: false));
+    }
+
+    public function test_users_can_not_authenticate_with_invalid_password(): void
+    {
+        $user = User::factory()->create();
+
+        $this->post('/login', [
+            'email' => $user->email,
+            'password' => 'wrong-password',
+        ]);
+
+        $this->assertGuest();
+    }
+
+    public function test_users_can_logout(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this->actingAs($user)->post('/logout');
+
+        $this->assertGuest();
+        $response->assertRedirect('/');
+    }
+}

dashboard/tests/Feature/Auth/EmailVerificationTest.php

@@ -0,0 +1,58 @@
+<?php
+
+namespace Tests\Feature\Auth;
+
+use App\Models\User;
+use Illuminate\Auth\Events\Verified;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Event;
+use Illuminate\Support\Facades\URL;
+use Tests\TestCase;
+
+class EmailVerificationTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_email_verification_screen_can_be_rendered(): void
+    {
+        $user = User::factory()->unverified()->create();
+
+        $response = $this->actingAs($user)->get('/verify-email');
+
+        $response->assertStatus(200);
+    }
+
+    public function test_email_can_be_verified(): void
+    {
+        $user = User::factory()->unverified()->create();
+
+        Event::fake();
+
+        $verificationUrl = URL::temporarySignedRoute(
+            'verification.verify',
+            now()->addMinutes(60),
+            ['id' => $user->id, 'hash' => sha1($user->email)]
+        );
+
+        $response = $this->actingAs($user)->get($verificationUrl);
+
+        Event::assertDispatched(Verified::class);
+        $this->assertTrue($user->fresh()->hasVerifiedEmail());
+        $response->assertRedirect(route('dashboard', absolute: false).'?verified=1');
+    }
+
+    public function test_email_is_not_verified_with_invalid_hash(): void
+    {
+        $user = User::factory()->unverified()->create();
+
+        $verificationUrl = URL::temporarySignedRoute(
+            'verification.verify',
+            now()->addMinutes(60),
+            ['id' => $user->id, 'hash' => sha1('wrong-email')]
+        );
+
+        $this->actingAs($user)->get($verificationUrl);
+
+        $this->assertFalse($user->fresh()->hasVerifiedEmail());
+    }
+}

dashboard/tests/Feature/Auth/PasswordConfirmationTest.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace Tests\Feature\Auth;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class PasswordConfirmationTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_confirm_password_screen_can_be_rendered(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this->actingAs($user)->get('/confirm-password');
+
+        $response->assertStatus(200);
+    }
+
+    public function test_password_can_be_confirmed(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this->actingAs($user)->post('/confirm-password', [
+            'password' => 'password',
+        ]);
+
+        $response->assertRedirect();
+        $response->assertSessionHasNoErrors();
+    }
+
+    public function test_password_is_not_confirmed_with_invalid_password(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this->actingAs($user)->post('/confirm-password', [
+            'password' => 'wrong-password',
+        ]);
+
+        $response->assertSessionHasErrors();
+    }
+}

dashboard/tests/Feature/Auth/PasswordResetTest.php

@@ -0,0 +1,73 @@
+<?php
+
+namespace Tests\Feature\Auth;
+
+use App\Models\User;
+use Illuminate\Auth\Notifications\ResetPassword;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Notification;
+use Tests\TestCase;
+
+class PasswordResetTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_reset_password_link_screen_can_be_rendered(): void
+    {
+        $response = $this->get('/forgot-password');
+
+        $response->assertStatus(200);
+    }
+
+    public function test_reset_password_link_can_be_requested(): void
+    {
+        Notification::fake();
+
+        $user = User::factory()->create();
+
+        $this->post('/forgot-password', ['email' => $user->email]);
+
+        Notification::assertSentTo($user, ResetPassword::class);
+    }
+
+    public function test_reset_password_screen_can_be_rendered(): void
+    {
+        Notification::fake();
+
+        $user = User::factory()->create();
+
+        $this->post('/forgot-password', ['email' => $user->email]);
+
+        Notification::assertSentTo($user, ResetPassword::class, function ($notification) {
+            $response = $this->get('/reset-password/'.$notification->token);
+
+            $response->assertStatus(200);
+
+            return true;
+        });
+    }
+
+    public function test_password_can_be_reset_with_valid_token(): void
+    {
+        Notification::fake();
+
+        $user = User::factory()->create();
+
+        $this->post('/forgot-password', ['email' => $user->email]);
+
+        Notification::assertSentTo($user, ResetPassword::class, function ($notification) use ($user) {
+            $response = $this->post('/reset-password', [
+                'token' => $notification->token,
+                'email' => $user->email,
+                'password' => 'password',
+                'password_confirmation' => 'password',
+            ]);
+
+            $response
+                ->assertSessionHasNoErrors()
+                ->assertRedirect(route('login'));
+
+            return true;
+        });
+    }
+}

dashboard/tests/Feature/Auth/PasswordUpdateTest.php

@@ -0,0 +1,51 @@
+<?php
+
+namespace Tests\Feature\Auth;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Hash;
+use Tests\TestCase;
+
+class PasswordUpdateTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_password_can_be_updated(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this
+            ->actingAs($user)
+            ->from('/profile')
+            ->put('/password', [
+                'current_password' => 'password',
+                'password' => 'new-password',
+                'password_confirmation' => 'new-password',
+            ]);
+
+        $response
+            ->assertSessionHasNoErrors()
+            ->assertRedirect('/profile');
+
+        $this->assertTrue(Hash::check('new-password', $user->refresh()->password));
+    }
+
+    public function test_correct_password_must_be_provided_to_update_password(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this
+            ->actingAs($user)
+            ->from('/profile')
+            ->put('/password', [
+                'current_password' => 'wrong-password',
+                'password' => 'new-password',
+                'password_confirmation' => 'new-password',
+            ]);
+
+        $response
+            ->assertSessionHasErrorsIn('updatePassword', 'current_password')
+            ->assertRedirect('/profile');
+    }
+}

dashboard/tests/Feature/Auth/RegistrationTest.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace Tests\Feature\Auth;
+
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class RegistrationTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_registration_screen_can_be_rendered(): void
+    {
+        $response = $this->get('/register');
+
+        $response->assertStatus(200);
+    }
+
+    public function test_new_users_can_register(): void
+    {
+        $response = $this->post('/register', [
+            'name' => 'Test User',
+            'email' => 'test@example.com',
+            'password' => 'password',
+            'password_confirmation' => 'password',
+        ]);
+
+        $this->assertAuthenticated();
+        $response->assertRedirect(route('dashboard', absolute: false));
+    }
+}

dashboard/tests/Feature/ProfileTest.php

@@ -0,0 +1,99 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class ProfileTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_profile_page_is_displayed(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this
+            ->actingAs($user)
+            ->get('/profile');
+
+        $response->assertOk();
+    }
+
+    public function test_profile_information_can_be_updated(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this
+            ->actingAs($user)
+            ->patch('/profile', [
+                'name' => 'Test User',
+                'email' => 'test@example.com',
+            ]);
+
+        $response
+            ->assertSessionHasNoErrors()
+            ->assertRedirect('/profile');
+
+        $user->refresh();
+
+        $this->assertSame('Test User', $user->name);
+        $this->assertSame('test@example.com', $user->email);
+        $this->assertNull($user->email_verified_at);
+    }
+
+    public function test_email_verification_status_is_unchanged_when_the_email_address_is_unchanged(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this
+            ->actingAs($user)
+            ->patch('/profile', [
+                'name' => 'Test User',
+                'email' => $user->email,
+            ]);
+
+        $response
+            ->assertSessionHasNoErrors()
+            ->assertRedirect('/profile');
+
+        $this->assertNotNull($user->refresh()->email_verified_at);
+    }
+
+    public function test_user_can_delete_their_account(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this
+            ->actingAs($user)
+            ->delete('/profile', [
+                'password' => 'password',
+            ]);
+
+        $response
+            ->assertSessionHasNoErrors()
+            ->assertRedirect('/');
+
+        $this->assertGuest();
+        $this->assertNull($user->fresh());
+    }
+
+    public function test_correct_password_must_be_provided_to_delete_account(): void
+    {
+        $user = User::factory()->create();
+
+        $response = $this
+            ->actingAs($user)
+            ->from('/profile')
+            ->delete('/profile', [
+                'password' => 'wrong-password',
+            ]);
+
+        $response
+            ->assertSessionHasErrorsIn('userDeletion', 'password')
+            ->assertRedirect('/profile');
+
+        $this->assertNotNull($user->fresh());
+    }
+}

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/**'],
-        },
-    },
 });

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

@@ -0,0 +1,597 @@
+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/**'],
+-        },
+-    },