{% extends "base.html" %}

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

{% block content %}
<div class="profile-page">
    <h1>{{ 'my_profile'|t }}</h1>

    <div class="profile-container">
        <form method="POST" class="profile-form">
            <div class="form-group">
                <label for="name">{{ 'name'|t }}</label>
                <input type="text" id="name" name="name" value="{{ organizer.name }}" required>
            </div>

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

            <div class="form-group">
                <label for="preferred_language">{{ 'language'|t }}</label>
                <select id="preferred_language" name="preferred_language">
                    {% for lang in ['en', 'nl', 'de', 'fr', 'es', 'it', 'pl'] %}
                        <option value="{{ lang }}" {% if organizer.preferred_language == lang %}selected{% endif %}>{{ lang }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label>{{ 'staff_code'|t }}</label>
                    <input type="text" value="{{ organizer.staff_code or '' }}" readonly class="input-readonly">
                    <small class="text-muted">{{ 'staff_code_readonly'|t }}</small>
                </div>

                <div class="form-group">
                    <label>{{ 'member_since'|t }}</label>
                    <input type="text" value="{{ organizer.created_at|localized_date if organizer.created_at else '' }}" readonly class="input-readonly">
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">{{ 'update_profile'|t }}</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}