{% extends 'base.html' %}
{% from "macros.html" import render_selectable_table, render_pagination, render_field %}
{% 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 %}

<!-- Filter Form -->
<form method="POST" action="{{ url_for('user_bp.select_tenant') }}" class="mb-4">
    {{ filter_form.hidden_tag() }}
    <div class="row">
        <div class="col-md-4">
            {{ render_field(filter_form.types, class="select2") }}
        </div>
        <div class="col-md-4">
            {{ render_field(filter_form.search) }}
        </div>
        <div class="col-md-4">
            {{ filter_form.submit(class="btn btn-primary") }}
        </div>
    </div>
</form>

<!-- Tenant Selection Form -->
<form method="POST" action="{{ url_for('user_bp.handle_tenant_selection') }}">
    {{ render_selectable_table(headers=["Tenant ID", "Tenant Name", "Website", "Type"], rows=rows, selectable=True, id="tenantsTable") }}
    <div class="form-group mt-3 d-flex justify-content-between">
        <div>
            <button type="submit" name="action" value="select_tenant" class="btn btn-primary">Set Session Tenant</button>
            <button type="submit" name="action" value="edit_tenant" class="btn btn-secondary">Edit Tenant</button>
        </div>
        <button type="submit" name="action" value="create_tenant" class="btn btn-success">Register Tenant</button>
    </div>
</form>

{% endblock %}

{% block content_footer %}
{{ render_pagination(pagination, 'user_bp.select_tenant') }}
{% endblock %}

{% block scripts %}
<script>
$(document).ready(function() {
    $('.select2').select2({
        placeholder: "Select tenant types",
        allowClear: true,
        minimumResultsForSearch: Infinity, // Hides the search box
        dropdownCssClass: 'select2-dropdown-hidden', // Custom class for dropdown
        containerCssClass: 'select2-container-hidden' // Custom class for container
    });
});
</script>
{% endblock %}