Compare revisions

00870cef · 00870cef · 00870cef · 00870cef · 88c52db5 · 88c52db5
--- a/app/Views/errors/html/error_403.php
+++ b/app/Views/errors/html/error_403.php
+<?= helper(['components', 'svg']) ?>
+<!DOCTYPE html>
+<html lang="<?= service('request')
+    ->getLocale() ?>">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <title>403 Forbidden</title>
+    <link rel='stylesheet' type='text/css' href='<?= route_to('themes-colors-css') ?>' />
+    <?= service('vite')->asset('styles/index.css', 'css') ?>
+</head>
+
+<body class="flex flex-col items-center justify-center min-h-screen px-2 text-center bg-base theme-<?= service('settings')
+        ->get('App.theme') ?>">
+    <?= svg('castopod-mascot_confused', 'h-64') ?>
+    <h1 class="mt-4 text-3xl font-bold font-display md:text-4xl lg:text-5xl">403 - Forbidden</h1>
+
+    <p class="mb-6 text-lg text-skin-muted md:text-xl lg:text-2xl">
+        <?php if (isset($message) && $message !== '(null)'): ?>
+            <?= esc($message) ?>
+        <?php else: ?>
+            You do not have sufficient permissions to access that page.
+        <?php endif; ?>
+    </p>
+    <a href="<?= previous_url() ?>" class="inline-flex items-center justify-center px-3 py-1 text-sm font-semibold rounded-full shadow-xs text-accent-contrast md:px-4 md:py-2 md:text-base bg-accent-base hover:bg-accent-hover"><?= lang('Common.go_back') ?></a>
+</body>
+
+</html>
--- a/app/Views/errors/html/error_404.php
+++ b/app/Views/errors/html/error_404.php
 <?= helper(['components', 'svg']) ?>
 <!DOCTYPE html>
-<html lang="en">
+<html lang="<?= service('request')
+    ->getLocale() ?>">

 <head>
    <meta charset="utf-8">
-    <title>404 Page Not Found</title>
-    <link rel="stylesheet" href="/assets/index.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <title><?= lang('Errors.pageNotFound') ?></title>
+    <link rel='stylesheet' type='text/css' href='<?= route_to('themes-colors-css') ?>' />
+    <?= service('vite')->asset('styles/index.css', 'css') ?>
 </head>

-<body class="flex flex-col items-center justify-center min-h-screen px-2 text-center bg-gray-100">
+<body class="flex flex-col items-center justify-center min-h-screen px-2 text-center bg-base theme-<?= service('settings')
+        ->get('App.theme') ?>">
    <?= svg('castopod-mascot_confused', 'h-64') ?>
-    <h1 class="text-3xl font-bold font-display md:text-4xl lg:text-5xl">404 - File Not Found</h1>
+    <h1 class="mt-4 text-3xl font-bold font-display md:text-4xl lg:text-5xl">404</h1>

-    <p class="mb-6 text-lg text-gray-600 md:text-xl lg:text-2xl">
+    <p class="mb-6 text-lg text-skin-muted md:text-xl lg:text-2xl">
        <?php if (isset($message) && $message !== '(null)'): ?>
            <?= esc($message) ?>
        <?php else: ?>
-            Sorry! Cannot seem to find the page you were looking for.
+            <?= lang('Errors.sorryCannotFind') ?>
        <?php endif; ?>
    </p>
-
-    <?= button(lang('Common.go_back'), previous_url(), [
-        'variant' => 'primary',
-        'iconLeft' => 'arrow-left',
-    ]) ?>
+    <a href="<?= previous_url() ?>" class="inline-flex items-center justify-center px-3 py-1 text-sm font-semibold rounded-full shadow-xs text-accent-contrast md:px-4 md:py-2 md:text-base bg-accent-base hover:bg-accent-hover"><?= lang('Common.go_back') ?></a>
 </body>

 </html>
--- a/app/Views/errors/html/error_exception.php
+++ b/app/Views/errors/html/error_exception.php
 <?php

-use Config\Services;
+declare(strict_types=1);
+
 use CodeIgniter\CodeIgniter;
+use CodeIgniter\HTTP\Header;

 $errorId = uniqid('error', true);
 ?>
 <!doctype html>
 <html>
-
 <head>
 	<meta charset="UTF-8">
 	<meta name="robots" content="noindex">

 	<title><?= esc($title) ?></title>
-	<style type="text/css">
-		<?= preg_replace(
-      '~[\r\n\t ]+~',
-      ' ',
-      file_get_contents(__DIR__ . DIRECTORY_SEPARATOR . 'debug.css'),
-  ) ?>
+	<style>
+		<?= preg_replace('#[\r\n\t ]+#', ' ', file_get_contents(__DIR__ . DIRECTORY_SEPARATOR . 'debug.css')) ?>
 	</style>

-	<script type="text/javascript">
+	<script>
 		<?= file_get_contents(__DIR__ . DIRECTORY_SEPARATOR . 'debug.js') ?>
 	</script>
 </head>
-
 <body onload="init()">

 	<!-- Header -->
 	<div class="header">
+		<div class="environment">
+            Displayed at <?= esc(date('H:i:sa')) ?> &mdash;
+            PHP: <?= esc(PHP_VERSION) ?>  &mdash;
+            CodeIgniter: <?= esc(CodeIgniter::CI_VERSION) ?> --
+            Environment: <?= ENVIRONMENT ?>
+        </div>
 		<div class="container">
-			<h1><?= esc($title),
-       esc($exception->getCode() ? ' #' . $exception->getCode() : '') ?></h1>
+			<h1><?= esc($title), esc($exception->getCode() ? ' #' . $exception->getCode() : '') ?></h1>
 			<p>
-				<?= esc($exception->getMessage()) ?>
-				<a href="https://www.google.com/search?q=<?= urlencode(
-        $title .
-            ' ' .
-            preg_replace('~\'.*\'|".*"~Us', '', $exception->getMessage()),
-    ) ?>" rel="noreferrer" target="_blank">search &rarr;</a>
+				<?= nl2br(esc($exception->getMessage())) ?>
+				<a href="https://www.duckduckgo.com/?q=<?= urlencode($title . ' ' . preg_replace('#\'.*\'|".*"#Us', '', $exception->getMessage())) ?>"
+				   rel="noreferrer" target="_blank">search &rarr;</a>
 			</p>
 		</div>
 	</div>

 	<!-- Source -->
 	<div class="container">
-		<p><b><?= esc(static::cleanPath($file, $line)) ?></b> at line <b><?= esc(
-    $line,
-) ?></b></p>
+		<p><b><?= esc(clean_path($file, $line)) ?></b> at line <b><?= esc($line) ?></b></p>

-		<?php if (is_file($file)): ?>
+		<?php if (is_file($file)) : ?>
 			<div class="source">
-				<?= static::highlightFile($file, $line, 15) ?>
+				<?= static::highlightFile($file, $line, 15); ?>
 			</div>
 		<?php endif; ?>
 	</div>

+	<div class="container">
+        <?php
+        $last = $exception;
+
+while ($prevException = $last->getPrevious()) {
+    $last = $prevException;
+    ?>
+
+    <pre>
+    Caused by:
+    <?= esc($prevException::class), esc($prevException->getCode() ? ' #' . $prevException->getCode() : '') ?>
+
+    <?= nl2br(esc($prevException->getMessage())) ?>
+    <a href="https://www.duckduckgo.com/?q=<?= urlencode($prevException::class . ' ' . preg_replace('#\'.*\'|".*"#Us', '', $prevException->getMessage())) ?>"
+       rel="noreferrer" target="_blank">search &rarr;</a>
+    <?= esc(clean_path($prevException->getFile()) . ':' . $prevException->getLine()) ?>
+    </pre>
+
+        <?php
+}
+?>
+    </div>
+
+	<?php if (defined('SHOW_DEBUG_BACKTRACE') && SHOW_DEBUG_BACKTRACE) : ?>
 	<div class="container">

 		<ul class="tabs" id="tabs">
@@ -66,7 +86,6 @@ $errorId = uniqid('error', true);
 			<li><a href="#response">Response</a></li>
 			<li><a href="#files">Files</a></li>
 			<li><a href="#memory">Memory</a></li>
-			</li>
 		</ul>

 		<div class="tab-content">
@@ -75,98 +94,79 @@ $errorId = uniqid('error', true);
 			<div class="content" id="backtrace">

 				<ol class="trace">
-					<?php foreach ($trace as $index => $row): ?>
-
-						<li>
-							<p>
-								<!-- Trace info -->
-								<?php if (isset($row['file']) && is_file($row['file'])): ?>
-									<?php if (
-             isset($row['function']) &&
-             in_array(
-                 $row['function'],
-                 ['include', 'include_once', 'require', 'require_once'],
-                 true,
-             )
-         ) {
-             echo esc($row['function'] . ' ' . static::cleanPath($row['file']));
-         } else {
-             echo esc(static::cleanPath($row['file']) . ' : ' . $row['line']);
-         } ?>
-								<?php else: ?>
-									{PHP internal code}
+				<?php foreach ($trace as $index => $row) : ?>
+
+					<li>
+						<p>
+							<!-- Trace info -->
+							<?php if (isset($row['file']) && is_file($row['file'])) : ?>
+								<?php
+                        if (isset($row['function']) && in_array($row['function'], ['include', 'include_once', 'require', 'require_once'], true)) {
+                            echo esc($row['function'] . ' ' . clean_path($row['file']));
+                        } else {
+                            echo esc(clean_path($row['file']) . ' : ' . $row['line']);
+                        }
+				    ?>
+							<?php else : ?>
+								{PHP internal code}
+							<?php endif; ?>
+
+							<!-- Class/Method -->
+							<?php if (isset($row['class'])) : ?>
+								&nbsp;&nbsp;&mdash;&nbsp;&nbsp;<?= esc($row['class'] . $row['type'] . $row['function']) ?>
+								<?php if (! empty($row['args'])) : ?>
+									<?php $argsId = $errorId . 'args' . $index ?>
+                                    ( <a href="#" onclick="return toggle('<?= esc($argsId, 'attr') ?>');">arguments</a> )
+                                    <div class="args" id="<?= esc($argsId, 'attr') ?>">
+										<table cellspacing="0">
+
+										<?php
+									$params = null;
+								    // Reflection by name is not available for closure function
+								    if (! str_ends_with($row['function'], '}')) {
+								        $mirror = isset($row['class']) ? new ReflectionMethod($row['class'], $row['function']) : new ReflectionFunction($row['function']);
+								        $params = $mirror->getParameters();
+								    }
+
+								    foreach ($row['args'] as $key => $value) : ?>
+											<tr>
+												<td><code><?= esc(isset($params[$key]) ? '$' . $params[$key]->name : "#{$key}") ?></code></td>
+												<td><pre><?= esc(print_r($value, true)) ?></pre></td>
+											</tr>
+										<?php endforeach ?>
+
+										</table>
+									</div>
+								<?php else : ?>
+									()
 								<?php endif; ?>
+							<?php endif; ?>

-								<!-- Class/Method -->
-								<?php if (isset($row['class'])): ?>
-									&nbsp;&nbsp;&mdash;&nbsp;&nbsp;<?= esc(
-             $row['class'] . $row['type'] . $row['function'],
-         ) ?>
-									<?php if (array_key_exists('args', $row)): ?>
-										<?php $argsId = $errorId . 'args' . $index; ?>
-										( <a href="#" onclick="return toggle('<?= esc(
-              $argsId,
-              'attr',
-          ) ?>');">arguments</a> )
-							<div class="args" id="<?= esc($argsId, 'attr') ?>">
-								<table cellspacing="0">
-
-									<?php
-         $params = null;
-         // Reflection by name is not available for closure function
-         if (substr($row['function'], -1) !== '}') {
-             $mirror = isset($row['class'])
-                 ? new ReflectionMethod($row['class'], $row['function'])
-                 : new ReflectionFunction($row['function']);
-             $params = $mirror->getParameters();
-         }
-         foreach ($row['args'] as $key => $value): ?>
-										<tr>
-											<td><code><?= esc(
-               isset($params[$key]) ? '$' . $params[$key]->name : "#{$key}",
-           ) ?></code></td>
-											<td>
-												<pre><?= esc(print_r($value, true)) ?></pre>
-											</td>
-										</tr>
-									<?php endforeach;
-         ?>
-
-								</table>
+							<?php if (! isset($row['class']) && isset($row['function'])) : ?>
+								&nbsp;&nbsp;&mdash;&nbsp;&nbsp;	<?= esc($row['function']) ?>()
+							<?php endif; ?>
+						</p>
+
+						<!-- Source? -->
+						<?php if (isset($row['file']) && is_file($row['file']) && isset($row['class'])) : ?>
+							<div class="source">
+								<?= static::highlightFile($row['file'], $row['line']) ?>
 							</div>
-						<?php else: ?>
-							()
 						<?php endif; ?>
-					<?php endif; ?>
-
-					<?php if (!isset($row['class']) && isset($row['function'])): ?>
-						&nbsp;&nbsp;&mdash;&nbsp;&nbsp; <?= esc($row['function']) ?>()
-					<?php endif; ?>
-					</p>
-
-					<!-- Source? -->
-					<?php if (
-         isset($row['file']) &&
-         is_file($row['file']) &&
-         isset($row['class'])
-     ): ?>
-						<div class="source">
-							<?= static::highlightFile($row['file'], $row['line']) ?>
-						</div>
-					<?php endif; ?>
-						</li>
-
-					<?php endforeach; ?>
+					</li>
+
+				<?php endforeach; ?>
 				</ol>

 			</div>

 			<!-- Server -->
 			<div class="content" id="server">
-				<?php foreach (['_SERVER', '_SESSION'] as $var): ?>
-					<?php if (empty($GLOBALS[$var]) || !is_array($GLOBALS[$var])) {
-         continue;
-     } ?>
+				<?php foreach (['_SERVER', '_SESSION'] as $var) : ?>
+					<?php
+                    if (empty($GLOBALS[$var]) || ! is_array($GLOBALS[$var])) {
+                        continue;
+                    } ?>

 					<h3>$<?= esc($var) ?></h3>

@@ -178,26 +178,26 @@ $errorId = uniqid('error', true);
 							</tr>
 						</thead>
 						<tbody>
-							<?php foreach ($GLOBALS[$var] as $key => $value): ?>
-								<tr>
-									<td><?= esc($key) ?></td>
-									<td>
-										<?php if (is_string($value)): ?>
-											<?= esc($value) ?>
-										<?php else: ?>
-											<pre><?= esc(print_r($value, true)) ?></pre>
-										<?php endif; ?>
-									</td>
-								</tr>
-							<?php endforeach; ?>
+						<?php foreach ($GLOBALS[$var] as $key => $value) : ?>
+							<tr>
+								<td><?= esc($key) ?></td>
+								<td>
+									<?php if (is_string($value)) : ?>
+										<?= esc($value) ?>
+									<?php else: ?>
+										<pre><?= esc(print_r($value, true)) ?></pre>
+									<?php endif; ?>
+								</td>
+							</tr>
+						<?php endforeach; ?>
 						</tbody>
 					</table>

-				<?php endforeach; ?>
+				<?php endforeach ?>

 				<!-- Constants -->
 				<?php $constants = get_defined_constants(true); ?>
-				<?php if (!empty($constants['user'])): ?>
+				<?php if (! empty($constants['user'])) : ?>
 					<h3>Constants</h3>

 					<table>
@@ -208,18 +208,18 @@ $errorId = uniqid('error', true);
 							</tr>
 						</thead>
 						<tbody>
-							<?php foreach ($constants['user'] as $key => $value): ?>
-								<tr>
-									<td><?= esc($key) ?></td>
-									<td>
-										<?php if (is_string($value)): ?>
-											<?= esc($value) ?>
-										<?php else: ?>
-											<pre><?= esc(print_r($value, true)) ?></pre>
-										<?php endif; ?>
-									</td>
-								</tr>
-							<?php endforeach; ?>
+						<?php foreach ($constants['user'] as $key => $value) : ?>
+							<tr>
+								<td><?= esc($key) ?></td>
+								<td>
+									<?php if (is_string($value)) : ?>
+										<?= esc($value) ?>
+									<?php else: ?>
+										<pre><?= esc(print_r($value, true)) ?></pre>
+									<?php endif; ?>
+								</td>
+							</tr>
+						<?php endforeach; ?>
 						</tbody>
 					</table>
 				<?php endif; ?>
@@ -227,17 +227,17 @@ $errorId = uniqid('error', true);

 			<!-- Request -->
 			<div class="content" id="request">
-				<?php $request = Services::request(); ?>
+				<?php $request = service('request'); ?>

 				<table>
 					<tbody>
 						<tr>
 							<td style="width: 10em">Path</td>
-							<td><?= esc($request->uri) ?></td>
+							<td><?= esc($request->getUri()) ?></td>
 						</tr>
 						<tr>
 							<td>HTTP Method</td>
-							<td><?= esc($request->getMethod(true)) ?></td>
+							<td><?= esc($request->getMethod()) ?></td>
 						</tr>
 						<tr>
 							<td>IP Address</td>
@@ -265,10 +265,11 @@ $errorId = uniqid('error', true);


 				<?php $empty = true; ?>
-				<?php foreach (['_GET', '_POST', '_COOKIE'] as $var): ?>
-					<?php if (empty($GLOBALS[$var]) || !is_array($GLOBALS[$var])) {
-         continue;
-     } ?>
+				<?php foreach (['_GET', '_POST', '_COOKIE'] as $var) : ?>
+					<?php
+                    if (empty($GLOBALS[$var]) || ! is_array($GLOBALS[$var])) {
+                        continue;
+                    } ?>

 					<?php $empty = false; ?>

@@ -282,24 +283,24 @@ $errorId = uniqid('error', true);
 							</tr>
 						</thead>
 						<tbody>
-							<?php foreach ($GLOBALS[$var] as $key => $value): ?>
-								<tr>
-									<td><?= esc($key) ?></td>
-									<td>
-										<?php if (is_string($value)): ?>
-											<?= esc($value) ?>
-										<?php else: ?>
-											<pre><?= esc(print_r($value, true)) ?></pre>
-										<?php endif; ?>
-									</td>
-								</tr>
-							<?php endforeach; ?>
+						<?php foreach ($GLOBALS[$var] as $key => $value) : ?>
+							<tr>
+								<td><?= esc($key) ?></td>
+								<td>
+									<?php if (is_string($value)) : ?>
+										<?= esc($value) ?>
+									<?php else: ?>
+										<pre><?= esc(print_r($value, true)) ?></pre>
+									<?php endif; ?>
+								</td>
+							</tr>
+						<?php endforeach; ?>
 						</tbody>
 					</table>

-				<?php endforeach; ?>
+				<?php endforeach ?>

-				<?php if ($empty): ?>
+				<?php if ($empty) : ?>

 					<div class="alert">
 						No $_GET, $_POST, or $_COOKIE Information to show.
@@ -307,8 +308,8 @@ $errorId = uniqid('error', true);

 				<?php endif; ?>

-				<?php $headers = $request->getHeaders(); ?>
-				<?php if (!empty($headers)): ?>
+				<?php $headers = $request->headers(); ?>
+				<?php if (! empty($headers)) : ?>

 					<h3>Headers</h3>

@@ -320,20 +321,22 @@ $errorId = uniqid('error', true);
 							</tr>
 						</thead>
 						<tbody>
-							<?php foreach ($headers as $value): ?>
-								<?php if (empty($value)) {
-            continue;
-        } ?>
-								<?php if (!is_array($value)) {
-            $value = [$value];
-        } ?>
-								<?php foreach ($value as $h): ?>
-									<tr>
-										<td><?= esc($h->getName(), 'html') ?></td>
-										<td><?= esc($h->getValueLine(), 'html') ?></td>
-									</tr>
-								<?php endforeach; ?>
-							<?php endforeach; ?>
+						<?php foreach ($headers as $name => $value) : ?>
+                            <tr>
+                                <td><?= esc($name, 'html') ?></td>
+                                <td>
+                                <?php
+                                if ($value instanceof Header) {
+                                    echo esc($value->getValueLine(), 'html');
+                                } else {
+                                    foreach ($value as $i => $header) {
+                                        echo ' (' . $i + 1 . ') ' . esc($header->getValueLine(), 'html');
+                                    }
+                                }
+						    ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
 						</tbody>
 					</table>

@@ -342,21 +345,19 @@ $errorId = uniqid('error', true);

 			<!-- Response -->
 			<?php
-   $response = Services::response();
-   $response->setStatusCode(http_response_code());
-   ?>
+                $response = service('response');
+$response->setStatusCode(http_response_code());
+?>
 			<div class="content" id="response">
 				<table>
 					<tr>
 						<td style="width: 15em">Response Status</td>
-						<td><?= esc($response->getStatusCode() . ' - ' . $response->getReason()) ?></td>
+						<td><?= esc($response->getStatusCode() . ' - ' . $response->getReasonPhrase()) ?></td>
 					</tr>
 				</table>

-				<?php $headers = $response->getHeaders(); ?>
-				<?php if ($headers !== []): ?>
-					<?php natsort($headers); ?>
-
+				<?php $headers = $response->headers(); ?>
+				<?php if (! empty($headers)) : ?>
 					<h3>Headers</h3>

 					<table>
@@ -367,12 +368,22 @@ $errorId = uniqid('error', true);
 							</tr>
 						</thead>
 						<tbody>
-							<?php foreach (array_keys($headers) as $name): ?>
-								<tr>
-									<td><?= esc($name, 'html') ?></td>
-									<td><?= esc($response->getHeaderLine($name), 'html') ?></td>
-								</tr>
-							<?php endforeach; ?>
+                        <?php foreach ($headers as $name => $value) : ?>
+                            <tr>
+                                <td><?= esc($name, 'html') ?></td>
+                                <td>
+                                <?php
+                                if ($value instanceof Header) {
+                                    echo esc($response->getHeaderLine($name), 'html');
+                                } else {
+                                    foreach ($value as $i => $header) {
+                                        echo ' (' . $i + 1 . ') ' . esc($header->getValueLine(), 'html');
+                                    }
+                                }
+                            ?>
+                                </td>
+                            </tr>
+                        <?php endforeach; ?>
 						</tbody>
 					</table>

@@ -384,9 +395,9 @@ $errorId = uniqid('error', true);
 				<?php $files = get_included_files(); ?>

 				<ol>
-					<?php foreach ($files as $file): ?>
-						<li><?= esc(static::cleanPath($file)) ?></li>
-					<?php endforeach; ?>
+				<?php foreach ($files as $file) :?>
+					<li><?= esc(clean_path($file)) ?></li>
+				<?php endforeach ?>
 				</ol>
 			</div>

@@ -415,19 +426,7 @@ $errorId = uniqid('error', true);
 		</div> <!-- /tab-content -->

 	</div> <!-- /container -->
-
-	<div class="footer">
-		<div class="container">
-
-			<p>
-				Displayed at <?= esc(date('H:i:sa')) ?> &mdash;
-				PHP: <?= esc(phpversion()) ?> &mdash;
-				CodeIgniter: <?= esc(CodeIgniter::CI_VERSION) ?>
-			</p>
-
-		</div>
-	</div>
+	<?php endif; ?>

 </body>
-
 </html>
--- a/app/Views/errors/html/production.php
+++ b/app/Views/errors/html/production.php
@@ -5,15 +5,55 @@
 <head>
 	<meta charset="UTF-8">
 	<meta name="robots" content="noindex">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

-	<title>Whoops!</title>
-	<link rel="stylesheet" href="/assets/index.css" />
+	<title><?= lang('Errors.whoops') ?></title>
+	<link rel='stylesheet' type='text/css' href='<?= route_to('themes-colors-css') ?>' />
+    <?= service('vite')->asset('styles/index.css', 'css') ?>
+	<?php if (auth()->loggedIn()): ?>
+		<?= service('vite')->asset('js/error.ts', 'js') ?>
+	<?php endif; ?>
 </head>

-<body class="flex flex-col items-center justify-center min-h-screen px-2 text-center bg-gray-100">
-	<?= svg('castopod-mascot_confused', 'h-64') ?>
-	<h1 class="text-3xl font-bold font-display md:text-4xl lg:text-5xl">Whoops!</h1>
-	<p class="mb-6 text-lg text-gray-600 md:text-xl lg:text-2xl">We seem to have hit a snag. Please try again later...</p>
+<body class="flex flex-col items-center justify-center min-h-screen px-4 bg-base gap-y-12 theme-<?= service('settings')
+        ->get('App.theme') ?>">
+	<?php if (auth()->loggedIn()): ?>
+	<div class="flex flex-col items-center justify-center flex-1 gap-6">
+		<div class="flex flex-col items-center">
+			<?= svg('castopod-mascot_confused', 'w-full max-w-xs p-6') ?>
+			<h1 class="text-3xl font-bold font-display md:text-4xl lg:text-5xl"><?= lang('Errors.whoops') ?></h1>
+			<p class="text-lg text-skin-muted md:text-xl lg:text-2xl"><?= lang('Errors.weHitASnag') ?></p>
+		</div>
+		<div class="flex flex-col items-start max-w-xl">
+			<h2 class="font-mono font-semibold"><?= esc($title), esc($exception->getCode() ? ' #' . $exception->getCode() : '') ?></h2>
+			<p class="font-mono"><?= nl2br(esc($exception->getMessage())) ?><br/><span class="pl-4">at <span class="select-all bg-elevated"><?= nl2br(esc($exception->getFile())) ?>:<?= esc($exception->getLine()) ?></span></span></p>
+			<p id="error-stack-trace" class="hidden"><?= nl2br(esc($exception)) ?></p>
+			<clipboard-copy for="error-stack-trace" class="items-center self-end px-3 py-1 mt-2 font-semibold leading-8 transition-all rounded-full shadow group text-accent-contrast hover:bg-accent-hover bg-accent-base">
+				<span class="inline-flex items-center copy-base"><?= icon('file-copy-fill', [
+				    'class' => 'mr-2',
+				]) ?>Copy stack trace</span>
+				<span class="items-center hidden copy-success"><?= icon('check-fill', [
+				    'class' => 'mr-2',
+				]) ?>Copied</span>
+			</clipboard-copy>
+		</div>
+	</div>
+	<div class="flex flex-col justify-center w-full gap-6 py-12 border-t-2 md:flex-row border-subtle">
+		<div class="w-full max-w-md mx-auto md:mx-0">
+			<h2 class="text-xl font-semibold font-display">Found a bug?</h2>
+			<p>You can help get it fixed by <a href="https://castopod.org/new-issue_bug" target="_blank" rel="noopener noreferrer" class="underline decoration-3 hover:no-underline decoration-accent">creating an issue on the Castopod issue tracker</a>. Please check that the issue does not already exist beforehand.</p>
+		</div>	
+		<div class="w-full max-w-md mx-auto md:mx-0">
+			<h2 class="text-xl font-semibold font-display">Not sure what's happening?</h2>
+			<p>You can ask for help in the <a href="https://castopod.org/chat" target="_blank" rel="noopener noreferrer" class="underline decoration-2 hover:no-underline decoration-accent">Castopod community chat</a>!</p>
+		</div>
+	</div>
+	<?php else: ?>
+		<div class="flex flex-col items-center">
+			<?= svg('castopod-mascot_confused', 'w-full max-w-xs p-6') ?>
+			<h1 class="text-3xl font-bold font-display md:text-4xl lg:text-5xl">Whoops!</h1>
+			<p class="text-lg text-skin-muted md:text-xl lg:text-2xl">We seem to have hit a snag. Please try again later...</p>
+		</div>
+	<?php endif; ?>
 </body>
-
 </html>
--- a/app/Views/home.php
+++ b/app/Views/home.php
-<?= helper('page') ?>
-<!DOCTYPE html>
-<html lang="<?= service('request')->getLocale() ?>">
-
-<head>
-    <meta charset="UTF-8"/>
-    <title>Castopod</title>
-    <meta name="description" content="Castopod is an open-source hosting platform made for podcasters who want engage and interact with their audience."/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link rel="shortcut icon" type="image/png" href="/favicon.ico" />
-    <link rel="stylesheet" href="/assets/index.css"/>
-</head>
-
-<body class="flex flex-col min-h-screen mx-auto bg-pine-50">
-    <header class="py-8 text-white border-b bg-pine-900">
-        <div class="container flex items-center justify-between px-2 py-4 mx-auto">
-            <a href="<?= route_to(
-                'home',
-            ) ?>" class="inline-flex items-baseline text-3xl font-semibold font-display"><?= 'castopod' .
-    svg('castopod-logo', 'h-6 ml-2') ?></a>
-        </div>
-    </header>
-    <main class="container flex-1 px-4 py-10 mx-auto">
-        <h1 class="mb-2 text-xl"><?= lang('Home.all_podcasts') ?> (<?= count(
-     $podcasts,
- ) ?>)</h1>
-        <section class="grid gap-4 grid-cols-podcasts">
-            <?php if ($podcasts): ?>
-                <?php foreach ($podcasts as $podcast): ?>
-                    <a href="<?= $podcast->link ?>" class="w-full">
-                        <article class="w-full h-full overflow-hidden bg-white border shadow rounded-xl hover:bg-gray-100 hover:shadow">
-                            <img alt="<?= $podcast->title ?>"
-                            src="<?= $podcast->image->medium_url ?>"
-                            class="object-cover w-full h-48 mb-2" />
-                            <h2 class="px-2 font-semibold leading-tight truncate"><?= $podcast->title ?></h2>
-                            <p class="px-2 pb-2 text-gray-600">@<?= $podcast->name ?></p>
-                        </article>
-                    </a>
-                <?php endforeach; ?>
-            <?php else: ?>
-                <p class="italic"><?= lang('Home.no_podcast') ?></p>
-            <?php endif; ?>
-        </section>
-    </main>
-    <footer class="container flex justify-between px-2 py-4 mx-auto text-sm text-right border-t">
-        <?= render_page_links() ?>
-        <small><?= lang('Common.powered_by', [
-            'castopod' =>
-                '<a class="underline hover:no-underline" href="https://castopod.org/" target="_blank" rel="noreferrer noopener">Castopod</a>',
-        ]) ?></small>
-    </footer>
-</body>
--- a/app/Views/install/cache_config.php
+++ b/app/Views/install/cache_config.php
-<?= $this->extend('install/_layout') ?>
-
-<?= $this->section('content') ?>
-
-<?= form_open(route_to('cache-config'), [
-    'class' => 'flex flex-col max-w-sm w-full',
-]) ?>
-<?= csrf_field() ?>
-
-<h1 class="mb-4 text-xl font-bold font-display"><span class="inline-flex items-center justify-center w-12 h-12 mr-2 text-sm font-semibold tracking-wider border-4 rounded-full text-pine-700 border-pine-700 font-body">3/4</span><?= lang(
-    'Install.form.cache_config',
-) ?></h1>
-
-<p class="mb-4 text-sm text-gray-600"><?= lang(
-    'Install.form.cache_config_hint',
-) ?></p>
-
-<?= form_label(lang('Install.form.cache_handler'), 'db_prefix') ?>
-<?= form_dropdown(
-    'cache_handler',
-    [
-        'file' => lang('Install.form.cacheHandlerOptions.file'),
-        'redis' => lang('Install.form.cacheHandlerOptions.redis'),
-        'predis' => lang('Install.form.cacheHandlerOptions.predis'),
-    ],
-    old('cache_handler', 'file'),
-    [
-        'id' => 'cache_handler',
-        'name' => 'cache_handler',
-        'class' => 'form-select mb-6',
-        'value' => config('Database')->default['DBPrefix'],
-    ],
-) ?>
-
-<?= button(
-    lang('Install.form.next') . icon('arrow-right', 'ml-2'),
-    '',
-    ['variant' => 'primary'],
-    ['type' => 'submit', 'class' => 'self-end'],
-) ?>
-
-<?= form_close() ?>
-
-<?= $this->endSection() ?>
--- a/app/Views/install/create_superadmin.php
+++ b/app/Views/install/create_superadmin.php
-<?= $this->extend('install/_layout') ?>
-
-<?= $this->section('content') ?>
-
-<?= form_open(route_to('create-superadmin'), [
-    'class' => 'flex flex-col max-w-sm w-full',
-]) ?>
-<?= csrf_field() ?>
-
-<h1 class="mb-4 text-xl font-bold font-display"><span class="inline-flex items-center justify-center w-12 h-12 mr-2 text-sm font-semibold tracking-wider border-4 rounded-full text-pine-700 border-pine-700 font-body">4/4</span><?= lang(
-    'Install.form.create_superadmin',
-) ?></h1>
-
-<?= form_label(lang('Install.form.email'), 'email') ?>
-<?= form_input([
-    'id' => 'email',
-    'name' => 'email',
-    'class' => 'form-input mb-4',
-    'type' => 'email',
-    'required' => 'required',
-    'value' => old('email'),
-]) ?>
-
-<?= form_label(lang('Install.form.username'), 'username') ?>
-<?= form_input([
-    'id' => 'username',
-    'name' => 'username',
-    'class' => 'form-input mb-4',
-    'required' => 'required',
-    'value' => old('username'),
-]) ?>
-
-<?= form_label(lang('Install.form.password'), 'password') ?>
-<?= form_input([
-    'id' => 'password',
-    'name' => 'password',
-    'class' => 'form-input mb-4',
-    'type' => 'password',
-    'required' => 'required',
-    'autocomplete' => 'new-password',
-]) ?>
-
-<?= button(
-    icon('check', 'mr-2') . lang('Install.form.submit'),
-    '',
-    ['variant' => 'primary'],
-    ['type' => 'submit', 'class' => 'self-end'],
-) ?>
-
-<?= form_close() ?>
-
-<?= $this->endSection() ?>
--- a/app/Views/install/database_config.php
+++ b/app/Views/install/database_config.php
-<?= $this->extend('install/_layout') ?>
-
-<?= $this->section('content') ?>
-
-<?= form_open(route_to('database-config'), [
-    'class' => 'flex flex-col max-w-sm w-full',
-    'autocomplete' => 'off',
-]) ?>
-<?= csrf_field() ?>
-
-<h1 class="mb-2 text-xl font-bold font-display"><span class="inline-flex items-center justify-center w-12 h-12 mr-2 text-sm font-semibold tracking-wider border-4 rounded-full text-pine-700 border-pine-700 font-body">2/4</span><?= lang(
-    'Install.form.database_config',
-) ?></h1>
-
-<p class="mb-4 text-sm text-gray-600"><?= lang(
-    'Install.form.database_config_hint',
-) ?></p>
-
-<?= form_label(lang('Install.form.db_hostname'), 'db_hostname') ?>
-<?= form_input([
-    'id' => 'db_hostname',
-    'name' => 'db_hostname',
-    'class' => 'form-input mb-4',
-    'value' => old('db_hostname', config('Database')->default['hostname']),
-    'required' => 'required',
-]) ?>
-
-<?= form_label(lang('Install.form.db_name'), 'db_name') ?>
-<?= form_input([
-    'id' => 'db_name',
-    'name' => 'db_name',
-    'class' => 'form-input mb-4',
-    'value' => old('db_name', config('Database')->default['database']),
-    'required' => 'required',
-]) ?>
-
-<?= form_label(lang('Install.form.db_username'), 'db_username') ?>
-<?= form_input([
-    'id' => 'db_username',
-    'name' => 'db_username',
-    'class' => 'form-input mb-4',
-    'value' => old('db_username', config('Database')->default['username']),
-    'required' => 'required',
-    'autocomplete' => 'off',
-]) ?>
-
-<?= form_label(lang('Install.form.db_password'), 'db_password') ?>
-<?= form_input([
-    'id' => 'db_password',
-    'name' => 'db_password',
-    'class' => 'form-input mb-4',
-    'value' => old('db_password', config('Database')->default['password']),
-    'type' => 'password',
-    'required' => 'required',
-    'autocomplete' => 'off',
-]) ?>
-
-<?= form_label(
-    lang('Install.form.db_prefix'),
-    'db_prefix',
-    [],
-    lang('Install.form.db_prefix_hint'),
-) ?>
-<?= form_input([
-    'id' => 'db_prefix',
-    'name' => 'db_prefix',
-    'class' => 'form-input mb-6',
-    'value' => old('db_prefix', config('Database')->default['DBPrefix']),
-]) ?>
-
-<?= button(
-    lang('Install.form.next') . icon('arrow-right', 'ml-2'),
-    '',
-    ['variant' => 'primary'],
-    ['type' => 'submit', 'class' => 'self-end'],
-) ?>
-
-<?= form_close() ?>
-
-<?= $this->endSection() ?>
No results found