{% extends "bitcaster/console/base.html" %}
{% load feature_flags i18n static user %}
{% block pwa_title %}
    {% trans "Preferences" %}
{% endblock %}
{% block content %}
    <!-- User Profile Header -->
    <div class="orm-preferences flex flex-col items-center justify-center p-5">
        <div class="pwa-profile-header w-100">
            <div class="avatar">
                {{ request.user.username|slice:":1"|upper }}
            </div>
            <div class="info">
                <h2>
                    {{ request.user.get_full_name|default:request.user.username }}
                </h2>
                <p>
                    {{ request.user.email }}
                </p>
            </div>
        </div>
        <div class="w-100 center">
            <form method="post" class="space-y-6" id="user-preferences-form">
                {% csrf_token %}
                {% for field in form %}
                    <div class="pwa-form-group">
                        <label for="{{ field.id_for_label }}">
                            {{ field.label }}
                        </label>
                        {{ field }}
                        {% if field.help_text %}
                            <p class="help-text">
                                {{ field.help_text }}
                            </p>
                        {% endif %}
                        {% for error in field.errors %}
                            <p class="error">
                                {{ error }}
                            </p>
                        {% endfor %}
                    </div>
                {% endfor %}
                <div class="pt-4">
                    <button type="submit" class="pwa-btn primary large w-full">
                        {% trans "Save Preferences" %}
                    </button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}