{% extends "page_base.html" %}
{% load djicons %}

{% block page_title %}Dashboard{% endblock %}

{% block content %}
<div class="p-6">
    <div class="card">
        <div class="card-body">
            <h2 class="text-xl font-semibold mb-4">Welcome to ERPlora SDK</h2>
            <p class="text-secondary mb-4">Your development environment is running. Use the sidebar to navigate to your modules.</p>

            {% if MODULE_MENU_ITEMS %}
            <h3 class="font-semibold mb-2">Loaded Modules</h3>
            <div class="flex flex-wrap gap-2">
                {% for item in MODULE_MENU_ITEMS %}
                <a href="{{ item.url }}" class="chip" hx-get="{{ item.url }}" hx-target="#main-content-area" hx-push-url="true">
                    {% icon item.icon %}
                    {{ item.label }}
                </a>
                {% endfor %}
            </div>
            {% else %}
            <div class="callout color-info">
                <p>No modules found. Create one with: <code>erplora startmodule my_module</code></p>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}