{% extends "base.html" %}

{% block title %}{{ 'register'|t }} - NetEvents{% endblock %}

{% block content %}
<div class="auth-container">
    <div class="auth-box">
        <h2>{{ 'register'|t }}{% if user_type == 'organizer' %} {{ 'as_organizer'|t }}{% elif event %} {{ 'for'|t }} {{ event.name }}{% endif %}</h2>

        {% if user_type == 'organizer' %}
            <form method="POST" action="{{ url_for('register_organizer') }}">
                <div class="form-group">
                    <label for="name">{{ 'full_name'|t }}</label>
                    <input type="text" id="name" name="name" required>
                </div>

                <div class="form-group">
                    <label for="email">{{ 'email'|t }}</label>
                    <input type="email" id="email" name="email" required>
                </div>

                <div class="form-group">
                    <label for="password">{{ 'password'|t }}</label>
                    <input type="password" id="password" name="password" required minlength="6">
                </div>

                <div class="form-group">
                    <label for="confirm_password">{{ 'confirm_password'|t }}</label>
                    <input type="password" id="confirm_password" name="confirm_password" required>
                </div>

                <button type="submit" class="btn btn-primary btn-block">{{ 'register'|t }}</button>
            </form>
        {% elif event %}
            <form method="POST" action="{{ url_for('register_attendee', code=event.code) }}">
                <div class="form-group">
                    <label for="first_name">{{ 'first_name'|t }}</label>
                    <input type="text" id="first_name" name="first_name" required>
                </div>

                <div class="form-group">
                    <label for="last_name">{{ 'last_name'|t }}</label>
                    <input type="text" id="last_name" name="last_name" required>
                </div>

                <div class="form-group">
                    <label for="email">{{ 'email'|t }}</label>
                    <input type="email" id="email" name="email" required>
                </div>

                <div class="form-group">
                    <label for="organisation">{{ 'organisation'|t }}</label>
                    <input type="text" id="organisation" name="organisation">
                </div>

                <div class="form-group">
                    <label for="role">{{ 'role_profession'|t }}</label>
                    <input type="text" id="role" name="role">
                </div>

                <div class="form-group">
                    <label for="introduction">{{ 'short_introduction'|t }}</label>
                    <textarea id="introduction" name="introduction" rows="3"></textarea>
                </div>

                <div class="form-group">
                    <label for="password">{{ 'password'|t }}</label>
                    <input type="password" id="password" name="password" required minlength="6">
                </div>

                <div class="form-group">
                    <label for="confirm_password">{{ 'confirm_password'|t }}</label>
                    <input type="password" id="confirm_password" name="confirm_password" required>
                </div>

                <button type="submit" class="btn btn-primary btn-block">{{ 'register'|t }}</button>
            </form>
        {% endif %}

        <p class="auth-footer">
            {{ 'already_have_account'|t }} <a href="{{ url_for('login') }}">{{ 'login'|t }}</a>
        </p>
    </div>
</div>
{% endblock %}