{% extends 'base.html' %}

{% block title %}{{ flatpage.title }}{% endblock %}

{% block content %}
	<!-- Main Content -->
	<main class="container mx-auto w-full px-4 my-8 flex-1">
		<h1 class="page-title">{{ flatpage.title }}</h1>
		<div class="db-page-content-left max-w-4xl mx-auto">
            {{ flatpage.content }}
        </div>
        {% if request.user.is_authenticated %}
            <div class="max-w-4xl mx-auto mt-8 flex justify-end">
                <a href="{% url 'admin:core_customflatpage_change' flatpage.id %}" class="btn-small btn-primary w-full sm:w-auto">
                    <i class="fa-solid fa-pen-to-square mr-2"></i>Seite bearbeiten
                </a>
            </div>
        {% endif %}
	</main>
{% endblock %}