File: templates/interests.twig

{% extends "base.twig" %}

{% block title %}{{ t('ui.interests.page_title') }} - {{ parent() }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>
        <i class="fas fa-layer-group me-2"></i>{{ t('ui.interests.heading') }}
    </h2>
</div>

<p class="text-muted mb-4">
    {{ t('ui.interests.page_intro') }}
    {{ t('ui.interests.page_intro_unsub', {'link': '<a href="/subscriptions">' ~ t('ui.interests.page_intro_unsub_link') ~ '</a>'}) | raw }}
</p>

<div id="interestPickerContainer"></div>

<div class="text-center mt-4 mb-4">
    <a href="/echomail" class="btn btn-outline-primary">
        <i class="fas fa-comments me-2"></i>{{ t('ui.interests.go_to_echo_areas') }}
    </a>
</div>
{% endblock %}

{% block scripts %}
<script src="/js/interest-picker.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const picker = new InterestPicker('interestPickerContainer', { mode: 'subscribe' });
    picker.load();
});
</script>
{% endblock %}