Updated styling

bootstrap/app.php

@@ -3,6 +3,7 @@
 use Illuminate\Foundation\Application;
 use Illuminate\Foundation\Configuration\Exceptions;
 use Illuminate\Foundation\Configuration\Middleware;
+use Illuminate\Http\Request;
 
 return Application::configure(basePath: dirname(__DIR__))
     ->withRouting(
@@ -12,7 +13,13 @@
     )
     ->withMiddleware(function (Middleware $middleware) {
         //
-        $middleware->trustProxies(at: '172.16.121.9');
+        $middleware->trustProxies(
+            at: '*', // or ['127.0.0.1', '::1'] / your proxy IP(s)
+            headers: Request::HEADER_X_FORWARDED_FOR |
+                     Request::HEADER_X_FORWARDED_HOST |
+                     Request::HEADER_X_FORWARDED_PORT |
+                     Request::HEADER_X_FORWARDED_PROTO
+        );;
     })
     ->withExceptions(function (Exceptions $exceptions): void {
         //

citadel.conf

@@ -0,0 +1,65 @@
+# cat /etc/nginx/conf.d/citadel.conf 
+server {
+    listen 80;
+    server_name citadel.msya.gov.tt;
+
+    # --- Main Site Configuration ---
+    # This is the default root for your server
+    root /var/www/html;
+    index index.php index.html index.htm;
+
+    # This handles requests for your main site
+    location / {
+        try_files $uri $uri/ /index.php?$query_string;
+    }
+
+    # This handles PHP requests for your main site
+    location ~ \.php$ {
+        # This condition prevents this block from incorrectly handling phpMyAdmin requests
+        if ($request_uri ~ ^/phpmyadmin) {
+            return 404;
+        }
+        try_files $uri =404;
+        include fastcgi_params;
+        fastcgi_pass unix:/run/php-fpm/www.sock;
+        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+    }
+
+    # --- Hospitality App Configuration ---
+    location /hosp {
+        alias /var/www/html/hosp_2025/public;
+        index index.php;
+
+        # If file/dir doesn't exist, rewrite to index.php (Laravel routing)
+        if (!-e $request_filename) {
+            rewrite ^ /hosp/index.php last;
+        }
+
+        location ~ \.php$ {
+            include fastcgi_params;
+            fastcgi_pass unix:/run/php-fpm/www.sock;
+            fastcgi_param SCRIPT_FILENAME $request_filename;
+        }
+    }
+    
+    # --- phpMyAdmin Configuration ---
+    # This location block uses 'alias' to correctly point to the phpMyAdmin files
+    location /phpmyadmin {
+        alias /usr/share/phpMyAdmin/; # Correct directive
+        index index.php;
+        try_files $uri $uri/ /phpmyadmin/index.php?$query_string;
+
+        # This nested location handles ONLY the PHP files inside the aliased directory
+        location ~ \.php$ {
+            include fastcgi_params;
+            fastcgi_pass unix:/run/php-fpm/www.sock;
+            # Use $request_filename because 'alias' is used
+            fastcgi_param SCRIPT_FILENAME $request_filename;
+        }
+    }
+
+    # Deny access to sensitive phpMyAdmin directories
+    location ~ ^/phpmyadmin/(sql|setup)/ {
+        deny all;
+    }
+}

composer.lock

@@ -3303,11 +3303,11 @@
         },
         {
             "name": "m21/formkit",
-            "version": "v1.0.6",
+            "version": "v1.0.7",
             "source": {
                 "type": "git",
                 "url": "https://codebay.msya.gov.tt/DevTeam/formkit.git",
-                "reference": "3208f45c42122316df81f116e476d847323834ba"
+                "reference": "733c2a0469c04e90158e970b6900a0d844baa982"
             },
             "require": {
                 "filament/filament": "^4.0",
@@ -3337,7 +3337,7 @@
                 }
             ],
             "description": "Form components for M21 application programmes and related services",
-            "time": "2025-12-12T14:01:50+00:00"
+            "time": "2025-12-15T16:38:22+00:00"
         },
         {
             "name": "masterminds/html5",

resources/css/app.css

@@ -31,5 +31,12 @@
 @source '../../vendor/m21/formkit/resources/views/**/*.blade.php';
 
 @theme {
-    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+@font-face {
+    font-family: "Nunito";
+    src: url('../fonts/Nunito/Nunito-VariableFont_wght.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
 }

resources/views/form/cohorts.blade.php

@@ -1,33 +1,35 @@
 <div>
     <h2 class="font-bold text-gray-900 mb-2">This course will be delivered in 3 cohorts, Tuesday and Thursdays from 3:00pm to 6:00pm.</h2>
+    <div class="overflow-x-auto">
         <table class="min-w-full bg-white border border-gray-200 rounded-lg shadow-sm">
             <thead class="bg-gray-50">
                 <tr>
-                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Cohort</th>
+                    <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Cohort</th>
-                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Date</th>
+                    <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Date</th>
-                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Time</th>
+                    <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Time</th>
-                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Venue</th>
+                    <th class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200">Venue</th>
                 </tr>
             </thead>
             <tbody class="divide-y divide-gray-200">
                 <tr class="hover:bg-gray-50">
-                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">1</td>
+                    <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">1</td>
-                <td class="px-6 py-4 text-sm text-gray-900">Tuesday 14th October &<br>Thursday 16th October 2025</td>
+                    <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Tuesday 14th October &<br>Thursday 16th October 2025</td>
-                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm – 6:00pm</td>
+                    <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm – 6:00pm</td>
-                <td class="px-6 py-4 text-sm text-gray-900">Los Bajos Youth Development Centre</td>
+                    <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Los Bajos Youth Development Centre</td>
                 </tr>
                 <tr class="hover:bg-gray-50">
-                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2</td>
+                    <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2</td>
-                <td class="px-6 py-4 text-sm text-gray-900">Wednesday 15th October &<br>Wednesday 22nd October 2025</td>
+                    <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Wednesday 15th October &<br>Wednesday 22nd October 2025</td>
-                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm – 6:00pm</td>
+                    <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm – 6:00pm</td>
-                <td class="px-6 py-4 text-sm text-gray-900">St James Youth Development Centre</td>
+                    <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">St James Youth Development Centre</td>
                 </tr>
                 <tr class="hover:bg-gray-50">
-                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">3</td>
+                    <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">3</td>
-                <td class="px-6 py-4 text-sm text-gray-900">Tuesday 21st October &<br>Thursday 23rd October 2025</td>
+                    <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">Tuesday 21st October &<br>Thursday 23rd October 2025</td>
-                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm – 6:00pm</td>
+                    <td class="px-3 sm:px-6 py-4 whitespace-nowrap text-sm text-gray-900">3:00pm – 6:00pm</td>
-                <td class="px-6 py-4 text-sm text-gray-900">California Youth Development Centre</td>
+                    <td class="px-3 sm:px-6 py-4 text-sm text-gray-900">California Youth Development Centre</td>
                 </tr>
             </tbody>
         </table>
     </div>
+</div>

resources/views/livewire/applicant-form.blade.php

@@ -1,4 +1,20 @@
 <div>
+    <div class="bg-gradient-to-r from-teal-50 to-purple-50 border border-teal-200 rounded-lg p-6 mb-6">
+        <h1 class="text-3xl font-bold text-gray-800 mb-2">Creative Faces</h1>
+        <h2 class="text-xl font-semibold text-teal-600 mb-4 italic">"Youth Empowerment Through Makeup Artistry"</h2>
+        
+        <div class="prose prose-gray max-w-none">
+            <p class="text-gray-700 leading-relaxed mb-4">
+                The Ministry of Sport and Youth Affairs, in partnership with <strong>Sacha Cosmetics Ltd.</strong>, invites young people to join a
+                two-day introductory workshop in Makeup Artistry—a creative, hands-on experience focused on developing new skills and
+                confidence under professional mentorship.
+            </p>
+            
+            <p>Participants must bring a freestanding tabletop mirror for use during the training.</p>
+
+            <p>Participants must be 18 to 35 years old.</p>
+        </div>
+    </div>
     <form wire:submit="create">
         {{ $this->form }}