From f3b4df5825e6dc02c3b49d3dc4b2bcc4fd17c241 Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Thu, 8 Jan 2026 02:39:52 +0100
Subject: [PATCH] fix: change image URL input type to text for relative paths
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The media library returns relative paths like /uploads/... which
don't pass HTML5 url validation. Changed to type="text" to accept
both full URLs and relative paths from the media library.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 app/templates/admin/vendor-product-create.html | 4 ++--
 app/templates/admin/vendor-product-edit.html   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/templates/admin/vendor-product-create.html b/app/templates/admin/vendor-product-create.html
index ac3155c2..52cae800 100644
--- a/app/templates/admin/vendor-product-create.html
+++ b/app/templates/admin/vendor-product-create.html
@@ -300,10 +300,10 @@
                     </button>
                     <p class="text-xs text-gray-500 dark:text-gray-400">Or enter URL directly:</p>
                     <input
-                        type="url"
+                        type="text"
                         x-model="form.primary_image_url"
                         class="w-64 px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:border-purple-400 focus:outline-none dark:bg-gray-700 dark:text-gray-300"
-                        placeholder="https://..."
+                        placeholder="https://... or /uploads/..."
                     />
                 </div>
             </div>
diff --git a/app/templates/admin/vendor-product-edit.html b/app/templates/admin/vendor-product-edit.html
index 2f9ab554..a8fd3e69 100644
--- a/app/templates/admin/vendor-product-edit.html
+++ b/app/templates/admin/vendor-product-edit.html
@@ -276,10 +276,10 @@
                         <div>
                             <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">Or enter URL directly:</label>
                             <input
-                                type="url"
+                                type="text"
                                 x-model="form.primary_image_url"
                                 class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:border-purple-400 focus:outline-none dark:bg-gray-700 dark:text-gray-300"
-                                placeholder="https://..."
+                                placeholder="https://... or /uploads/..."
                             />
                         </div>
                     </div>