{% extends 'base.html' %}
{% load i18n %}
{% load static %}

{% block content %}
<div class="max-w-7xl mx-auto px-2 sm:px-4 lg:px-4 py-2">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-gray-900">{% trans "Bookmark Pages" %}</h1>
        <a href="{% url 'page-create' %}" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700">
            {% trans "Add Page" %}
        </a>
    </div>

    <div id="paginated-content">
        {% include "links/includes/page_list_items.html" %}
    </div>
</div>
{% endblock %}