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

{% block title %}Tenant Selection{% endblock %}

{%  block content_title %}Select a Tenant{% endblock %}
{% block content_description %}Select the active tenant for the current session{% endblock %}

{% block content %}
<form method="POST" action="{{ url_for('user_bp.handle_tenant_selection') }}">
    {{ render_selectable_table(headers=["Tenant ID", "Tenant Name","Website"], rows=tenants, selectable=True, id="tenantsTable") }}
    <div class="form-group mt-3">
        <button type="submit" name="action" value="select_tenant" class="btn btn-primary">Set Session Tenant</button>
        <button type="submit" name="action" value="view_users" class="btn btn-secondary">View Users</button>
        <button type="submit" name="action" value="edit_tenant" class="btn btn-secondary">Edit Tenant</button>
        <!-- Add more buttons as needed -->
    </div>
</form>
{% endblock %}
{% block scripts %}
<script>
$(document).ready(function() {
    $('#tenantsTable').DataTable({
        'columnDefs': [{
            'targets': 0,
            'searchable': false,
            'orderable': false,
            'className': 'dt-body-center',
            'render': function (data, type, full, meta){
                return '<input type="radio" name="user_id" value="' + $('<div/>').text(data).html() + '">';
            }
        },
        {
            'targets': 1,
            'orderable': true
        },
        {
            'targets': 2,
            'orderable': true
        }],
        'order': [[1, 'asc']]
    });
});
</script>
{% endblock %}