{% include "wizards/partials/step_nav.html" %}

<div class="wizard-step">
    <h2 class="subtitle-h2">Apply as Creator</h2>
    <p class="step-description">Tell us what you make. Most applications are approved within a few days.</p>

    <form hx-post="/join/step/pitch"
          hx-target="#wizard-step" hx-swap="innerHTML">
        <div class="form-group">
            <label for="wiz-pitch">What do you make?</label>
            <textarea id="wiz-pitch" name="pitch" rows="6"
                      placeholder="Briefly describe your work. A link to your portfolio, channel, or existing storefront is helpful."
                      minlength="20" maxlength="500"></textarea>
            <div class="hint">20-500 characters</div>
        </div>

        <div class="wizard-actions">
            <button type="button" class="btn-secondary"
                    hx-get="/join/step/stripe"
                    hx-target="#wizard-step" hx-swap="innerHTML">Skip</button>
            <button type="submit" class="btn-primary">Submit</button>
        </div>
    </form>
</div>