From 29a94899da12b1c090d92ebcbd01fa5782343746 Mon Sep 17 00:00:00 2001
From: Jonathan van Rij <jonathan@blijnder.nl>
Date: Mon, 16 Mar 2026 14:34:07 +0100
Subject: [PATCH] Fixes the configuration file

---
 app/Configs/Content.php                       |  74 ++++++++++
 app/Http/Controllers/ScreeningController.php  |   6 +-
 .../Screening/UpdateScreeningRequest.php      |   4 +-
 app/Models/Config.php                         |  42 ++++++
 app/Nova/ConfigResource.php                   | 139 ++++++++++++++++++
 app/Policies/ConfigPolicy.php                 |  71 +++++++++
 app/Providers/AppServiceProvider.php          |   2 +-
 app/Providers/NovaServiceProvider.php         |   5 +
 app/Services/Config.php                       | 126 ++++++++++++++++
 ...6_02_03_082959_create_screenings_table.php |   2 +-
 ...2026_02_03_083003_create_configs_table.php |  30 ++++
 resources/js/Pages/Screening/Result.vue       |   2 +-
 resources/js/Pages/Screening/Show.vue         |  19 ++-
 resources/js/Pages/Session/Result.vue         |   2 +-
 resources/js/Pages/Session/Show.vue           |  50 ++++++-
 routes/web.php                                |   3 +-
 16 files changed, 559 insertions(+), 18 deletions(-)
 create mode 100644 app/Configs/Content.php
 create mode 100644 app/Models/Config.php
 create mode 100644 app/Nova/ConfigResource.php
 create mode 100644 app/Policies/ConfigPolicy.php
 create mode 100644 app/Services/Config.php
 create mode 100644 database/migrations/2026_02_03_083003_create_configs_table.php

diff --git a/app/Configs/Content.php b/app/Configs/Content.php
new file mode 100644
index 0000000..048e1ab
--- /dev/null
+++ b/app/Configs/Content.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Configs;
+
+use Illuminate\Support\Arr;
+use Laravel\Nova\Fields\Markdown;
+
+/**
+ * Config Field class for the "content" config group.
+ * Defines fields, defaults, and Nova fields for content settings.
+ */
+final class Content
+{
+    public string $title = 'Content';
+
+    public string $description = 'Content settings';
+
+    public string $key = 'content';
+
+    /**
+     * Returns the field definitions with their type and default value for this config group.
+     */
+    public function getFieldKeys(): array
+    {
+        return [
+            'disclaimer' => [
+                'type' => 'markdown',
+                'default' => '',
+            ],
+        ];
+    }
+
+    /**
+     * Returns the default value for the given field key, or null if the key does not exist.
+     */
+    public function getDefault(string $key): mixed
+    {
+        $fields = $this->getFieldKeys();
+
+        if (! Arr::has($fields, $key)) {
+            return null;
+        }
+
+        return Arr::get($fields, "{$key}.default");
+    }
+
+    /**
+     * Returns Nova field instances for this config group, each wired with
+     * resolveUsing (read from json_value with default fallback) and
+     * fillUsing (write back into json_value) callbacks.
+     */
+    public function getNovaFields(): array
+    {
+        return [
+            Markdown::make('Disclaimer', 'disclaimer')
+                ->resolveUsing(function (mixed $value, mixed $resource): string {
+                    $jsonValue = Arr::get((array) $resource->json_value, 'disclaimer');
+
+                    if ($jsonValue === null || $jsonValue === '') {
+                        return (string) $this->getDefault('disclaimer');
+                    }
+
+                    return (string) $jsonValue;
+                })
+                ->fillUsing(function (mixed $request, mixed $model, string $attribute, string $requestAttribute): void {
+                    $current = Arr::wrap((array) $model->json_value);
+                    Arr::set($current, $attribute, $request->{$requestAttribute});
+                    $model->json_value = $current;
+                }),
+        ];
+    }
+}
diff --git a/app/Http/Controllers/ScreeningController.php b/app/Http/Controllers/ScreeningController.php
index deaa9da..604dde3 100644
--- a/app/Http/Controllers/ScreeningController.php
+++ b/app/Http/Controllers/ScreeningController.php
@@ -103,15 +103,17 @@ private function calculateAndUpdateScore(Screening $screening, array $answers):
     }
 
     /**
-     * Calculate the total score from the answers.
+     * Calculate the total score from the answers — yes = 1, unknown = 0.5, no = 0.
      */
-    private function calculateScore(array $answers): int
+    private function calculateScore(array $answers): float
     {
         $score = 0;
 
         foreach ($answers as $value) {
             if ($value === 'yes') {
                 $score++;
+            } elseif ($value === 'unknown') {
+                $score += 0.5;
             }
         }
 
diff --git a/app/Http/Requests/Screening/UpdateScreeningRequest.php b/app/Http/Requests/Screening/UpdateScreeningRequest.php
index 1caad1a..ad5f8c8 100644
--- a/app/Http/Requests/Screening/UpdateScreeningRequest.php
+++ b/app/Http/Requests/Screening/UpdateScreeningRequest.php
@@ -25,7 +25,7 @@ public function rules(): array
     {
         return [
             'answers' => ['required', 'array', 'size:10'],
-            'answers.*' => ['required', 'string', 'in:yes,no'],
+            'answers.*' => ['required', 'string', 'in:yes,unknown,no'],
         ];
     }
 
@@ -40,7 +40,7 @@ public function messages(): array
             'answers.size' => 'All 10 screening questions must be answered.',
             'answers.*.required' => 'Each screening question must have an answer.',
             'answers.*.string' => 'Each answer must be a valid text value.',
-            'answers.*.in' => 'Each answer must be either "yes" or "no".',
+            'answers.*.in' => 'Each answer must be "yes", "I don\'t know", or "no".',
         ];
     }
 }
diff --git a/app/Models/Config.php b/app/Models/Config.php
new file mode 100644
index 0000000..77a358c
--- /dev/null
+++ b/app/Models/Config.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+
+final class Config extends Model
+{
+    /** The primary key column for config entries is a string key, not an auto-incrementing integer. */
+    protected $primaryKey = 'key';
+
+    /** Disable auto-incrementing since the primary key is a string. */
+    public $incrementing = false;
+
+    /** The primary key type is a string. */
+    protected $keyType = 'string';
+
+    /** Allow mass assignment on all columns. */
+    protected $guarded = [];
+
+    /**
+     * Returns the attribute cast definitions for this model,
+     * ensuring json_value is always hydrated as a PHP array.
+     */
+    protected function casts(): array
+    {
+        return [
+            'json_value' => 'array',
+        ];
+    }
+
+    /**
+     * Scope to filter config records by their string key identifier.
+     */
+    public function scopeForKey(Builder $query, string $key): Builder
+    {
+        return $query->where('key', $key);
+    }
+}
diff --git a/app/Nova/ConfigResource.php b/app/Nova/ConfigResource.php
new file mode 100644
index 0000000..32e44fd
--- /dev/null
+++ b/app/Nova/ConfigResource.php
@@ -0,0 +1,139 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Nova;
+
+use Laravel\Nova\Fields\DateTime;
+use Laravel\Nova\Fields\Text;
+use Laravel\Nova\Http\Requests\NovaRequest;
+
+final class ConfigResource extends Resource
+{
+    /**
+     * The model the resource corresponds to.
+     *
+     * @var class-string<\App\Models\Config>
+     */
+    public static string $model = \App\Models\Config::class;
+
+    /**
+     * The columns that should be searched.
+     *
+     * @var array
+     */
+    public static $search = ['key'];
+
+    /**
+     * The logical group associated with the resource.
+     *
+     * @var string
+     */
+    public static $group = 'Other';
+
+    /**
+     * Get the displayable label of the resource.
+     */
+    public static function label(): string
+    {
+        return 'Settings';
+    }
+
+    /**
+     * Get the displayable singular label of the resource.
+     */
+    public static function singularLabel(): string
+    {
+        return 'Setting';
+    }
+
+    /**
+     * Resolves the display title from the config class title or falls back to the raw key.
+     */
+    public function title(): string
+    {
+        return $this->getConfigClass()?->title ?? $this->resource->key;
+    }
+
+    /**
+     * Get the fields displayed by the resource.
+     *
+     * @return array<int, \Laravel\Nova\Fields\Field|\Laravel\Nova\Panel|\Laravel\Nova\ResourceTool|\Illuminate\Http\Resources\MergeValue>
+     */
+    public function fields(NovaRequest $request): array
+    {
+        return array_merge(
+            [
+                Text::make('Name', 'key')
+                    ->resolveUsing(fn ($value) => $this->getConfigClass()?->title ?? $value)
+                    ->exceptOnForms(),
+
+                Text::make('Description', 'key')
+                    ->resolveUsing(fn () => $this->getConfigClass()?->description ?? '')
+                    ->exceptOnForms(),
+            ],
+            array_map(
+                fn ($field) => $field->hideFromIndex(),
+                $this->getConfigClass()?->getNovaFields() ?? []
+            ),
+            [
+                DateTime::make('Created At')->exceptOnForms()->hideFromIndex()->sortable()->filterable(),
+                DateTime::make('Updated At')->exceptOnForms()->hideFromIndex()->sortable()->filterable(),
+            ],
+        );
+    }
+
+    /**
+     * Get the cards available for the request.
+     *
+     * @return array<int, \Laravel\Nova\Card>
+     */
+    public function cards(NovaRequest $request): array
+    {
+        return [];
+    }
+
+    /**
+     * Get the filters available for the resource.
+     *
+     * @return array<int, \Laravel\Nova\Filters\Filter>
+     */
+    public function filters(NovaRequest $request): array
+    {
+        return [];
+    }
+
+    /**
+     * Get the lenses available for the resource.
+     *
+     * @return array<int, \Laravel\Nova\Lenses\Lens>
+     */
+    public function lenses(NovaRequest $request): array
+    {
+        return [];
+    }
+
+    /**
+     * Get the actions available for the resource.
+     *
+     * @return array<int, \Laravel\Nova\Actions\Action>
+     */
+    public function actions(NovaRequest $request): array
+    {
+        return [];
+    }
+
+    /**
+     * Resolves the config class instance for this resource's key via the Config service.
+     */
+    private function getConfigClass(): ?object
+    {
+        $key = $this->resource?->key;
+
+        if ($key === null) {
+            return null;
+        }
+
+        return app(\App\Services\Config::class)->getConfigClassForGroup($key);
+    }
+}
diff --git a/app/Policies/ConfigPolicy.php b/app/Policies/ConfigPolicy.php
new file mode 100644
index 0000000..23e7c5b
--- /dev/null
+++ b/app/Policies/ConfigPolicy.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Policies;
+
+use App\Models\Config;
+use App\Models\User;
+
+final class ConfigPolicy
+{
+    /**
+     * Determine whether the user can view any config records.
+     * Config records are auto-created by the Config Service, so all users may view the list.
+     */
+    public function viewAny(User $user): bool
+    {
+        return true;
+    }
+
+    /**
+     * Determine whether the user can view a specific config record.
+     */
+    public function view(User $user, Config $config): bool
+    {
+        return true;
+    }
+
+    /**
+     * Determine whether the user can update the config record.
+     * All users with Nova access may edit config values.
+     */
+    public function update(User $user, Config $config): bool
+    {
+        return true;
+    }
+
+    /**
+     * Determine whether the user can create config records.
+     * Config records are auto-created by the Config Service — manual creation is not permitted.
+     */
+    public function create(User $user): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can delete the config record.
+     * Config records are managed by the Config Service and must not be manually deleted.
+     */
+    public function delete(User $user, Config $config): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can restore the config record.
+     */
+    public function restore(User $user, Config $config): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can permanently delete the config record.
+     */
+    public function forceDelete(User $user, Config $config): bool
+    {
+        return false;
+    }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index ce9edfb..9dc10bc 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -16,7 +16,7 @@ final class AppServiceProvider extends ServiceProvider
      */
     public function register(): void
     {
-        //
+        $this->app->singleton(\App\Services\Config::class);
     }
 
     /**
diff --git a/app/Providers/NovaServiceProvider.php b/app/Providers/NovaServiceProvider.php
index a26c953..d374bf9 100644
--- a/app/Providers/NovaServiceProvider.php
+++ b/app/Providers/NovaServiceProvider.php
@@ -4,6 +4,7 @@
 
 use App\Models\User;
 use App\Nova\CategoryResource;
+use App\Nova\ConfigResource;
 use App\Nova\Dashboards\Main;
 use App\Nova\LogResource;
 use App\Nova\QuestionGroupResource;
@@ -46,6 +47,10 @@ public function boot(): void
                 MenuSection::make('Users', [
                     MenuItem::resource(\App\Nova\User::class),
                 ])->icon('users')->collapsible(),
+
+                MenuSection::make('Settings', [
+                    MenuItem::resource(ConfigResource::class),
+                ])->icon('cog')->collapsible(),
             ];
         });
     }
diff --git a/app/Services/Config.php b/app/Services/Config.php
new file mode 100644
index 0000000..2976a84
--- /dev/null
+++ b/app/Services/Config.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Services;
+
+use App\Models\Config as ConfigModel;
+use Illuminate\Database\QueryException;
+use Illuminate\Support\Arr;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Str;
+
+final class Config
+{
+    /** Typed public property for the content group's disclaimer field. */
+    public string $contentDisclaimer = '';
+
+    /** Indexed config class instances keyed by their group key string. */
+    private array $configClasses = [];
+
+    /**
+     * Auto-discovers Config Field classes from app/Configs/, loads or creates
+     * their database rows, and populates typed public properties with cast values.
+     */
+    public function __construct()
+    {
+        $this->discoverConfigClasses();
+        $this->hydrateProperties();
+    }
+
+    /**
+     * Scans app/Configs/ for PHP files, instantiates each class,
+     * and indexes them by their key property.
+     */
+    private function discoverConfigClasses(): void
+    {
+        $files = glob(app_path('Configs/*.php')) ?: [];
+
+        foreach ($files as $file) {
+            $className = 'App\\Configs\\'.pathinfo($file, PATHINFO_FILENAME);
+            $instance = new $className;
+            $this->configClasses[$instance->key] = $instance;
+        }
+    }
+
+    /**
+     * Iterates over all discovered config classes, ensures a DB row exists,
+     * resolves typed field values, and assigns them to public properties.
+     */
+    private function hydrateProperties(): void
+    {
+        try {
+            $dbRecords = ConfigModel::all()->keyBy('key');
+
+            foreach ($this->configClasses as $key => $instance) {
+                $record = $this->ensureDbRecord($key, $dbRecords);
+                $jsonValue = Arr::wrap((array) ($record->json_value ?? []));
+                $this->assignFieldProperties($key, $instance, $jsonValue);
+            }
+        } catch (QueryException) {
+            // Silently skip if configs table does not yet exist during migrations.
+        }
+    }
+
+    /**
+     * Ensures a database record exists for the given config key,
+     * creating one with an empty json_value if it does not.
+     */
+    private function ensureDbRecord(string $key, Collection $dbRecords): ConfigModel
+    {
+        if ($dbRecords->has($key)) {
+            return $dbRecords->get($key);
+        }
+
+        return ConfigModel::firstOrCreate(
+            ['key' => $key],
+            ['json_value' => ''],
+        );
+    }
+
+    /**
+     * Resolves each field value from json_value (with default fallback),
+     * applies type casting, and assigns to the matching typed public property.
+     */
+    private function assignFieldProperties(string $key, object $instance, array $jsonValue): void
+    {
+        foreach ($instance->getFieldKeys() as $fieldKey => $definition) {
+            $type = Arr::get($definition, 'type', 'string');
+            $rawValue = Arr::get($jsonValue, $fieldKey);
+
+            if ($rawValue === null || $rawValue === '') {
+                $rawValue = $instance->getDefault($fieldKey);
+            }
+
+            $castedValue = $this->castValue($rawValue, $type);
+            $propertyName = Str::camel($key).Str::studly($fieldKey);
+
+            if (property_exists($this, $propertyName)) {
+                $this->{$propertyName} = $castedValue;
+            }
+        }
+    }
+
+    /**
+     * Casts a raw value to the PHP type defined by the config field type string.
+     */
+    private function castValue(mixed $value, string $type): mixed
+    {
+        return match ($type) {
+            'string', 'markdown' => (string) $value,
+            'int', 'integer' => (int) $value,
+            'bool', 'boolean' => (bool) $value,
+            'float' => (float) $value,
+            default => $value,
+        };
+    }
+
+    /**
+     * Returns the Config Field class instance for a given group key,
+     * or null when no class has been discovered for that key.
+     */
+    public function getConfigClassForGroup(string $group): ?object
+    {
+        return Arr::get($this->configClasses, $group);
+    }
+}
diff --git a/database/migrations/2026_02_03_082959_create_screenings_table.php b/database/migrations/2026_02_03_082959_create_screenings_table.php
index 806e654..d7012e1 100644
--- a/database/migrations/2026_02_03_082959_create_screenings_table.php
+++ b/database/migrations/2026_02_03_082959_create_screenings_table.php
@@ -16,7 +16,7 @@ public function up(): void
         Schema::create('screenings', function (Blueprint $table) {
             $table->id();
             $table->foreignId('user_id')->constrained()->cascadeOnDelete();
-            $table->integer('score')->nullable();
+            $table->decimal('score', 4, 1)->nullable();
             $table->boolean('passed')->nullable();
             $table->timestamps();
         });
diff --git a/database/migrations/2026_02_03_083003_create_configs_table.php b/database/migrations/2026_02_03_083003_create_configs_table.php
new file mode 100644
index 0000000..aaf326f
--- /dev/null
+++ b/database/migrations/2026_02_03_083003_create_configs_table.php
@@ -0,0 +1,30 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Creates the configs table used to store database-driven key/value configuration.
+     */
+    public function up(): void
+    {
+        Schema::create('configs', function (Blueprint $table) {
+            $table->string('key')->primary();
+            $table->json('json_value')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Drops the configs table on rollback.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('configs');
+    }
+};
diff --git a/resources/js/Pages/Screening/Result.vue b/resources/js/Pages/Screening/Result.vue
index a0a8fbf..a969454 100644
--- a/resources/js/Pages/Screening/Result.vue
+++ b/resources/js/Pages/Screening/Result.vue
@@ -71,7 +71,7 @@ const handleStartCategory = (categoryId) => {
                 <div
                     v-for="category in categories"
                     :key="category.id"
-                    class="bg-surface/50 rounded-lg p-4 flex items-center justify-between hover:bg-surface/70 transition-colors"
+                    class="rounded-lg p-4 flex items-center justify-between hover:bg-white/5 transition-colors"
                 >
                     <span class="text-white font-medium">{{ category.name }}</span>
                     <AppButton size="md" @click="handleStartCategory(category.id)">
diff --git a/resources/js/Pages/Screening/Show.vue b/resources/js/Pages/Screening/Show.vue
index 87f5f6b..eb9344b 100644
--- a/resources/js/Pages/Screening/Show.vue
+++ b/resources/js/Pages/Screening/Show.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed } from 'vue'
+import { computed, watch } from 'vue'
 import { Head, useForm } from '@inertiajs/vue3'
 import AppLayout from '@/Layouts/AppLayout.vue'
 import AppButton from '@/Components/AppButton.vue'
@@ -32,6 +32,18 @@ const handleSubmit = () => {
   form.put(`/screening/${props.screening.id}`)
 }
 
+const currentScore = computed(() => {
+  return Object.values(form.answers).reduce((score, value) => {
+    if (value === 'yes') return score + 1
+    if (value === 'unknown') return score + 0.5
+    return score
+  }, 0)
+})
+
+watch(currentScore, (score) => {
+  console.log('Current screening score:', score)
+})
+
 const allAnswered = computed(() => {
   return Object.values(form.answers).every(v => v !== null)
 })
@@ -42,13 +54,13 @@ const allAnswered = computed(() => {
 
     <div class="max-w-4xl mx-auto px-4 py-8">
         <h1 class="text-3xl font-bold text-white mb-2">Pre-Screening Questions</h1>
-        <p class="text-gray-400 mb-8">Answer all 10 questions to proceed. Each "Yes" answer scores 1 point. You need at least 5 points to pass.</p>
+        <p class="text-gray-400 mb-8">Answer all 10 questions to proceed. Each "Yes" scores 1 point, "I don't know" scores half a point. You need at least 5 points to pass.</p>
 
         <div class="space-y-4 mb-8">
             <div
                 v-for="(question, index) in questions"
                 :key="index"
-                class="bg-surface/50 rounded-lg p-5"
+                class="rounded-lg p-5"
                 :data-cy="`screening-answer-${index + 1}`"
             >
                 <div class="flex items-start gap-4">
@@ -60,6 +72,7 @@ const allAnswered = computed(() => {
                             :name="`question-${index + 1}`"
                             :options="[
                                 { value: 'yes', label: 'Yes' },
+                                { value: 'unknown', label: 'I don\'t know' },
                                 { value: 'no', label: 'No' },
                             ]"
                         />
diff --git a/resources/js/Pages/Session/Result.vue b/resources/js/Pages/Session/Result.vue
index abf466c..5d98752 100644
--- a/resources/js/Pages/Session/Result.vue
+++ b/resources/js/Pages/Session/Result.vue
@@ -85,7 +85,7 @@ const resultDisplay = computed(() => {
         </div>
 
         <!-- Session Details -->
-        <div class="bg-surface/50 rounded-lg p-6 mb-8">
+        <div class="rounded-lg p-6 mb-8">
             <h2 class="text-xl font-semibold text-white mb-4">Session Details</h2>
             <dl class="grid grid-cols-2 gap-4 text-sm">
                 <div>
diff --git a/resources/js/Pages/Session/Show.vue b/resources/js/Pages/Session/Show.vue
index cdf8c51..866038b 100644
--- a/resources/js/Pages/Session/Show.vue
+++ b/resources/js/Pages/Session/Show.vue
@@ -1,8 +1,9 @@
 <script setup>
-import { computed, reactive, ref, watch, nextTick } from 'vue'
+import { computed, onMounted, onUnmounted, reactive, ref, watch, nextTick } from 'vue'
 import { Head, useForm, router } from '@inertiajs/vue3'
 import AppLayout from '@/Layouts/AppLayout.vue'
 import AppButton from '@/Components/AppButton.vue'
+import { ArrowLeftIcon } from '@heroicons/vue/24/outline'
 import QuestionCard from '@/Components/QuestionCard.vue'
 
 defineOptions({ layout: AppLayout })
@@ -39,6 +40,24 @@ const initializeAnswers = () => {
 }
 initializeAnswers()
 
+const bottomBackButtonRef = ref(null)
+const showStickyBack = ref(false)
+
+let observer = null
+
+onMounted(() => {
+  if (!bottomBackButtonRef.value) return
+  observer = new IntersectionObserver(
+    ([entry]) => { showStickyBack.value = !entry.isIntersecting },
+    { threshold: 0 }
+  )
+  observer.observe(bottomBackButtonRef.value.$el || bottomBackButtonRef.value)
+})
+
+onUnmounted(() => {
+  observer?.disconnect()
+})
+
 // Validation state
 const validationErrors = ref({})
 const processing = ref(false)
@@ -175,6 +194,27 @@ const completeSession = async () => {
     <Head :title="`${session.category.name} Questionnaire`" />
 
     <div class="max-w-3xl mx-auto px-4 py-10">
+        <Transition
+            enter-active-class="transition-all duration-200 ease-out"
+            enter-from-class="opacity-0 translate-x-4"
+            enter-to-class="opacity-100 translate-x-0"
+            leave-active-class="transition-all duration-150 ease-in"
+            leave-from-class="opacity-100 translate-x-0"
+            leave-to-class="opacity-0 translate-x-4"
+        >
+            <div v-if="showStickyBack" class="fixed top-[88px] right-6 z-40">
+                <AppButton
+                    variant="ghost"
+                    size="lg"
+                    :href="`/screening/${session.screening_id}/result`"
+                    data-cy="sticky-back"
+                >
+                    <ArrowLeftIcon class="h-5 w-5" />
+                    Back
+                </AppButton>
+            </div>
+        </Transition>
+
         <!-- Title area -->
         <div class="mb-10">
             <h1 class="text-2xl font-bold text-white">{{ session.category.name }} Questionnaire</h1>
@@ -183,7 +223,7 @@ const completeSession = async () => {
 
         <div class="space-y-8">
             <!-- User Info Section -->
-            <div class="bg-white/[0.03] border border-white/[0.06] rounded-xl p-8">
+            <div class="border border-white/[0.06] rounded-xl p-8">
                 <h2 class="text-lg font-semibold text-white mb-5">Basic Information</h2>
 
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -202,7 +242,7 @@ const completeSession = async () => {
             <div
                 v-for="group in questionGroups"
                 :key="group.id"
-                class="bg-white/[0.03] border border-white/[0.06] rounded-xl p-8"
+                class="border border-white/[0.06] rounded-xl p-8"
             >
                 <div class="flex items-center gap-3 mb-1">
                     <div class="w-2 h-2 rounded-full bg-primary/60"></div>
@@ -229,7 +269,7 @@ const completeSession = async () => {
             </div>
 
             <!-- Additional Comments -->
-            <div class="bg-white/[0.03] border border-white/[0.06] rounded-xl p-8">
+            <div class="border border-white/[0.06] rounded-xl p-8">
                 <h2 class="text-lg font-semibold text-white mb-5">Additional Comments</h2>
                 <textarea
                     v-model="additionalComments.additional_comments"
@@ -260,7 +300,7 @@ const completeSession = async () => {
             </Transition>
 
             <div class="flex justify-between items-center">
-                <AppButton variant="ghost" size="lg" :href="`/screening/${session.screening_id}/result`" data-cy="back-to-screening">
+                <AppButton ref="bottomBackButtonRef" variant="ghost" size="lg" :href="`/screening/${session.screening_id}/result`" data-cy="back-to-screening">
                     Back
                 </AppButton>
 
diff --git a/routes/web.php b/routes/web.php
index 7f1716e..f666376 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -17,7 +17,7 @@
 Route::post('/logout', [SocialiteController::class, 'logout'])->name('logout')->middleware('auth');
 
 // Questionnaire routes (authenticated)
-Route::middleware('auth')->group(function () {
+Route::middleware('auth')->missing(fn () => redirect('/'))->group(function () {
     // Screening routes
     Route::post('/screening', [ScreeningController::class, 'store'])->name('screening.store');
     Route::get('/screening/{screening}', [ScreeningController::class, 'show'])->name('screening.show');
@@ -42,4 +42,3 @@
 
     return redirect('/');
 });
-