21 lines
1.2 KiB
HTML
21 lines
1.2 KiB
HTML
<!-- Welcome Section - Only shown when IMAP is not configured -->
|
|
<div class="mb-8 p-6 bg-gradient-to-r from-primary/10 to-secondary/10 rounded-box shadow-lg border border-primary/20">
|
|
<div class="flex items-center mb-4">
|
|
<i class="fas fa-envelope-open-text text-3xl text-primary mr-4"></i>
|
|
<h3 class="text-xl font-bold">Welcome to Email Organizer! 🎉</h3>
|
|
</div>
|
|
<p class="text-base-content/80 mb-4">Ready to tame your email chaos? Let's get your email folders synchronized so we can start organizing your emails with AI-powered rules!</p>
|
|
<div class="flex items-center space-x-4" data-loading-states>
|
|
<button class="btn btn-primary" hx-get="/api/imap/config" hx-target="#modal-holder"
|
|
hx-swap="innerHTML"
|
|
data-loading-disable>
|
|
<i class="fas fa-cog mr-2" data-loading-class="!hidden"></i>
|
|
<span data-loading-class="!hidden">Set Up IMAP Sync</span>
|
|
<span class="loading loading-spinner loading-xs hidden" data-loading-class-remove="hidden"></span>
|
|
</button>
|
|
<div class="text-sm text-base-content/60">
|
|
<i class="fas fa-info-circle mr-1"></i>
|
|
Connect your email account to get started
|
|
</div>
|
|
</div>
|
|
</div> |