From 6ad308e250dfa5fb27c58fbbad990ba978875b35 Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Fri, 21 Nov 2025 23:15:59 +0100
Subject: [PATCH] Fixing vendor dashboard area

---
 app/templates/vendor/customers.html   | 31 +++++++++++++++++++++++++++
 app/templates/vendor/inventory.html   | 31 +++++++++++++++++++++++++++
 app/templates/vendor/marketplace.html | 31 +++++++++++++++++++++++++++
 app/templates/vendor/orders.html      | 31 +++++++++++++++++++++++++++
 app/templates/vendor/products.html    | 31 +++++++++++++++++++++++++++
 app/templates/vendor/profile.html     | 31 +++++++++++++++++++++++++++
 app/templates/vendor/settings.html    | 31 +++++++++++++++++++++++++++
 app/templates/vendor/team.html        | 31 +++++++++++++++++++++++++++
 8 files changed, 248 insertions(+)
 create mode 100644 app/templates/vendor/customers.html
 create mode 100644 app/templates/vendor/inventory.html
 create mode 100644 app/templates/vendor/marketplace.html
 create mode 100644 app/templates/vendor/orders.html
 create mode 100644 app/templates/vendor/products.html
 create mode 100644 app/templates/vendor/profile.html
 create mode 100644 app/templates/vendor/settings.html
 create mode 100644 app/templates/vendor/team.html

diff --git a/app/templates/vendor/customers.html b/app/templates/vendor/customers.html
new file mode 100644
index 00000000..9be58642
--- /dev/null
+++ b/app/templates/vendor/customers.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/customers.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Customers{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Customers
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">👥</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Customer Management Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to manage your customers here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/vendor/inventory.html b/app/templates/vendor/inventory.html
new file mode 100644
index 00000000..007c3fad
--- /dev/null
+++ b/app/templates/vendor/inventory.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/inventory.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Inventory{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Inventory
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">📊</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Inventory Management Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to manage your inventory here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/vendor/marketplace.html b/app/templates/vendor/marketplace.html
new file mode 100644
index 00000000..0d9ee87a
--- /dev/null
+++ b/app/templates/vendor/marketplace.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/marketplace.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Marketplace{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Marketplace Import
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">🌐</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Marketplace Import Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to import products from marketplace here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/vendor/orders.html b/app/templates/vendor/orders.html
new file mode 100644
index 00000000..08dd8926
--- /dev/null
+++ b/app/templates/vendor/orders.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/orders.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Orders{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Orders
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">🛒</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Order Management Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to manage your orders here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/vendor/products.html b/app/templates/vendor/products.html
new file mode 100644
index 00000000..a4e150b9
--- /dev/null
+++ b/app/templates/vendor/products.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/products.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Products{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Products
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">📦</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Products Management Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to manage your product catalog here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/vendor/profile.html b/app/templates/vendor/profile.html
new file mode 100644
index 00000000..62622c7e
--- /dev/null
+++ b/app/templates/vendor/profile.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/profile.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Profile{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Profile
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">👤</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Profile Management Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to manage your profile information here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/vendor/settings.html b/app/templates/vendor/settings.html
new file mode 100644
index 00000000..873977fb
--- /dev/null
+++ b/app/templates/vendor/settings.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/settings.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Settings{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Settings
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">⚙️</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Settings Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to configure your vendor settings here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/vendor/team.html b/app/templates/vendor/team.html
new file mode 100644
index 00000000..e9f691aa
--- /dev/null
+++ b/app/templates/vendor/team.html
@@ -0,0 +1,31 @@
+{# app/templates/vendor/team.html #}
+{% extends "vendor/base.html" %}
+
+{% block title %}Team{% endblock %}
+
+{% block alpine_data %}data(){% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-between my-6">
+    <h2 class="text-2xl font-semibold text-gray-700 dark:text-gray-200">
+        Team Management
+    </h2>
+</div>
+
+<!-- Coming Soon Notice -->
+<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xs">
+    <div class="w-full p-12 bg-white dark:bg-gray-800 text-center">
+        <div class="text-6xl mb-4">👨‍💼</div>
+        <h3 class="text-xl font-semibold text-gray-700 dark:text-gray-200 mb-2">
+            Team Management Coming Soon
+        </h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-6">
+            This page is under development. You'll be able to manage your team members here.
+        </p>
+        <a href="/vendor/{{ vendor_code }}/dashboard"
+           class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
+            Back to Dashboard
+        </a>
+    </div>
+</div>
+{% endblock %}