{% extends "base.html" %}

{% block title %}{{ identity }}{% endblock %}

{% block extra_head %}
    {% if identity.local %}
        <link rel="alternate" type="application/rss+xml" title="RSS feed for {{ identity.name }}" href="rss/" />
    {% endif %}
{% endblock %}

{% block body_class %}has-banner{% endblock %}

{% block content %}
    <h1 class="identity">
        {% if identity.local_image_url %}
            <img src="{{ identity.local_image_url.relative }}" class="banner">
        {% endif %}

        <img src="{{ identity.local_icon_url.relative }}" class="icon">

        {% if request.identity %}
            {% if identity == request.identity %}
                <form class="inline follow">
                    <a class="button" href="{% url "settings_profile" %}">Edit Profile</a>
                </form>
            {% else %}
                <form action="{{ identity.urls.action }}" method="POST" class="inline follow {% if reverse_follow %}has-reverse{% endif %}">
                    {% csrf_token %}
                    {% if reverse_follow %}
                        <span class="reverse-follow">Follows You</span>
                    {% endif %}
                    {% if follow %}
                        <input type="hidden" name="action" value="unfollow">
                        <button>Unfollow</button>
                    {% else %}
                        <input type="hidden" name="action" value="follow">
                        <button>Follow</button>
                    {% endif %}
                </form>
            {% endif %}
        {% endif %}

        {{ identity.name_or_handle }}
        <small>
            @{{ identity.handle }}
            <a title="Copy handle"
               class="copy"
               _="on click
                    writeText('@{{ identity.handle }}') into the navigator's clipboard
                    then add .copied
                    wait 2s
                    then remove .copied">
                <i class="fa-solid fa-copy"></i>
            </a>
        </small>
    </h1>

    {% if identity.summary %}
        <div class="bio">
            {{ identity.safe_summary }}
        </div>
    {% endif %}

    {% if identity.metadata %}
        <table class="metadata">
            {% for entry in identity.safe_metadata %}
                <tr>
                    <td class="name">{{ entry.name }}</td>
                    <td class="value">{{ entry.value }}</td>
                </tr>
            {% endfor %}
            </table>
    {% endif %}

    {% if not identity.local %}
        {% if identity.outdated and not identity.name %}
            <p class="system-note">
                The system is still fetching this profile. Refresh to see updates.
            </p>
        {% else %}
            <p class="system-note">
                This is a member of another server.
                <a href="{{ identity.profile_uri }}">See their original profile ➔</a>
            </p>
        {% endif %}
    {% endif %}

    {% for post in page_obj %}
        {% include "activities/_post.html" %}
    {% empty %}
        <span class="empty">
            {% if identity.local %}
                No posts yet.
            {% else %}
                No posts have been received/retrieved by this server yet.

                {% if identity.profile_uri %}
                    You might find historical posts at
                    <a href="{{ identity.profile_uri }}">their original profile ➔</a>
                {% endif %}
            {% endif %}
        </span>
    {% endfor %}

    {% if page_obj.has_next %}
        <div class="load-more"><a class="button" href=".?page={{ page_obj.next_page_number }}">Next Page</a></div>
    {% endif %}
{% endblock %}