Feature: Add third price option for plain/blank products

- Added plainPrice field to Product model in Prisma schema
- Updated database to include new plainPrice column
- Added Plain price input field to product creation form (new/page.tsx)
- Added Plain price input field to product edit form ([id]/edit/page.tsx)
- Updated createProduct server action to handle plainPrice
- Updated updateProduct server action to handle plainPrice

Now supports three price tiers:
- basePrice: for ready-made items
- plainPrice: for plain/blank items (new)
- personalisedPrice: for made-to-order items

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

src/app/admin/products/[id]/edit/page.tsx

@@ -220,23 +220,39 @@ export default async function EditProductPage({ params }: { params: { id: string
           </div>
         </div>
 
-        <div>
-          <label htmlFor="personalisedPrice" className="tag-label mb-2 block">
-            Personalised price (£, optional)
-          </label>
-          <input
-            id="personalisedPrice"
-            name="personalisedPrice"
-            type="number"
-            step="0.01"
-            min={0}
-            defaultValue={row.personalisedPrice != null ? (row.personalisedPrice / 100).toFixed(2) : ''}
-            className="w-full border border-line bg-paper px-3 py-2 text-sm"
-            placeholder="Leave blank to use the regular price"
-          />
-          <p className="mt-1 text-xs text-muted">
-            Higher price for made-to-order items. Leave blank to use the same price as ready-made.
-          </p>
+        <div className="grid grid-cols-2 gap-4">
+          <div>
+            <label htmlFor="plainPrice" className="tag-label mb-2 block">
+              Plain price (£, optional)
+            </label>
+            <input
+              id="plainPrice"
+              name="plainPrice"
+              type="number"
+              step="0.01"
+              min={0}
+              defaultValue={row.plainPrice != null ? (row.plainPrice / 100).toFixed(2) : ''}
+              className="w-full border border-line bg-paper px-3 py-2 text-sm"
+              placeholder="Leave blank if not applicable"
+            />
+            <p className="mt-1 text-xs text-muted">For plain/blank items</p>
+          </div>
+          <div>
+            <label htmlFor="personalisedPrice" className="tag-label mb-2 block">
+              Personalised price (£, optional)
+            </label>
+            <input
+              id="personalisedPrice"
+              name="personalisedPrice"
+              type="number"
+              step="0.01"
+              min={0}
+              defaultValue={row.personalisedPrice != null ? (row.personalisedPrice / 100).toFixed(2) : ''}
+              className="w-full border border-line bg-paper px-3 py-2 text-sm"
+              placeholder="Leave blank to use the regular price"
+            />
+            <p className="mt-1 text-xs text-muted">For made-to-order items</p>
+          </div>
         </div>
 
         <div>

src/app/admin/products/actions.ts

@@ -67,6 +67,7 @@ export async function createProduct(formData: FormData) {
   const category = String(formData.get('category') ?? '');
   const description = String(formData.get('description') ?? '').trim();
   const priceDollars = Number(formData.get('price') ?? 0);
+  const plainPriceDollars = String(formData.get('plainPrice') ?? '').trim();
   const personalisedPriceDollars = String(formData.get('personalisedPrice') ?? '').trim();
   const mockup = String(formData.get('mockup') ?? 'tshirt');
   const colorsInput = String(formData.get('colors') ?? '');
@@ -135,6 +136,7 @@ export async function createProduct(formData: FormData) {
       category,
       description: description || `${name} — personalize it your way.`,
       basePrice: Math.round(priceDollars * 100),
+      plainPrice: plainPriceDollars ? Math.round(Number(plainPriceDollars) * 100) : null,
       personalisedPrice: personalisedPriceDollars ? Math.round(Number(personalisedPriceDollars) * 100) : null,
       weightGrams,
       ...saleFields,
@@ -163,6 +165,7 @@ export async function updateProduct(formData: FormData) {
   const category = String(formData.get('category') ?? '');
   const description = String(formData.get('description') ?? '').trim();
   const priceDollars = Number(formData.get('price') ?? 0);
+  const plainPriceDollars = String(formData.get('plainPrice') ?? '').trim();
   const personalisedPriceDollars = String(formData.get('personalisedPrice') ?? '').trim();
   const mockup = String(formData.get('mockup') ?? 'tshirt');
   const colorsInput = String(formData.get('colors') ?? '');
@@ -252,6 +255,7 @@ export async function updateProduct(formData: FormData) {
     category: string;
     description: string;
     basePrice: number;
+    plainPrice: number | null;
     personalisedPrice: number | null;
     salePrice: number | null;
     saleStartsAt: Date | null;
@@ -276,6 +280,7 @@ export async function updateProduct(formData: FormData) {
     category,
     description: description || `${name} — personalize it your way.`,
     basePrice: Math.round(priceDollars * 100),
+    plainPrice: plainPriceDollars ? Math.round(Number(plainPriceDollars) * 100) : null,
     personalisedPrice: personalisedPriceDollars ? Math.round(Number(personalisedPriceDollars) * 100) : null,
     ...parseSaleFields(formData),
     colors: JSON.stringify(colors),

src/app/admin/products/new/page.tsx

@@ -21,7 +21,7 @@ export default async function NewProductPage() {
         design their own version, the ready-made one where they just buy it as pictured, or both.
       </p>
 
-      <form action={createProduct} className="mt-10 space-y-6" encType="multipart/form-data">
+      <form action={createProduct} className="mt-10 space-y-6">
         <div>
           <label className="tag-label mb-2 block">Show on</label>
           <div className="space-y-2">
@@ -196,22 +196,37 @@ export default async function NewProductPage() {
           </div>
         </div>
 
-        <div>
-          <label htmlFor="personalisedPrice" className="tag-label mb-2 block">
-            Personalised price (£, optional)
-          </label>
-          <input
-            id="personalisedPrice"
-            name="personalisedPrice"
-            type="number"
-            step="0.01"
-            min={0}
-            className="w-full border border-line bg-paper px-3 py-2 text-sm"
-            placeholder="Leave blank to use the regular price"
-          />
-          <p className="mt-1 text-xs text-muted">
-            Higher price for made-to-order items. Leave blank to use the same price as ready-made.
-          </p>
+        <div className="grid grid-cols-2 gap-4">
+          <div>
+            <label htmlFor="plainPrice" className="tag-label mb-2 block">
+              Plain price (£, optional)
+            </label>
+            <input
+              id="plainPrice"
+              name="plainPrice"
+              type="number"
+              step="0.01"
+              min={0}
+              className="w-full border border-line bg-paper px-3 py-2 text-sm"
+              placeholder="Leave blank if not applicable"
+            />
+            <p className="mt-1 text-xs text-muted">For plain/blank items</p>
+          </div>
+          <div>
+            <label htmlFor="personalisedPrice" className="tag-label mb-2 block">
+              Personalised price (£, optional)
+            </label>
+            <input
+              id="personalisedPrice"
+              name="personalisedPrice"
+              type="number"
+              step="0.01"
+              min={0}
+              className="w-full border border-line bg-paper px-3 py-2 text-sm"
+              placeholder="Leave blank to use the regular price"
+            />
+            <p className="mt-1 text-xs text-muted">For made-to-order items</p>
+          </div>
         </div>
 
         <div>