Templates and TLS requests

Refactored HTML templates and added TLS back to issue HTTP requests

templates/dashboard/send_email.html

@@ -0,0 +1,60 @@
+<div class="bg-white rounded-lg shadow-md border border-gray-200">
+    <div class="p-6 border-b border-gray-200">
+        <h2 class="text-xl font-semibold text-gray-900 flex items-center">
+            <svg class="w-5 h-5 text-blue-600 mr-2"
+                 fill="none"
+                 viewBox="0 0 24 24"
+                 stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
+            </svg>
+            Send an email
+        </h2>
+        <p class="text-sm text-gray-600 mt-1">Contact your subscribers directly.</p>
+    </div>
+    <div class="p-6">
+        <form hx-post="/admin/newsletters"
+              hx-target="#newsletter-messages"
+              hx-swap="innerHTML"
+              class="space-y-4">
+            <input type="hidden" name="idempotency_key" value="{{ idempotency_key_2 }}" />
+            <div>
+                <label for="newsletter-title"
+                       class="block text-sm font-medium text-gray-700 mb-2">Subject</label>
+                <input type="text"
+                       id="newsletter-title"
+                       name="title"
+                       required
+                       class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" />
+            </div>
+            <div>
+                <label for="newsletter-html"
+                       class="block text-sm font-medium text-gray-700 mb-2">HTML content</label>
+                <textarea id="newsletter-html"
+                          name="html"
+                          rows="6"
+                          required
+                          class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 font-mono text-sm"></textarea>
+            </div>
+            <div>
+                <label for="newsletter-text"
+                       class="block text-sm font-medium text-gray-700 mb-2">Text content</label>
+                <textarea id="newsletter-text"
+                          name="text"
+                          rows="6"
+                          required
+                          class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 font-mono text-sm"></textarea>
+            </div>
+            <button type="submit"
+                    class="w-full bg-blue-600 text-white hover:bg-blue-700 font-medium py-3 px-4 rounded-md transition-colors flex items-center justify-center">
+                <svg class="w-4 h-4 mr-2"
+                     fill="none"
+                     viewBox="0 0 24 24"
+                     stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
+                </svg>
+                Send
+            </button>
+            <div id="newsletter-messages" class="mt-4"></div>
+        </form>
+    </div>
+</div>