{% extends "base.html" %}

{% block title %}Dashboard - Makenotwork{% endblock %}
{% block body_attrs %} class="{{ crate::shell::measure(crate::shell::Measure::Wide) }} dashboard-page dashboard-user-page"{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    {% if let Some(su) = session_user %}{% if su.is_sandbox %}
    <div class="sandbox-banner">
        Sandbox mode: your data will be deleted when the session expires.
        <a href="/join" class="sandbox-banner-link">Create an account</a> to keep your work.
    </div>
    {% endif %}{% endif %}

    <div class="container">
        {% if deactivated %}
        <div class="alert alert-warning">
            <p class="alert-title">Account Deactivated</p>
            <p>Your account is deactivated. Your content is hidden from fans and no new content can be created.</p>
            <p>You can:</p>
            <div class="account-status-actions">
                <form hx-post="/api/users/me/reactivate" hx-swap="none"
                      data-submit="reactivateReload">
                    <button type="submit" class="btn-primary">Reactivate Account</button>
                </form>
                <a href="/dashboard/export" class="button">Export Data</a>
                <a href="/dashboard/delete-account" class="button btn-danger">Permanently Delete</a>
            </div>
        </div>
        {% elif creator_paused %}
        <div class="alert alert-warning">
            <p class="alert-title">Account Paused</p>
            <p>Your creator account is paused. Existing fan subscriptions will expire at the end of their billing period. One-time purchases remain accessible. No new sales can be made.</p>
            <p>To resume, re-subscribe to a creator plan:</p>
            <div class="account-status-actions">
                <a href="/creators" class="button btn-primary">Resume: Choose a Tier</a>
                <a href="/dashboard/export" class="button">Export Data</a>
            </div>
        </div>
        {% elif suspended %}
        <div class="suspension-wrap">
            {% let reason = suspension_reason.as_deref().unwrap_or("No reason provided") %}
            {% include "partials/suspension_banner.html" %}
        </div>
        {% endif %}

        {% if let Some(warning) = password_warning %}
        <div class="password-warning-banner">
            <strong>Password Warning:</strong> {{ warning }}
            You can change your password in Account settings.
        </div>
        {% endif %}

        <header>
            <h1 class="page-title">{{ user.username }}</h1>
            <div class="dash-user-header-links">
                <a href="/u/{{ user.username }}" class="dash-user-header-link">View public profile &rarr;</a>
                <a href="/dashboard/export" class="dash-user-header-link">Export data &rarr;</a>
            </div>
        </header>

        <div id="onboarding-area">
        {% if let Some(checklist) = onboarding %}
        {% include "partials/onboarding_checklist.html" %}
        {% endif %}
        {% if show_checklist_recovery %}
        <div class="checklist-recovery">
            <a href="#" hx-post="/dashboard/onboarding/restore" hx-target="#onboarding-area" hx-swap="innerHTML"
               class="checklist-recovery-link">Show setup checklist</a>
        </div>
        {% endif %}
        </div>

        {{ tabs|safe }}
    </div>
{% endblock %}

{% block scripts %}
<script src="/static/passkey.js"></script>
{% endblock %}