42 lines
2.0 KiB
HTML
42 lines
2.0 KiB
HTML
<div class="bg-white rounded-lg shadow-md border border-gray-200 mb-8">
|
|
<div class="p-6 border-b border-gray-200">
|
|
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between">
|
|
<div>
|
|
<h2 class="text-xl font-semibold text-gray-900 flex items-center">
|
|
<svg class="w-5 h-5 text-purple-600 mr-2"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/>
|
|
</svg>
|
|
Users management
|
|
</h2>
|
|
<p class="text-sm text-gray-600 mt-1">View and manage users.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="users-list">
|
|
{% if users.is_empty() %}
|
|
<div class="py-6 p-8 text-center">
|
|
<div class="w-16 h-16 bg-gray-200 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<svg class="w-8 h-8 text-gray-500"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-lg font-medium text-gray-900 mb-2">No users to display</h3>
|
|
<p class="text-gray-600">Content may have shifted due to recent updates or list is empty.</p>
|
|
</div>
|
|
{% else %}
|
|
<div class="divide-y divide-gray-200">
|
|
{% for user in users %}
|
|
{% include "dashboard/users/card.html" %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div> |