34 lines
1.5 KiB
HTML
34 lines
1.5 KiB
HTML
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{% for folder in folders %}
|
|
<div class="card rounded-lg p-6 shadow-lg">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h3 class="text-xl font-bold">{{ folder.name }}</h3>
|
|
<div class="flex space-x-2">
|
|
<button class="p-2 rounded-full hover:bg-slate-700">
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
<button class="p-2 rounded-full hover:bg-slate-700 text-red-400">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<p class="text-secondary mb-4">{{ folder.rule_text }}</p>
|
|
<div class="flex justify-between items-center">
|
|
<span class="text-xs px-2 py-1 rounded-full bg-slate-700">Priority: {{ folder.priority or 'Normal' }}</span>
|
|
<span class="text-xs text-secondary">0 emails</span>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="col-span-full text-center py-12">
|
|
<div class="text-5xl mb-4 text-secondary">
|
|
<i class="fas fa-folder-open"></i>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-2">No folders yet</h3>
|
|
<p class="text-secondary mb-4">Add your first folder to get started organizing your emails.</p>
|
|
<button class="btn btn-primary" onclick="document.getElementById('add-folder-modal').showModal()">
|
|
<i class="fas fa-plus mr-2"></i>
|
|
Create Folder
|
|
</button>
|
|
</div>
|
|
{% endfor %}
|
|
</div> |