{{/* Feed Component - Reusable feed sidebar */}}
{{define "feed"}}
<div class="feed-container">
    <h3><i data-lucide="rss" class="icon-inline"></i> Recent Notes <a href="https://aitherboard.imwald.eu/feed/relay/theforest.nostr1.com" target="_blank" rel="noopener noreferrer" class="feed-link-header"><i data-lucide="external-link" class="icon-inline"></i> View Full Feed</a></h3>
    <div class="feed-items">
        {{range .FeedItems}}
        <article class="feed-item">
            <header class="feed-header">
                <span class="feed-author"><i data-lucide="user" class="icon-inline"></i> {{.Author}}</span>
                <time class="feed-time" datetime="{{.TimeISO}}"><i data-lucide="clock" class="icon-inline"></i> {{.Time}}</time>
            </header>
            <div class="feed-content">{{.Content}}</div>
            <footer class="feed-footer">
                <a href="{{.Link}}" class="feed-link" target="_blank" rel="noopener noreferrer"><i data-lucide="external-link" class="icon-inline"></i> View on Alexandria</a>
            </footer>
        </article>
        {{else}}
        <p class="feed-empty"><i data-lucide="inbox" class="icon-inline"></i> No recent notes available.</p>
        {{end}}
    </div>
</div>
{{end}}

{{/* Alert Component - Success message */}}
{{define "alert-success"}}
<div class="alert alert-success" role="alert">
    <strong><i data-lucide="check-circle" class="icon-inline"></i> Success!</strong> {{.}}
</div>
{{end}}

{{/* Alert Component - Error message */}}
{{define "alert-error"}}
<div class="alert alert-error" role="alert">
    <strong><i data-lucide="alert-circle" class="icon-inline"></i> Error:</strong> {{.}}
</div>
{{end}}