{% extends 'carers/dashboard_layout.html' %}

{% load i18n %}

{% block title %}{% trans "Manage Users" %}{% endblock %}

{% block custom_main_class %}max-w-4xl{% endblock %}

{% block content %}

<h2 class="pt-3 text-2xl md:text-3xl text-left">
    All Users
</h2>

<div class="mt-4 grid grid-cols-2 gap-5">
    <a href="#" class="block bg-bgColor border border-body border-opacity-10 shadow-sm p-5 rounded-lg">
        <h3 class="text-lg leading-tight">Users completed setup</h3>

        {% for profile in users_completed_setup %}
            <p class="mt-2">
                {{ profile }} | {{ profile.employer_name }} | {{ profile.user.email }}
            </p>
        {% endfor %}
    </a>

    <a href="#" class="block bg-bgColor border border-body border-opacity-10 shadow-sm p-5 rounded-lg">
        <h3 class="text-lg leading-tight">Users not completed setup</h3>

        {% for profile in users_not_completed_setup %}
            <p class="mt-2">
                {{ profile }} | {{ profile.employer_name }} | {{ profile.user.email }}
            </p>
        {% endfor %}
    </a>

    {# <a href="#" class="block bg-bgColor border border-body border-opacity-10 shadow-sm p-5 rounded-lg">#}
        {# <h3 class="text-lg leading-tight">Completed onboarding?</h3>#}
        {# <p class="mt-2">{{ users_completed_onboarding }}</p>#}
    {# </a>#}
</div>

{% endblock %}