{% extends "base.html" %}

{% block title %}Sandbox - Makenotwork{% endblock %}

{% block body_attrs %} class="centered-page"{% endblock %}

{% block content %}
    <h1 class="brand-h1">Makenot<span class="dot">.</span>work</h1>
    <div class="login-container">
      <h2 class="subtitle-h2">Creator Sandbox</h2>
      <p class="sandbox-description">
        Explore the full creator dashboard without signing up.
        Create projects, manage items, set pricing, write blog posts
        — everything works just like a real account.
      </p>
      <ul class="sandbox-details">
        <li>Your sandbox lasts <strong>1 hour</strong></li>
        <li>All data is automatically deleted when it expires</li>
        <li>Upload files up to 5 MB (50 MB total)</li>
        <li>Stripe payments and email are simulated</li>
      </ul>
      <form method="post" action="/sandbox">
        {% if let Some(token) = csrf_token %}
          <input type="hidden" name="_csrf" value="{{ token }}" />
        {% endif %}
        <button type="submit" class="btn btn-primary btn-block">
          Start sandbox
        </button>
      </form>
      <p class="sandbox-footer">
        Ready to commit? <a href="/join">Create a real account</a>
      </p>
    </div>
{% endblock %}