{% extends "base.html" %}

{% block title %}{{ user.display_name_or_username() }} - Makenotwork{% endblock %}
{% block body_attrs %} class="padded-page user-page"{% endblock %}

{% block head %}
<meta property="og:title" content="{{ user.display_name_or_username() }} - Makenot.work">
<meta property="og:description" content="{% if let Some(bio) = user.bio %}{{ bio }}{% else %}Creator on Makenot.work{% endif %}">
<meta property="og:type" content="profile">
<meta property="og:url" content="{{ host_url }}/u/{{ user.username }}">
<link rel="canonical" href="{{ host_url }}/u/{{ user.username }}">
<meta property="og:site_name" content="Makenot.work">
{% if user.avatar_url.is_some() %}<meta name="twitter:card" content="summary_large_image">{% else %}<meta name="twitter:card" content="summary">{% endif %}
<meta name="twitter:title" content="{{ user.display_name_or_username() }} - Makenot.work">
<meta name="twitter:description" content="{% if let Some(bio) = user.bio %}{{ bio }}{% else %}Creator on Makenot.work{% endif %}">
{% if let Some(img) = user.avatar_url %}
<meta property="og:image" content="{{ img }}">
<meta name="twitter:image" content="{{ img }}">
{% else %}
<meta property="og:image" content="{{ host_url }}/static/images/og-card.png">
<meta name="twitter:image" content="{{ host_url }}/static/images/og-card.png">
{% endif %}
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ProfilePage",
    "mainEntity": {
        "@type": "Person",
        "name": "{{ user.display_name_json()|safe }}",
        "url": "{{ host_url }}/u/{{ user.username }}"{% if user.bio.is_some() %},
        "description": "{{ user.bio_json()|safe }}"{% endif %}
    }
}
</script>
<link rel="alternate" type="application/rss+xml" title="{{ user.display_name_or_username() }} - RSS Feed" href="/u/{{ user.username }}/rss">
{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <div class="container">
        {% if creator_paused %}
        <div class="creator-paused-notice">
            This creator is currently on break. Existing purchases remain accessible.
        </div>
        {% endif %}
        <header class="profile-header">
            <div class="profile-avatar">{{ user.avatar_initials }}</div>
            <h1 class="profile-name">{{ user.display_name_or_username() }}</h1>
            <div class="profile-username">{{ user.username }}</div>
            {% if let Some(bio) = user.bio %}
            <p class="profile-bio">{{ bio }}</p>
            {% endif %}
            {% if is_own_profile %}
            <div class="profile-action-row">
                <a href="/dashboard#tab-profile" class="btn-secondary profile-edit-btn">Edit Profile</a>
            </div>
            {% endif %}
            {% if session_user.is_some() && !is_own_profile %}
            <div class="profile-action-row">
                {% if is_following %}
                <button class="btn-secondary follow-btn is-selected"
                        hx-delete="/api/follow/user/{{ user_id }}"
                        hx-swap="outerHTML">Following ({{ follower_count }})</button>
                {% else %}
                <button class="btn-secondary follow-btn"
                        hx-post="/api/follow/user/{{ user_id }}"
                        hx-swap="outerHTML">Follow ({{ follower_count }})</button>
                {% endif %}
            </div>
            {% else if follower_count > 0 %}
            <div class="follower-count">{{ follower_count }} followers</div>
            {% endif %}
            {% include "partials/tip_button.html" %}
            <div class="profile-share-row">
                <a href="/u/{{ user.username }}/rss" class="profile-share-link">RSS Feed</a>
                <a href="/u/{{ user.username }}" class="profile-share-link" data-copy-link>Copy link</a>
            </div>
        </header>

        {% if !custom_links.is_empty() %}
        <section class="links-section">
            {% for link in custom_links %}
            <a href="{{ link.url }}" class="card link-item" rel="ugc nofollow noopener" target="_blank">
                <div class="link-title">{{ link.title }}</div>
                <div class="link-description">{{ link.description }}</div>
            </a>
            {% endfor %}
        </section>
        {% endif %}

        {% if !projects.is_empty() %}
        <section class="projects-section">
            <h2 class="section-header">Projects</h2>
            {% for project in projects %}
            <a href="/p/{{ project.slug }}" class="card">
                <div class="project-title">{{ project.title }}</div>
                <div class="project-meta">{{ project.project_type }} &middot; {{ project.item_count }} items</div>
            </a>
            {% endfor %}
        </section>
        {% endif %}

        {% if !public_collections.is_empty() %}
        <section class="collections-section">
            <h2 class="section-header">Collections</h2>
            {% for coll in public_collections %}
            <a href="/c/{{ user.username }}/{{ coll.slug }}" class="card">
                <div class="project-title">{{ coll.title }}</div>
                <div class="project-meta">{{ coll.item_count }} items</div>
            </a>
            {% endfor %}
        </section>
        {% endif %}

        <footer class="profile-footer">
            <p>Powered by <a href="/">Makenot<span class="dot">.</span>work</a></p>
        </footer>
    </div>
{% endblock %}