{% extends "base.html" %}

{% block title %}Creators - Makenot.work{% endblock %}
{% block body_attrs %} class="padded-page creators-page"{% endblock %}

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

    <div class="container">
        <h1 class="page-title">Become a Creator</h1>

        <div class="page-intro">
            Anyone can sign up to browse and buy. To create projects and sell your work,
            apply for creator access. Most applications are approved within a few days.
            Makenot.work is in private alpha; we're approving applications one cohort at a time.
        </div>

        <div class="how-it-works">
            <h2 class="section-header">How It Works</h2>
            <ol>
                <li><strong>Sign up</strong> and verify your email</li>
                <li><strong>Apply</strong> from your dashboard: tell us what you make and which tier fits</li>
                <li><strong>Get approved</strong>: we review applications individually, usually within a few days</li>
            </ol>

            <p class="mt-4">
                We review applications to make sure applicants are here to share and sell creative work.
                If you make something and want to sell it, you'll likely get in.
                Link to your existing work (a portfolio, channel, or profile elsewhere) to speed things up.
            </p>

            <p class="mt-4">
                <strong>Important:</strong> Sales are priced and charged in <strong>US dollars</strong>, and receiving
                payouts requires a <a href="https://stripe.com/global">Stripe</a> account in a supported country that
                can accept USD charges. Check both with Stripe before applying if you're outside the US, EU, or UK.
            </p>
        </div>

        <div class="stats-row">
            <div class="stat-box">
                <div class="number">{{ total_creators }}</div>
                <div class="label">Active Creators</div>
            </div>
        </div>

        <h2 class="section-header">Pricing</h2>
        <p class="mb-4">Flat monthly fee. 0% cut of your revenue. The only deduction from fan payments is the payment processor's fee (~3%).</p>
        <table class="wave-table" aria-label="Creator plan pricing">
            <thead>
                <tr>
                    <th>Tier</th>
                    <th>Monthly</th>
                    <th>Best For</th>
                    <th>Storage</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Basic</td>
                    <td>${{ tier_prices.basic_std }}</td>
                    <td>Text, blogs, newsletters</td>
                    <td>{{ tier_prices.basic_total }}</td>
                </tr>
                <tr>
                    <td>Small Files</td>
                    <td>${{ tier_prices.small_files_std }}</td>
                    <td>Audio, plugins, small software</td>
                    <td>{{ tier_prices.small_files_total }}</td>
                </tr>
                <tr>
                    <td>Big Files</td>
                    <td>${{ tier_prices.big_files_std }}</td>
                    <td>Video, games, large software</td>
                    <td>{{ tier_prices.big_files_total }}</td>
                </tr>
                <tr>
                    <td>Everything</td>
                    <td>${{ tier_prices.everything_std }}</td>
                    <td>All features, current and future</td>
                    <td>{{ tier_prices.everything_total }}</td>
                </tr>
            </tbody>
        </table>
        <p class="pricing-fineprint">
            Every tier is the complete platform: <code>/u/username</code> profile, project and item pages, project forum, Discover listing, memberships, pay-what-you-want, promo codes, RSS, analytics, full data export, 2FA/passkeys. The tier picks the file-size envelope, not the feature set.
            Sales are in USD; receiving payouts requires <a href="https://stripe.com/global">Stripe</a> in a supported country.
            <a href="/docs/guide/tiers">Full tier details</a> | <a href="/docs/guide/pricing">Pricing models</a>
        </p>

        <p class="trial-callout">
            <strong>Not ready to commit?</strong> Request a <strong>free trial</strong> (2-6 weeks, no credit card) when you apply.
            Or <a href="/sandbox">try sandbox mode</a> to explore the dashboard without signing up.
        </p>

        <h2 class="section-header">Who Runs This</h2>
        <p>
            Makenot.work is built and operated by one person. No investors, no board, no outside pressure.
            Decisions are fast and aligned with creators, but there's no large team behind the scenes.
            Read the full picture in our
            <a href="/docs/guarantees#continuity">continuity guarantee</a> and
            <a href="/docs/economics">platform economics</a>.
        </p>

        <div class="cta">
            {% if is_creator %}
                <p>You have creator access.</p>
                <a href="/dashboard" class="btn-primary">Go to Dashboard</a>
            {% else %}
                {% if let Some(user) = session_user %}
                    <p>Ready to create?</p>
                    <a href="/dashboard#tab-plan" class="btn-primary">Apply from Dashboard</a>
                {% else %}
                    <p>Join to get started.</p>
                    <a href="/join" class="btn-primary">Join</a>
                    <a href="/login" class="btn-secondary">Login</a>
                {% endif %}
            {% endif %}
        </div>
    </div>
{% endblock %}