abc

app/templates/partials/folder_modal.html

@@ -0,0 +1,39 @@
+<div id="folder-modal" @click.away="$refs.modal.close()" class="modal-box">
+    <h3 class="font-bold text-lg mb-4" id="modal-title">
+        {% if folder %}Edit Folder{% else %}Add New Folder{% endif %}
+    </h3>
+    <form id="folder-form" {% if folder %} hx-put="/api/folders/{{ folder.id }}" {% else %} hx-post="/api/folders" {%
+        endif %} hx-target="#folders-list" hx-swap="innerHTML">
+        {% if folder %}
+        <input type="hidden" id="folder-id" name="id" value="{{ folder.id }}">
+        {% endif %}
+        <div class="mb-4">
+            <label for="folder-name" class="block text-sm font-medium mb-1">Name</label>
+            <input type="text" id="folder-name" name="name" class="input input-bordered w-full"
+                placeholder="e.g., Work, Personal, Newsletters" required
+                value="{% if folder %}{{ folder.name }}{% endif %}">
+        </div>
+        <div class="mb-4">
+            <label for="folder-rule" class="block text-sm font-medium mb-1">Rule (Natural Language)</label>
+            <textarea id="folder-rule" name="rule_text" class="textarea textarea-bordered w-full h-24"
+                placeholder="e.g., Move emails from 'newsletter@company.com' to this folder"
+                required>{% if folder %}{{ folder.rule_text }}{% endif %}</textarea>
+        </div>
+        <div class="mb-4">
+            <label for="folder-priority" class="block text-sm font-medium mb-1">Priority</label>
+            <select id="folder-priority" name="priority" class="select select-bordered w-full">
+                <option value="1" {% if folder and folder.priority==1 %}selected{% endif %}>High</option>
+                <option value="0" {% if not folder or (folder and folder.priority==0) %}selected{% endif %}>Normal
+                </option>
+                <option value="-1" {% if folder and folder.priority==-1 %}selected{% endif %}>Low</option>
+            </select>
+        </div>
+        <div class="modal-action">
+            <button type="button" class="btn btn-outline"
+                @click="$dispatch('close-modal')">Cancel</button>
+            <button type="submit" class="btn btn-primary" id="submit-btn">
+                {% if folder %}Update Folder{% else %}Add Folder{% endif %}
+            </button>
+        </div>
+    </form>
+</div>