{% extends "admin/index.html" %}
{% load i18n static %}

{% block content %}
<div id="content-main">
    <!-- Welcome message -->
    <div style="background: #e8f5e9; padding: 1rem; margin-bottom: 2rem; border-radius: 8px; border-left: 4px solid #2c5f2d;">
        <h2>🌱 Welcome to your website dashboard</h2>
        <p>Here you can manage everything for your multi‑page website.</p>
        <p>📄 <strong>Multi‑page mode</strong> – Create and edit individual pages, each built from content sections.</p>
    </div>

    <!-- Quick links -->
    <div style="display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap;">
        <a href="{% url 'admin:website_page_add' %}" class="button" style="background: #2c5f2d; color: white; padding: 8px 16px; border-radius: 4px;">➕ Add New Page</a>
        <a href="{% url 'admin:website_page_changelist' %}" class="button" style="background: #2c5f2d; color: white; padding: 8px 16px; border-radius: 4px;">📄 Manage Pages</a>
        <a href="{% url 'admin:website_sectionmedia_changelist' %}" class="button" style="background: #2c5f2d; color: white; padding: 8px 16px; border-radius: 4px;">📸 Section Images</a>
        <a href="{% url 'admin:website_websitesettings_change' 1 %}" class="button" style="background: #6c757d; color: white; padding: 8px 16px; border-radius: 4px;">⚙️ Site Settings</a>
        <a href="{% url 'admin:website_enquiry_changelist' %}" class="button" style="background: #6c757d; color: white; padding: 8px 16px; border-radius: 4px;">📩 View Enquiries</a>
    </div>

    <!-- Default admin app list (filtered) -->
    {{ block.super }}
</div>
{% endblock %}