form improvement order

testnavbar.py

@@ -126,15 +126,25 @@ def product_detail(product_name: str):
                 render_md(example_product_description.format(product_name=product_name))
             ),
             Div(
-                H3("Order Form", cls="text-lg font-semibold mb-3"),
+                H3("Order", cls="text-lg font-semibold mb-3"),
                 # Form automatically has a class of 'space-y-3' for a margin between each child.
                 Form(
-                    # LabelInput is a convenience wrapper for a label and input that links them.
-                    LabelInput("Name", id='name',  placeholder=product_name),
-                    LabelInput("Email", id='email', placeholder='accountemail@example.com'),
-                    LabelInput("Quantity", id='quantity',placeholder='1'),
-                    Div(PaymentMethod, cls='space-y-4'),
-                    # ButtonT.primary because this is the primary action of the page!
+                    # Product info (read-only)
+                    LabelInput("Product", id="name", value=product_name, readonly=True,
+                               cls="bg-gray-100 cursor-not-allowed"),
+                    LabelInput("Price", id="price", value=price, readonly=True,
+                               cls="bg-gray-100 cursor-not-allowed"),
+                
+                    # Order details
+                    LabelInput("Quantity", id="quantity", placeholder="1"),
+                
+                    # Customer info
+                    LabelInput("Email", id="email", placeholder="accountemail@example.com"),
+                
+                    # Payment section
+                    Div(PaymentMethod, cls="space-y-4 mt-4"),
+                
+                    # Actions
                     Button("Add to order", cls=(ButtonT.primary, "w-full mt-4")),
                     Button("Continue shopping",
                            cls=(ButtonT.secondary, "w-full mt-2"),