From eabd17eb67929753b587fd319296dc536dae2a60 Mon Sep 17 00:00:00 2001
From: KKlochko <KKlochko@protonmail.com>
Date: Fri, 19 Apr 2024 10:26:19 +0300
Subject: [PATCH] Add the templates for the update form validation.

---
 views/update_content_validation.hbs |  7 +++++++
 views/update_title_validation.hbs   | 16 ++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 views/update_content_validation.hbs
 create mode 100644 views/update_title_validation.hbs

diff --git a/views/update_content_validation.hbs b/views/update_content_validation.hbs
new file mode 100644
index 0000000..9bd7062
--- /dev/null
+++ b/views/update_content_validation.hbs
@@ -0,0 +1,7 @@
+<div hx-target="this" hx-swap="outerHTML">
+  <label for="content" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Content</label>
+  <textarea id="update-drawer-content" name="content" hx-post="/htmx/validation/update-content/" rows="4" class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-[#3b82f6] focus:border-[#3b82f6] dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-[#3b82f6] dark:focus:border-[#3b82f6]" placeholder="Write article here" {{#if error}}aria-invalid="true"{{/if}}>{{ content }}</textarea>
+  {{#if error}}
+    <div class='text-sm font-bold leading-tight tracking-tight text-red-600 mt-2'>{{ error }}</div>
+  {{/if}}
+</div>
diff --git a/views/update_title_validation.hbs b/views/update_title_validation.hbs
new file mode 100644
index 0000000..5b53124
--- /dev/null
+++ b/views/update_title_validation.hbs
@@ -0,0 +1,16 @@
+<div hx-target="this" hx-swap="outerHTML">
+  <label for="title" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Title</label>
+  <input type="text"
+         name="title"
+         hx-post="/htmx/validation/update-title/"
+         x-model="title"
+         id="update-title"
+         placeholder="Type article title"
+         required=""
+         {{#if error}}aria-invalid="true"{{/if}}
+         value="{{ title }}"
+         class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-[#2563eb] focus:border-[#2563eb] block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-[#3b82f6] dark:focus:border-[#3b82f6]">
+  {{#if error}}
+    <div class='text-sm font-bold leading-tight tracking-tight text-red-600 mt-2'>{{ error }}</div>
+  {{/if}}
+</div>