Create Data tables page

[GOkwori]

{% for type in account_types_summary %} {% endfor %}

Product	Count
{{ type.product_name }}	{{ type.count }}
Total	{{ total_accounts }}

<div class="table table-responsive mb-4">
    <table class="table table-bordered">
        <thead class="table-light">
            <tr>
                <th scope="col">Role</th>
                <th scope="col">Count</th>
            </tr>
        </thead>
        <tbody>
            {% for role, count in user_roles %}
            <tr>
                <td>{{ role }}</td>
                <td>{{ count }}</td>
            </tr>
            {% endfor %}
            <tr class="table-primary">
                <td><strong>Total</strong></td>
                <td><strong>{{ total_users }}</strong></td>
            </tr>
        </tbody>
    </table>
</div>