New Kitchen King (II) form, Table, Select with code

Ordered Items Table: Demo Output: X Cancel Order Order-Items Order Status Srl. No. Table No. Customer Name Date-Time Mobile No. Email Sl. No. Items Rate - Quantity + Remove Amount Rs. Total Amount Rs.: 0.00 Submit X Cancel Withdraw ✅ Close Code: CSS: HTML: <div id="customerInfoBox" style="   border: 1px solid #ccc;    border-radius: 13px;    padding: 10px;    width: 700px;   margin: 0 auto;   margin-top: 50px;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); ">   <!-- 🔷 Top Row: Cancel, Heading, Status --> <div style="display: flex;  ...

 Selected Items Table: Demo Output: Your Selected Items Srl. No. Table No. Customer Name Date-Time Mobile No. Email Sl. No. Items Rate - Quantity + Remove Amount Rs. Total Amount Rs.: 0.00 Submit Close Refresh Select Items Code: CSS: HTML: <div id="customerInfoBox" style="   border: 1px solid #ccc;    border-radius: 13px;    padding: 10px;    width: 400px;   margin: 0 auto;   margin-top: 50px;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); ">   <div style="border-top-left-radius: 10px; border:1px solid #ccc; border-top-right-radius: 10px;border-top-left-radius: 10px; text-align: center;">     ...

  New-1 Form For Items Order : Output: Items Order Form Selected Items Items Select Item 🔽 Item 1 Item 2 Item 3 Item 4 Price Quantity − + Refresh Close Submit to Your Order Code:  CSS: HTML: <!-- ✅ Form Container --> <div style="display: flex; align-items: center; justify-content: center; height: 100vh; gap: 20px; flex-wrap: wrap; padding: 20px; box-sizing: border-box;">      <!-- 🔷 Left Section -->   <div id="coustomer-details-input-div" style="flex: 1 1 350px; background-color: #e6ffff; border-radius: 20px; border: 1px solid rgb(185, 185, 186); box-shadow: 0px 2px ...

Order Select Items List: Output: Items Order Form Selected Items Item Section Select Item Section 🔽 Item Section 1 Item Section 2 Item Section 3 Item Section 4 Items Select Item 🔽 Item 1 Item 2 Item 3 Item 4 Price Quantity − + Refresh Close Submit to Your Order Code: CSS: HTML: <div style="display: flex; align-items: center; justify-content: center; height: 100vh; gap: 20px; flex-wrap: wrap; padding: 20px; box-sizing: border-box;">      <!-- 🔷 Left Section -->   <div id="coustomer-details-input-div" style="flex: 1 1 350px...

 Form For Table no. And Coustomer Details:  Output: Order Form Customer Details: Selected Items Table No.: Select Table 🔽 R.S. - Table: 1 R.S. - Table: 1-A R.S. - Table: 1-B R.S. - Table: 1/2 R.S. - Table: 1-A/2 R.S. - Table: 1-B/2 R.S. - Table: 2 R.S. - Table: 2-A R.S. - Table: 2-B R.S. - Table: 2/2 R.S. - Table: 2-A/2 R.S. - Table: 2-B/2 R.S. - Table: 3 R.S. - Table: 3-A R.S. - Table: 3-B R.S. - Table: 3/2 R.S. - Table: 3-A/2 R.S. - Table: 3-B/2 R.S. - Table: 4 R.S. - Table: 4-A R.S. - Table: 4-B R.S. - Table: 4/...