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

{% block title %}Specialists{% endblock %}

{% block content_title %}Specialists{% endblock %}
{% block content_description %}View Specialists for Tenant{% 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_selection') }}" id="specialistsForm">
        {{ render_selectable_table(headers=["Specialist ID", "Name", "Type", "Type Version", "Active"], rows=rows, selectable=True, id="specialistsTable") }}
        <div class="form-group mt-3 d-flex justify-content-between">
            <div>
                <button type="submit" name="action" value="edit_specialist" class="btn btn-primary" onclick="return validateTableSelection('specialistsForm')">Edit Specialist</button>
                <button type="submit" name="action" value="execute_specialist" class="btn btn-primary" onclick="return validateTableSelection('specialistsForm')">Execute Specialist</button>
            </div>
            <button type="submit" name="action" value="create_specialist" class="btn btn-success">Register Specialist</button>
        </div>
    </form>
</div>
{% endblock %}

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