From 326f0e1bffaec30a7d9eb56b73b4483886c57c8b Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Wed, 10 Jun 2026 17:24:43 +0000
Subject: [PATCH] Booking storefront: add full Branding section (logo, cover,
 brand color)

The booking editor only had bare logo/cover inputs and no Brand Color,
while the booking landing page already renders logo_path/cover_path/
brand_color and the manager already persists them. Add the same Branding
section menu/shop use so owners can set all three.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../partials/editor-fields.blade.php          | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/resources/views/merchant/storefronts/partials/editor-fields.blade.php b/resources/views/merchant/storefronts/partials/editor-fields.blade.php
index 17053e7..1f44761 100644
--- a/resources/views/merchant/storefronts/partials/editor-fields.blade.php
+++ b/resources/views/merchant/storefronts/partials/editor-fields.blade.php
@@ -89,14 +89,25 @@
         <input type="checkbox" name="accepts_payment" value="1" @checked(old('accepts_payment', $content['accepts_payment'] ?? true)) class="rounded border-slate-300 text-indigo-600">
         Accept online payment for paid services
     </label>
-    <div class="grid gap-4 sm:grid-cols-2">
-        <div>
-            <label class="block text-xs font-semibold text-slate-600">Logo (optional)</label>
-            <input type="file" name="menu_logo" accept="image/png,image/jpeg,image/gif,image/webp" class="mt-1.5 block w-full rounded-xl border border-slate-200 bg-white px-3.5 py-2.5 text-sm">
-        </div>
-        <div>
-            <label class="block text-xs font-semibold text-slate-600">Cover image (optional)</label>
-            <input type="file" name="menu_cover" accept="image/png,image/jpeg,image/gif,image/webp" class="mt-1.5 block w-full rounded-xl border border-slate-200 bg-white px-3.5 py-2.5 text-sm">
+    <div class="space-y-3">
+        <p class="text-xs font-semibold text-slate-600">Branding <span class="font-normal text-slate-400">(optional)</span></p>
+        <div class="grid gap-3 sm:grid-cols-3">
+            <div>
+                <label class="block text-[11px] font-medium text-slate-500">Logo</label>
+                <input type="file" name="menu_logo" accept="image/png,image/jpeg,image/gif,image/webp"
+                       class="mt-1 block w-full text-xs text-slate-600 file:mr-2 file:rounded-lg file:border-0 file:bg-indigo-50 file:px-2 file:py-1 file:text-xs file:font-semibold file:text-indigo-700">
+            </div>
+            <div>
+                <label class="block text-[11px] font-medium text-slate-500">Cover Image</label>
+                <input type="file" name="menu_cover" accept="image/png,image/jpeg,image/gif,image/webp"
+                       class="mt-1 block w-full text-xs text-slate-600 file:mr-2 file:rounded-lg file:border-0 file:bg-indigo-50 file:px-2 file:py-1 file:text-xs file:font-semibold file:text-indigo-700">
+                <x-qr.cover-image-hint />
+            </div>
+            <div>
+                <label class="block text-[11px] font-medium text-slate-500">Brand Color</label>
+                <input type="color" name="brand_color" value="{{ old('brand_color', $content['brand_color'] ?? '#4f46e5') }}"
+                       class="mt-1 h-10 w-full cursor-pointer rounded-xl border border-slate-200 p-1">
+            </div>
         </div>
     </div>
 </div>