{# SPDX-FileCopyrightText: 2025 JWP Consulting GK #}
{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{% extends "base.html" %}
{% load static %}
{% block body %}
    {% include "common/navigation/header/dashboard.html" %}
    <main id="main"
          class="flex grow flex-col md:grid md:grid-cols-2 xl:grid-cols-3">
        <div class="col-span-1 flex shrink gap-4 grow flex-col px-12 py-20 pb-8">
            {% block onboarding_content %}
            {% endblock onboarding_content %}
            {% block onboarding_skip %}
            {% endblock onboarding_skip %}
            {% block onboarding_stepcounter %}
            {% endblock onboarding_stepcounter %}
        </div>
        <div class="hidden h-full min-w-0 shrink grow flex-col items-center justify-center overflow-hidden bg-background md:flex xl:col-span-2 px-2">
            <div class="ring-4 max-w-full w-full flex flex-row ring-border bg-foreground py-2"
                 inert>
                {% block onboarding_preview %}
                {% endblock onboarding_preview %}
            </div>
        </div>
    </main>
{% endblock body %}