{% extends 'base.html' %}
{%  from 'macros.html' import render_selectable_table, render_pagination %}

{% block title %}Specialist Magic Links{% endblock %}

{% block content_title %}Specialist Magic Links{% endblock %}
{% block content_description %}View Specialists Magic Links{% endblock %}
{% block content_class %}<div class="col-xl-12 col-lg-5 col-md-7 mx-auto"></div>{% endblock %}

{% block content %}
<div class="container">
    <form method="POST" action="{{ url_for('interaction_bp.handle_specialist_magic_link_selection') }}" id="specialistMagicLinksForm">
        {{ render_selectable_table(headers=["Specialist ML ID", "Name", "Magic Link Code"], rows=rows, selectable=True, id="specialistMagicLinksTable") }}
        <div class="form-group mt-3 d-flex justify-content-between">
            <div>
                <button type="submit" name="action" value="edit_specialist_magic_link" class="btn btn-primary" onclick="return validateTableSelection('specialistMagicLinksForm')">Edit Specialist Magic Link</button>
            </div>
            <button type="submit" name="action" value="create_specialist_magic_link" class="btn btn-success">Register Specialist Magic Link</button>
        </div>
    </form>
</div>
{% endblock %}

{% block content_footer %}
    {{ render_pagination(pagination, 'interaction_bp.specialist_magic_links') }}
{% endblock %}