{% extends 'base.html.twig' %}

{% block title %}Nostr Event{% endblock %}

{% block body %}
<div class="container">
    <div class="event-page">
        <div class="event-page__header">
            {% if author %}
                {% set author_pic = null %}
                {% if author.picture is defined and author.picture %}
                    {% set author_pic = author.picture %}
                {% elseif author.image is defined and author.image %}
                    {% set author_pic = author.image %}
                {% endif %}
                {% if author_pic %}
                    <div class="author-profile__avatar author-profile__avatar--compact">
                        <img src="{{ author_pic }}" alt="" loading="lazy" decoding="async" onerror="this.parentElement.remove()" />
                    </div>
                {% endif %}

                <twig:Molecules:UserFromNpub ident="{{ event.pubkey }}" />
                <div>
                    {% if author.about is defined %}
                        {{ author.about|markdown_to_html|mentionify  }}
                    {% endif %}
                </div>
                <hr />
            {% endif %}
            <div class="event-page__meta">
                <span class="event-date">{{ event.created_at|date('F j, Y - H:i') }}</span>
            </div>
        </div>
        <div class="event-page__content">
            <twig:Atoms:Content :content="event.content" />
        </div>

        {% if nostrLinks is defined and nostrLinks|length > 0 %}
        <div class="event-page__links">
            <h4>Referenced Nostr Links</h4>
            <ul class="link-list">
                {% for link in nostrLinks %}
                <li>
                    <a href="/e/{{ link.identifier }}">{{ link.identifier }}</a>
                    <span class="event-page__link-type">({{ link.type }})</span>
                </li>
                {% endfor %}
            </ul>
        </div>
        {% endif %}

        <div class="event-page__footer">
            <div class="event-page__tags">
                {% if event.tags is defined and event.tags|length > 0 %}
                    <ul>
                    {% for tag in event.tags %}
                        <li>
                            <strong>{{ tag[0] }}:</strong> {{ tag[1] }}
                            {% if tag[2] is defined %}
                                <span>{{ tag[2] }}</span>
                            {% endif %}
                            {% if tag[3] is defined %}
                                <span>{{ tag[3] }}</span>
                            {% endif %}
                        </li>
                    {% endfor %}
                    </ul>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block stylesheets %}
{{ parent() }}
{% endblock %}