Quick Search: A search bar labeled “Quick search” that allows users to search for coupons by typing in keywords.

Coupons List:

• Columns:
  • Code: Showing the coupon to be used
  • Discount Percentage: (in this case, “20.00%”),
  • Usage Limit: How many times the customer use this coupon
  • Times Used: How many times the customers use this coupon
  • Status: Is it active (available now for usage) or not
  • Usage History: how many times this coupon is used

ADD COUPON: Allows users to add/create a new coupon.

• Code: A field to enter the coupon code.
• Discount: A field to specify the discount (in percentage or fixed value).
• Applies date from/to: Fields to set the validity period of the coupon
• Usage limit: A field to define the usage limit (e.g., no limit or a set number of uses).
• Services filter: A dropdown to select the specific services the coupon applies to.
• Staff filter: A dropdown to select the specific staff the coupon is tied to.
• Add Coupon button: A purple button to finalize adding the coupon.