import SettingsLayout from '../components/layout/SettingsLayout';
import DiscountTab from '../components/DiscountTab';
import TourButton from '../components/ui/TourButton';

/** مدیریت تخفیف‌ها — بخش تنظیمات برای تعریف قوانین تخفیف عمومی (owner-scoped). */
export default function DiscountsPage() {
  return (
    <SettingsLayout active="discounts">
      <div
        style={{ background: 'var(--surface)', minWidth: 0 }}
        className="px-4 py-4 md:px-6 md:py-6 rounded-[var(--r-lg)]"
      >
        <div style={{ display: 'flex', alignItems: 'center', gap: 4, marginBottom: 16 }} data-tour="page-title">
          <h1 className="section-title">مدیریت تخفیف‌ها</h1>
          <TourButton tourId="discounts" ready />
        </div>
        <div data-tour="discounts-rules"><DiscountTab /></div>
      </div>
    </SettingsLayout>
  );
}
