{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}

{% block page_title %}Linked Telegram users{% endblock %}

{% block extra_head %}
{% include "partials/workspace_ui_head.html" %}
{% endblock %}

{% block admin_content %}
<p class="blocks-workspace-help mb-3">
    Link Telegram chats to Blocks users (self-enroll when enabled in settings, or manually below).
    Other plugins (e.g. Zephyre Licenses) read links via <code>telegram_v_user_links</code>.
    {% if self_enroll_enabled %}
    Self-enrollment is <strong>on</strong>.
    {% else %}
    Self-enrollment is <strong>off</strong> — only manual links apply.
    {% endif %}
</p>

{{ crud::shell_open(config_url="/plugins/telegram/assets/admin/user_links_list.json", mount_id="telegram-user-links-list", custom_mount=true) }}
<div class="blocks-workspace-table" role="region" aria-label="Linked Telegram users; scroll horizontally if needed" tabindex="0">
    <table>
        <thead></thead>
        <tbody>
            <tr><td colspan="7" class="crud-empty-state text-center py-5 text-muted">Loading linked users…</td></tr>
        </tbody>
    </table>
</div>
{{ crud::shell_close() }}

<div id="telegram-user-link-modal" class="crud-modal" aria-hidden="true">
    <div class="modal-content modal-sm">
        <div class="modal-header">
            <h2 id="telegram-user-link-modal-title">Add linked user</h2>
            <button type="button" class="close-modal" aria-label="Close">&times;</button>
        </div>
        <div class="modal-body">
            <div id="telegram-user-link-form-fields"></div>
        </div>
    </div>
</div>

<script type="application/json" id="telegram-bots-options-json">{{ bots | default(value=[]) | json_encode | replace(from="</script>", to="<\\/script>") | safe }}</script>
{% endblock %}

{% block scripts %}
<script src="/plugins/telegram/assets/js/user_links_list.js"></script>
{% endblock %}