Rabatt

src/lib/rechnungsfussAngebot.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { useEffect, useState } from "react";
-import { Table } from "react-bootstrap";
+import { Button, Modal, Table } from "react-bootstrap";
 import waehrung from "./standard/waehrung";
 import prozentWaehrung from "./standard/prozentWaehrung";
 import WaehrungBadge from "./standard/waehrungBadge";
@@ -10,7 +10,15 @@ function RechnungsfussAngebot({ summe, setRechnungsbetrag }: { summe: number, se
     const [geo, setGeo] = useState('DE');
     const [express, setExpress] = useState(false);
 
+    const [manuellerRabatt, setManuellerRabatt] = useState(false);
+    const [rabattProzent, setRabattProzent] = useState(0);
+
+    const [rabattModal, setRabattModal] = useState(false);
+
     const rabatt = () => {
+        if (manuellerRabatt) {
+            return rabattProzent;
+        }
         if (summe >= 10000) {
             return 10;
         }
@@ -94,6 +102,35 @@ function RechnungsfussAngebot({ summe, setRechnungsbetrag }: { summe: number, se
                         </td>
                         <td>
                             {rabatt()}%
+                            <Button variant="outline-secondary" size="sm" onClick={() => setRabattModal(true)} className="ms-2">Ändern</Button>
+                            <Modal show={rabattModal} onHide={() => setRabattModal(false)}>
+                                <Modal.Header closeButton>
+                                    <Modal.Title>Rabatt ändern</Modal.Title>
+                                </Modal.Header>
+                                <Modal.Body>
+                                    <Table striped bordered hover>
+                                        <tbody>
+                                            <tr>
+                                                <th>Manueller Rabatt</th>
+                                                <td>
+                                                    <input type="checkbox" checked={manuellerRabatt} onChange={(event) => setManuellerRabatt(event.target.checked)} />
+                                                </td>
+                                            </tr>
+                                            <tr>
+                                                <th>Rabatt in %</th>
+                                                <td>
+                                                    <input type="number" value={rabattProzent} onChange={(event) => setRabattProzent(parseFloat(event.target.value))} />
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </Table>
+                                </Modal.Body>
+                                <Modal.Footer>
+                                    <Button variant="success" onClick={() => setRabattModal(false)}>
+                                        Fertig
+                                    </Button>
+                                </Modal.Footer>
+                            </Modal>
                         </td>
                     </tr>
                     <tr>