page.tsx

Go to the documentation of this file.

'use client';
 
import Link from 'next/link';
import { Icon } from '@/contexts/IconContext';
 
export default function SaleProcessingPage() {
  return (
    <div className="min-h-screen bg-surface-2">
      <div className="max-w-7xl mx-auto p-6">
        {/* Header */}
        <div className="mb-8">
          <div className="flex items-center gap-2 text-sm text-muted mb-4">
            <Link href="/pages/settings" className="hover:text-text">Settings</Link>
            <span>›</span>
            <span className="text-text">Sale Processing</span>
          </div>
          <h1 className="text-3xl font-bold text-text mb-2">Sale Processing Configuration</h1>
          <p className="text-muted">Configure sale behavior and workflow settings</p>
        </div>
 
        {/* Configuration Sections */}
        <div className="space-y-6">
          <div className="bg-surface rounded-lg shadow-sm border border-border p-6">
            <h2 className="text-xl font-semibold text-text mb-4">Sale Behavior</h2>
            <p className="text-muted mb-4">Configure how sales are processed and handled</p>
            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                <label className="block text-sm font-medium text-text mb-2">
                  Allow Negative Sales
                </label>
                <select className="w-full px-3 py-2 border border-border rounded-md">
                  <option>No</option>
                  <option>Yes</option>
                </select>
              </div>
              <div>
                <label className="block text-sm font-medium text-text mb-2">
                  Require Customer on Sale
                </label>
                <select className="w-full px-3 py-2 border border-border rounded-md">
                  <option>No</option>
                  <option>Yes</option>
                </select>
              </div>
            </div>
          </div>
 
          <div className="bg-surface rounded-lg shadow-sm border border-border p-6">
            <h2 className="text-xl font-semibold text-text mb-4">Workflow Settings</h2>
            <p className="text-muted mb-4">Control the sale process flow and validations</p>
            <div className="space-y-4">
              <div className="flex items-center">
                <input type="checkbox" className="mr-3" />
                <span className="text-text">Auto-print receipt after sale</span>
              </div>
              <div className="flex items-center">
                <input type="checkbox" className="mr-3" />
                <span className="text-text">Require manager approval for discounts</span>
              </div>
              <div className="flex items-center">
                <input type="checkbox" className="mr-3" />
                <span className="text-text">Show running total during sale</span>
              </div>
            </div>
          </div>
 
          <div className="flex justify-end gap-3">
            <button className="px-4 py-2 border border-border rounded-md text-text hover:bg-surface-2">
              Cancel
            </button>
            <button className="px-4 py-2 bg-brand text-white rounded-md hover:bg-brand/90">
              Save Changes
            </button>
          </div>
        </div>
      </div>
    </div>
  );
}