Modify with Feed Form

templates/feed_form.html

@@ -0,0 +1,27 @@
+<div id="modal">
+        <div class="overlay" style="z-index: 30"></div>
+        <dialog open style="z-index: 31">
+            <header>
+                <h2>Modify RSS Feed subscription</h2>
+            </header>
+            <form id="modify_form" hx-put="/feed/{{feed.id}}" hx-target="#feed_{{feed.id}}" hx-swap="outerHTML" hx-indicator="#mod_indicator" @htmx:after-on-load="document.getElementById('modal').remove()">
+                <label>
+                    Name
+                    <input type="text" name="name" value="{{feed.name}}">
+                </label>
+                <label>
+                    Feed URL
+                    <input type="url" name="feed_url" value="{{feed.feed_url}}">
+                </label>
+            </form>
+            <footer>
+                <button form="modify_form" type="reset" @click="document.getElementById('modal').remove()">Close
+                </button>
+                <button form="modify_form" type="submit">
+                    Submit
+                    <img id="mod_indicator" class="htmx-indicator" src="/assets/oval.svg"
+                         style="height: 1rem; margin-left: 2px" alt="...">
+                </button>
+            </footer>
+        </dialog>
+</div>