{% extends 'base.html' %}
{% block title %}Create Character · StationNet{% endblock %}
{% block content %}
<section class="mud-creator" data-character-creator data-config='{{ config|tojson }}' data-selected='{{ selected|tojson }}'>
  <header><p class="eyebrow">STATION MUD / CHARACTER CREATION</p><h1>{{ 'Customize your character' if character.creation_state == 'legacy' else 'Create your character' }}</h1>
    <p>Your adventurer's name is separate from your StationNet callsign. Choices are permanent after creation.</p>
    {% if character.creation_state == 'legacy' %}<p class="mud-legacy-notice">Your levels, experience, quests, inventory, and achievements are preserved. This one-time customization adjusts health for your new Vitality.</p><a href="{{ url_for('mud.index') }}">Return to the MUD</a>{% endif %}
  </header>
  {% if error %}<p class="mud-error" role="alert">{{ error }}</p>{% endif %}
  <ol class="mud-creator-steps" aria-label="Creation steps"><li>Identity</li><li>Race</li><li>Archetype</li><li>Attributes</li><li>Skills</li><li>Review</li></ol>
  <form method="post" data-creator-form>
    <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><input type="hidden" name="build" data-build>
    <fieldset data-step><legend>1 / Identity</legend><label for="character-name">Character name</label><input id="character-name" data-name maxlength="32" required autocomplete="off" value="{{ selected.get('name', character.display_name if character.creation_state == 'legacy' else '') }}"><p class="muted">2–32 letters; spaces, apostrophes, periods, and hyphens are allowed. Other players will see this name.</p></fieldset>
    <fieldset data-step><legend>2 / Race</legend><div class="mud-creator-options">{% for race in config.races %}<label class="mud-creator-choice"><input type="radio" name="race" value="{{ race.key }}" {% if selected.get('race') == race.key %}checked{% endif %} required><strong>{{ race.name }}</strong><span>{{ race.description }}</span><small>{{ race.traits }} · {% for key,value in race.attributes.items() %}{{ key|title }} {{ '%+d'|format(value) }} {% endfor %}{% for key,value in race.effects.items() %}{{ key|replace('_',' ')|title }} {{ '%+d'|format(value) }}{% if key == 'experience_percent' %}%{% endif %}{% endfor %}</small></label>{% endfor %}</div></fieldset>
    <fieldset data-step><legend>3 / Archetype</legend><div class="mud-creator-options">{% for archetype in config.classes %}<label class="mud-creator-choice"><input type="radio" name="class" value="{{ archetype.key }}" {% if selected.get('class') == archetype.key %}checked{% endif %} required><strong>{{ archetype.name }}</strong><span>{{ archetype.description }}</span><small>{{ archetype.traits }} · {% for key,value in archetype.effects.items() %}{{ key|replace('_',' ')|title }} {{ '%+d'|format(value) }}{% if key == 'experience_percent' %}%{% endif %} · {% endfor %}{% for item in archetype.equipment %}{{ item.name }} (attack +{{ item.attack }}, defense +{{ item.defense }}){% endfor %} · {{ archetype.skill|title }} rank 2 if chosen</small></label>{% endfor %}</div></fieldset>
    <fieldset data-step><legend>4 / Attributes</legend><p>Allocate {{ config.point_buy.points }} points from a base of {{ config.point_buy.base }}. Each attribute may be {{ config.point_buy.minimum }}–{{ config.point_buy.maximum }} before race modifiers.</p><p><strong data-points-left>{{ config.point_buy.points }}</strong> points remaining</p><div class="mud-creator-attributes">{% for key,description in config.attribute_descriptions.items() %}<label><strong>{{ key|title }}</strong><span>{{ description }}</span><input type="number" data-attribute="{{ key }}" min="{{ config.point_buy.minimum }}" max="{{ config.point_buy.maximum }}" step="1" value="{{ selected.get('attributes', {}).get(key, config.point_buy.base) }}" required><small data-final-attribute="{{ key }}"></small></label>{% endfor %}</div></fieldset>
    <fieldset data-step><legend>5 / Skills</legend><p>Choose {{ config.starting_skill_choices }} proficiencies. Your archetype's favored skill starts at rank 2 if selected; the others start at rank 1. Skills improve through use.</p><div class="mud-creator-options">{% for skill in config.skills %}<label class="mud-creator-choice"><input type="checkbox" name="skill" value="{{ skill.key }}" {% if skill.key in selected.get('skills', []) %}checked{% endif %}><strong>{{ skill.name }}</strong><span>{{ skill.description }}</span></label>{% endfor %}</div><p><span data-skills-left>{{ config.starting_skill_choices }}</span> choices remaining</p></fieldset>
    <fieldset data-step><legend>6 / Review</legend><div data-review aria-live="polite"></div><p>Confirm to create this character. You cannot repeat this process.</p></fieldset>
    <p class="mud-error" data-creator-error role="alert"></p>
    <div class="mud-creator-nav"><button type="button" class="secondary" data-prev>BACK</button><button type="button" data-next>NEXT</button><button type="submit" data-submit>CREATE CHARACTER</button></div>
  </form>
</section>
<script src="{{ url_for('static',filename='mud_create.js') }}" defer></script>
{% endblock %}