Offer Manager — Full Form Redesign

Review each section. These are proposed UX improvements across all tabs.

① General Tab — Redesigned

Basic Info
Title *
Required. Shows as offer heading.
Subtitle
Description
B I U ≡ ⇿ 📎 Img
Shop our biggest sale of the year. Huge discounts on laptops, components...
URL & Discovery
Slug *
URL: /offers/eid-salami-2025
Tag
Short badge shown on offer listing card (e.g. "Flash Sale", "Eid Special")
Coupon & Terms
Coupon Code
Shown with copy button on offer page
Terms
Valid on listed products only × Cannot combine with other offers × While stock lasts × + Add term
Each item is one bullet point on the offer page. Press Enter to add.
Hero Badges
Badge Pills
🔥 Up to 30% OFF × Free Delivery × + Add badge
Small pills shown in the offer hero section. Enter label text, press Enter.
Scheduling
Active Period *
Start
End
Status
Enabled Disabled
Hero Image
🖼
Banner shown on offer detail page top.

② Images Tab — Redesigned

Gallery images shown below the offer description. Click image to change. Drag to reorder.
🖼
⠿ drag
🖼
⠿ drag
+ Add Image
Sort order is determined by drag position. Link URLs must start with / or https://

③ Products Tab — Categories & Manufacturers

Manual Products and Groups already shown in previous mockups. Below: categories and manufacturers sections.

Include by Category
Categories
Laptop × Desktop Components × Monitor ×
All active products from selected categories auto-include after manual products.
Include by Brand
Manufacturers
AMD × ASUS ×
All active products from selected brands auto-include after category products.

Key changes: Terms → tag-chip input (no raw textarea). Hero Badges → visual pill input. Images tab → card grid with drag handles. Slug → auto-generate button. Status → toggle button. Categories/Manufacturers → pill display instead of scrollable div. All autocomplete bugs fixed.