{% extends "base.html" %}
{% block title %}@{{ owner.username }} — GhostGram{% endblock %}
{% block content %}
<div class="profile-head">
  <img class="avatar-lg" src="{{ url_for('static', filename='media/' ~ owner.avatar_path) }}" alt="{{ owner.username }}">
  <div>
    <h1>{{ owner.display_name }} <span style="color:var(--text-dim); font-weight:400;">@{{ owner.username }}</span>
      {% if owner.is_private %}<span class="private-pill">🔒 Privada</span>{% endif %}
    </h1>
    <p style="color:var(--text-dim); margin-top:6px;">{{ owner.bio }}</p>
    <div class="profile-stats">
      <div class="stat"><b>{{ posts|length }}</b><span>publicaciones</span></div>
    </div>
  </div>
</div>

{% if puede_ver %}
  <div class="grid-posts">
    {% for p in posts %}
    <a href="{{ url_for('post_detail', post_id=p.id) }}">
      <img src="/u/{{ owner.username }}/{{ p.id }}.jpg" alt="post {{ p.id }}">
    </a>
    {% endfor %}
  </div>
{% else %}
  <div class="lock-block">
    <span class="icon">🔒</span>
    Esta cuenta es privada. Solo {{ owner.display_name }} puede ver sus publicaciones.
  </div>
{% endif %}
{% endblock %}