Customer Order Form - Copy this Html, Bootstrap Component to your project

The interface should be designed as a customer order form layout using SB Admin 2 for styling and structure. The main sections are "Customer", "Product", "Shipping", "Discounts", and action buttons like "Save" and "Print". Customer Section: A left aligned box labeled "Customer". Contains multiple text fields: "Phone" with a phone icon. "Customer Name" with a person icon. "Address" with a home icon. "Customer Notes" with a note icon. A dropdown field for "Order Source" (right aligned). Dropdowns for "City", "District", "Ward" (right side). A text box for "Internal Customer Care Notes". A dropdown for "Customer Tags". Product Section: Below the customer section, a product table should be created with columns for: "Product Name" "Quantity" "Price" "Total" Below the table, show totals of product quantities and prices. Include a search bar to search products (F3 shortcut). Shipping Section: A section labeled "Shipping" with options for automatic or self calculation of shipping costs. Contains: A dropdown for selecting a promotion code. A text box for the calculated shipping fee. A checkbox for using a shipping company's fee (e.g., HVC). Dropdown for delivery type (home delivery, etc.). Discount Section (top right side): Section labeled "Tags". An expandable section with fields like: Coupon Code. Points to redeem. Deposit and transfer amount fields. VAT configuration. Action Buttons (bottom right side): Buttons with different functions: "Save (F9)" green button. "Save and Print (F10)" blue button. Dropdown for additional options next to "Save and Print". Option to continue adding orders. Radio buttons for the customer payment method: "Pay Customer" and "Pay Shop".