feat: add discount fields in sale and purchase forms

packages/webapp/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFooterRight.tsx

@@ -8,8 +8,12 @@ import {
   TotalLine,
   TotalLineBorderStyle,
   TotalLineTextStyle,
+  FInputGroup,
+  FFormGroup,
+  FSelect,
 } from '@/components';
 import { useReceiptTotals } from './utils';
+import { Button } from '@blueprintjs/core';
 
 export function ReceiptFormFooterRight() {
   const {
@@ -26,6 +30,31 @@ export function ReceiptFormFooterRight() {
         value={formattedSubtotal}
         borderStyle={TotalLineBorderStyle.None}
       />
+      <FFormGroup name={'discount'} label={'Discount'} inline>
+        <FInputGroup
+          name={'discount'}
+          rightElement={
+            <FSelect
+              name={'discount_type'}
+              items={[
+                { text: 'USD', value: 'amount' },
+                { text: '%', value: 'percentage' },
+              ]}
+              input={({ text }) => (
+                <Button small minimal>
+                  {text}
+                </Button>
+              )}
+              filterable={false}
+            />
+          }
+        />
+      </FFormGroup>
+
+      <FFormGroup name={'adjustment'} label={'Adjustment'} inline>
+        <FInputGroup name={'adjustment'} />
+      </FFormGroup>
+
       <TotalLine
         title={<T id={'receipt_form.label.total'} />}
         value={formattedTotal}