Templating: Improved error templates

3 files changed, 39 insertions, 2 deletions

diff --git a/resources/views/errors/403.twig b/resources/views/errors/403.twig
new file mode 100644
index 00000000..73bf0274
--- /dev/null
+++ b/resources/views/errors/403.twig
@@ -0,0 +1,5 @@
+{% extends "errors/default.twig" %}
+
+{% block title %}{{ __("Forbidden") }}{% endblock %}
+
+{% block content_headline_text %}{{ __("You are not allowed to access this page") }}{% endblock %}
diff --git a/resources/views/errors/404.twig b/resources/views/errors/404.twig
new file mode 100644
index 00000000..6eb9104e
--- /dev/null
+++ b/resources/views/errors/404.twig
@@ -0,0 +1,18 @@
+{% extends "errors/default.twig" %}
+
+{% block title %}{{ __("Page not found") }}{% endblock %}
+
+{% block content_container %}
+    <div class="row">
+        <div class="col-sm-6 col-sm-offset-3 error-big">
+            <h2>
+                4<span class="pulse">:</span>{{ status|slice(1, 2) }}
+                <small>{{ __("No sleep found") }}</small>
+            </h2>
+
+            {% block content_text %}
+                {{ content }}
+            {% endblock %}
+        </div>
+    </div>
+{% endblock %}
diff --git a/resources/views/errors/default.twig b/resources/views/errors/default.twig
index 5fb8bcbd..ab2863a0 100644
--- a/resources/views/errors/default.twig
+++ b/resources/views/errors/default.twig
@@ -1,7 +1,21 @@
 {% extends "layouts/app.twig" %}
 
-{% block title %}{% if status == 404 %}{{ __("Page not found") }}{% else %}Error {{ status }}{% endif %}{% endblock %}
+{% block title %}Error {{ status }}{% endblock %}
 
 {% block content %}
-    <div class="alert alert-info">{{ content }}</div>
+    <div class="container">
+        {% block content_container %}
+            <div class="alert alert-info">
+
+                {% block content_headline %}
+                    <h2>{% block content_headline_text %}Error {{ status }}{% endblock %}</h2>
+                {% endblock %}
+
+                {% block content_text %}
+                    {{ content }}
+                {% endblock %}
+
+            </div>
+        {% endblock %}
+    </div>
 {% endblock %}