{% extends 'base.html.twig' %}

{% block title %}Bewerbung - B62a Minecraft{% endblock %}

{% block body %}
    <div class="join-wrapper">
        <div class="card join-card">
            <h1 class="join-page-title">Whitelist Bewerbung</h1>
            <p class="join-subtitle">B62a Minecraft Server</p>

            {% if success %}
                <div class="success-box">
                    <div class="success-icon">✅</div>
                    <h2 class="success-title">Anfrage gesendet!</h2>
                    <p>Ein Administrator wird deine Bewerbung in Kürze prüfen.</p>
                </div>
            {% else %}
                {% if error %}
                    <div class="flash flash-error">
                        {{ error }}
                    </div>
                {% endif %}

                <form method="post">
                    <div class="mb-20">
                        <label for="username" class="form-label">Minecraft Username</label>
                        <input type="text" id="username" name="username" required pattern="[a-zA-Z0-9_]{3,16}" placeholder="Dein Spielername">
                        <span class="form-hint">Exakter Java Edition Name</span>
                    </div>

                    <div class="mb-20">
                        <label for="reason" class="form-label">Deine Nachricht</label>
                        <textarea id="reason" name="reason" required placeholder="Wer bist Du? Wer hat Dich eingeladen?" class="textarea-lg"></textarea>
                    </div>

                    <button type="submit" class="btn">BEWERBUNG ABSENDEN</button>
                </form>
            {% endif %}

            <div class="join-footer">
                <a href="{{ path('app_login') }}" class="join-back-link">← Zurück zum Login</a>
            </div>
        </div>
    </div>
{% endblock %}