{% extends "base.html" %}

{% block title %}{{ t('profile.user_title', "{username}'s Profile", username=user.display_name or user.username) }} - {{ config.BBS_NAME }}{% endblock %}

{% block content %}
<div class="row">
    <!-- Profile Sidebar -->
    <div class="col-md-3">
        <div class="card mb-3">
            <div class="card-body text-center">
                {% if avatar %}
                    <img src="{{ avatar }}" alt="{{ t('profile.avatar', 'Avatar') }}" class="rounded-circle mb-2" style="width:100px;height:100px;object-fit:cover;border:2px solid var(--theme-primary);">
                {% else %}
                    <i class="bi bi-person-circle" style="font-size:5rem;"></i>
                {% endif %}
                <h4>{{ user.display_name or user.username }}</h4>
                {% if user.display_name %}
                    <p class="small">@{{ user.username }}</p>
                {% endif %}
                {% if online %}
                    <span><i class="bi bi-circle-fill text-success" style="font-size:0.6rem;"></i> {{ t('profile.online', 'Online') }}</span>
                {% else %}
                    <span><i class="bi bi-circle" style="font-size:0.6rem;"></i> {{ t('profile.offline', 'Offline') }}</span>
                {% endif %}
                {% if user.is_admin %}
                    <div><span class="badge bg-warning text-dark mt-1">{{ t('profile.admin', 'Admin') }}</span></div>
                {% endif %}
                <div class="text-muted small mt-1">{{ t('profile.user_number', 'User #{id}', id=user.id) }}</div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-info-circle"></i> {{ t('profile.info', 'Info') }}</div>
            <div class="card-body">
                {% if field_config.location and user.location %}
                    <p><i class="bi bi-geo-alt"></i> {{ user.location }}</p>
                {% endif %}
                {% if field_config.website and user.website %}
                    {# Security fix (templates audit): user.website is a
                       free-text profile field with no scheme validation
                       on save (web/profile.py). Rendering it straight into
                       href= let a user set it to a javascript: URI, which
                       would execute in any other visitor's session when
                       they clicked the "website" link on that profile page
                       -- the same class of bug as the gemini/RSS
                       javascript: URI fix elsewhere in this app. Only
                       link-ify it when it's actually an http(s) URL. #}
                    {% set _site = user.website.strip() %}
                    <p><i class="bi bi-link-45deg"></i>
                    {% if _site.lower().startswith('http://') or _site.lower().startswith('https://') %}
                        <a href="{{ _site }}" target="_blank" rel="noopener noreferrer">{{ _site }}</a>
                    {% else %}
                        {{ _site }}
                    {% endif %}
                    </p>
                {% endif %}
                {% if field_config.show_email and user.show_email %}
                    <p><i class="bi bi-envelope"></i> {{ user.email }}</p>
                {% endif %}
                <p><i class="bi bi-calendar"></i> {{ t('profile.joined', 'Joined') }} {{ user.created_at|eastern('%Y-%m-%d') }}</p>
                {% if user.last_login %}
                    <p><i class="bi bi-clock"></i> {{ t('profile.last_login', 'Last login') }} {{ user.last_login|eastern('%Y-%m-%d') }}</p>
                {% endif %}
                {% for cf in custom_fields_list %}
                    {% set val = custom_values.get(cf.id) %}
                    {% if val %}
                        <p>
                        {% if cf.field_type == 'url' %}
                            {# Same javascript: URI risk as user.website above --
                               custom "url" fields are also free text with no
                               scheme validation on save. #}
                            {% set _val = (val|string).strip() %}
                            <i class="bi bi-link-45deg"></i> <strong>{{ cf.label }}:</strong>
                            {% if _val.lower().startswith('http://') or _val.lower().startswith('https://') %}
                                <a href="{{ _val }}" target="_blank" rel="noopener noreferrer">{{ _val }}</a>
                            {% else %}
                                {{ _val }}
                            {% endif %}
                        {% else %}
                            <strong>{{ cf.label }}:</strong> {{ val }}
                        {% endif %}
                        </p>
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-graph-up"></i> {{ t('profile.stats', 'Stats') }}</div>
            <div class="card-body">
                <p><strong>{{ t('profile.posts', 'Posts:') }}</strong> {{ stats.total_posts }}</p>
                <p><strong>{{ t('profile.replies', 'Replies:') }}</strong> {{ stats.total_replies }}</p>
                <p>{{ t('profile.member_days', 'Member for: {days} days', days=stats.account_age) }}</p>
            </div>
        </div>

        {% if current_user.is_authenticated and current_user.username == user.username %}
        <div class="d-grid gap-2">
            <a href="{{ url_for('profile.edit') }}" class="btn btn-primary"><i class="bi bi-pencil"></i> {{ t('profile.edit_title', 'Edit Profile') }}</a>
            <a href="{{ url_for('profile.change_password') }}" class="btn btn-primary"><i class="bi bi-key"></i> {{ t('profile.change_password', 'Change Password') }}</a>
        </div>
        {% elif current_user.is_authenticated %}
        <div class="d-grid">
            <a href="{{ url_for('pm.compose', username=user.username) }}" class="btn btn-primary"><i class="bi bi-envelope"></i> {{ t('profile.send_message', 'Send Message') }}</a>
        </div>
        {% endif %}
    </div>

    <!-- Profile Content -->
    <div class="col-md-9">
        {% if field_config.bio and user.bio %}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-person"></i> {{ t('profile.about', 'About') }}</div>
            <div class="card-body">
                <p>{{ user.bio }}</p>
            </div>
        </div>
        {% endif %}

        {% if field_config.signature and user.signature %}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-pen"></i> {{ t('profile.signature', 'Signature') }}</div>
            <div class="card-body">
                <em>{{ user.signature }}</em>
            </div>
        </div>
        {% endif %}

        {% if groups %}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-people-fill"></i> {{ t('profile.groups', 'Groups') }} ({{ groups|length }})</div>
            <div class="card-body">
                {% for gm in groups %}
                <a href="{{ url_for('groups.view', group_id=gm.group.id) }}" class="badge bg-secondary me-1 mb-1 text-decoration-none" style="font-size:0.9rem;">
                    {% if gm.group.tag %}[{{ gm.group.tag }}] {% endif %}{{ gm.group.name }}
                    {% if gm.is_leader %}<i class="bi bi-star-fill text-warning ms-1" title="{{ t('profile.leader', 'Leader') }}"></i>{% endif %}
                </a>
                {% endfor %}
            </div>
        </div>
        {% endif %}

        {% if achievements %}
        <div class="card mb-3">
            <div class="card-header"><i class="bi bi-trophy"></i> {{ t('profile.achievements', 'Achievements') }} ({{ achievements|length }})</div>
            <div class="card-body">
                <div class="row">
                    {% for a in achievements %}
                    <div class="col-md-6 mb-2">
                        <div class="d-flex align-items-center">
                            <i class="bi bi-{{ a.icon }} text-warning me-2" style="font-size:1.5rem;"></i>
                            <div>
                                <strong>{{ a.name }}</strong>
                                <div class="text-muted small">{{ a.description }}</div>
                                <div class="text-muted" style="font-size:0.7rem;">{{ t('profile.earned', 'earned') }} {{ a.earned_at|eastern('%Y-%m-%d') }}</div>
                            </div>
                        </div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        {% endif %}

        <div class="card">
            <div class="card-header"><i class="bi bi-chat-left-text"></i> {{ t('profile.recent_posts', 'Recent Posts') }}</div>
            <div class="card-body p-0">
                {% if recent_posts %}
                <div class="list-group list-group-flush">
                    {% for post in recent_posts %}
                    <a href="{{ url_for('boards.view_post', post_id=post.id) }}"
                       class="list-group-item list-group-item-action"
                       style="background-color:var(--theme-card-bg);border-color:var(--theme-primary);color:var(--theme-primary);">
                        <div class="d-flex justify-content-between">
                            <strong>{{ post.subject }}</strong>
                            <small>{{ post.created_at|eastern('%Y-%m-%d') }}</small>
                        </div>
                        <small>{{ t('profile.post_in', 'in') }} {{ post.board.name }}</small>
                    </a>
                    {% endfor %}
                </div>
                {% else %}
                <p class="p-3">{{ t('profile.no_posts', 'No posts yet.') }}</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}