app/Controllers/BasicController.php

@@ -34,8 +34,9 @@ class BasicController
      */
     public function notFound(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
     {
+        $code = $request->getAttributes()['code'];
         $response->withStatus(404);
-        $this->view($request, $response, 'notfound.twig');
+        $this->view($request, $response, 'notfound.twig', ['code' => $code]);
 
         return $response;
     }

views/notfound.twig

@@ -6,19 +6,28 @@
 
 {% extends "template.twig" %}
 
-{% block header %}
-    <h2>Плейлист не найден</h2>
-{% endblock %}
-
 {% block content %}
-    <div class="row">
+    <div class="row justify-content-center">
-        <div class="col-md-12">
+        <div class="col-md-8 col-lg-6 text-center">
-            <p>
+            <div class="card bg-dark border-secondary">
-                Плейлист {{ id }} не найден
+                <div class="card-body">
+                    <ion-icon name="warning-outline" class="display-1 text-warning mb-3"></ion-icon>
+                    <h2 class="card-title">Плейлист не найден</h2>
+                    <p class="card-text">
+                        Плейлист с кодом <code>{{ code }}</code> не найден в системе.
                     </p>
-            <a class="btn btn-outline-light" href="{{ base_url() }}" title="На главную">
+                    <p class="text-muted small">
-                Перейти к списку
+                        Возможно, его здесь никогда не было, либо он уже был удалён.
+                        <br />
+                        Если хочешь, чтобы здесь был плейлист, предложи его к добавлению.
+                        <br />
+                        <a href="https://iptv.axenov.dev/docs/support.html#participate">Как это сделать?</a>
+                    </p>
+                    <a class="btn btn-outline-light" href="/" title="На главную">
+                        <ion-icon name="list-outline" class="me-1"></ion-icon>Перейти к списку плейлистов
                     </a>
                 </div>
             </div>
+        </div>
+    </div>
 {% endblock %}