Prototipe Form Bayar

* Form Bayar, menggunakan checkbox, form pembayaran yang muncul hanya yang diaktifkan saja

src/main/java/id/amigogroup/posterminal/FormFactory.java

@@ -1,7 +1,6 @@
 package id.amigogroup.posterminal;
 
 import id.amigogroup.posterminal.bayar.FormBayarController;
-import id.amigogroup.posterminal.transaksi.FormTransaksiTunaiController;
 import java.io.IOException;
 import java.util.logging.Level;
 import java.util.logging.Logger;

src/main/java/id/amigogroup/posterminal/bayar/FormBayarController.java

@@ -5,15 +5,18 @@
  */
 package id.amigogroup.posterminal.bayar;
 
-import id.amigogroup.posterminal.util.Fucout;
+import java.io.IOException;
 import java.net.URL;
 import java.util.ResourceBundle;
+import java.util.logging.Level;
+import java.util.logging.Logger;
+import javafx.event.ActionEvent;
 import javafx.fxml.FXML;
+import javafx.fxml.FXMLLoader;
 import javafx.fxml.Initializable;
-import javafx.scene.control.TextField;
-import javafx.scene.input.KeyCode;
-import javafx.scene.input.KeyEvent;
-import javafx.scene.robot.Robot;
+import javafx.scene.Node;
+import javafx.scene.control.CheckBox;
+import javafx.scene.layout.VBox;
 
 /**
  * FXML Controller class
@@ -23,41 +26,105 @@ import javafx.scene.robot.Robot;
 public class FormBayarController implements Initializable {
 
     @FXML
-    private TextField fldNoKartu1;
-    @FXML
-    private TextField fldNoKartu2;
-    @FXML
-    private TextField fldNoKartu3;
-    @FXML
-    private TextField fldNoKartu4;
+    private VBox vbContent;
+
+    private final String BAYAR_TUNAI = "Tunai";
+    private final String BAYAR_KARTU = "Debit/Kredit";
+    private final String BAYAR_RETUR = "Voucher Retur";
+    private final String BAYAR_GOPAY = "GoPay";
+    private final String BAYAR_OVO = "OVO";
+    private final String BAYAR_POIN = "Poin";
+
+    public class BayarContent {
+
+        Node nodeTunai;
+        Node nodeKartu;
+        Node nodeRetur;
+        Node nodeGopay;
+        Node nodeOvo;
+        Node nodePoin;
+    }
+
+    private BayarContent kumpulanContent = new BayarContent();
 
     /**
      * Initializes the controller class.
      */
     @Override
     public void initialize(URL url, ResourceBundle rb) {
-        initComponents();
-    }
-
-    private void initComponents() {
-        Fucout.forceFieldInteger(fldNoKartu1, 4);
-        Fucout.forceFieldInteger(fldNoKartu2, 4);
-        Fucout.forceFieldInteger(fldNoKartu3, 4);
-        Fucout.forceFieldInteger(fldNoKartu4, 4);
+        // TODO
     }
 
     @FXML
-    public void fldNomorKartuOnKeyTyped(KeyEvent event) {
-        if (event.getSource() != null
-                && event.getSource() instanceof TextField) {
-            TextField field = (TextField) event.getSource();
-            
-            if (field.getText().length() >= 4) {
-                if (event.getCharacter().matches("[0-9]")) {
-                    Robot robot = new Robot();
-                    robot.keyType(KeyCode.TAB);
-                }
+    void chkPilihanOnAction(ActionEvent event) {
+        CheckBox chkSource = (CheckBox) event.getSource();
+        FXMLLoader loader = new FXMLLoader();
+        Node node = null;
+        try {
+            switch (chkSource.getText()) {
+                case BAYAR_TUNAI:
+                    if (kumpulanContent.nodeTunai == null && chkSource.selectedProperty().get()) {
+                        loader.setLocation(getClass().getResource("/fxml/FormBayarTunai.fxml"));
+                        node = loader.load();
+
+                        vbContent.getChildren().add(node);
+                        kumpulanContent.nodeTunai = node;
+                    } else {
+                        if (kumpulanContent.nodeTunai != null) {
+                            vbContent.getChildren().remove(kumpulanContent.nodeTunai);
+                            kumpulanContent.nodeTunai = null;
+                        }
+                    }
+                    break;
+                case BAYAR_KARTU:
+                    if (kumpulanContent.nodeKartu == null && chkSource.selectedProperty().get()) {
+                        loader.setLocation(getClass().getResource("/fxml/FormBayarKartu.fxml"));
+                        node = loader.load();
+
+                        vbContent.getChildren().add(node);
+                        kumpulanContent.nodeKartu = node;
+                    } else {
+                        if (kumpulanContent.nodeKartu != null) {
+                            vbContent.getChildren().remove(kumpulanContent.nodeKartu);
+                            kumpulanContent.nodeKartu = null;
+                        }
+                    }
+                    break;
+                case BAYAR_RETUR:
+                    if (kumpulanContent.nodeRetur == null && chkSource.selectedProperty().get()) {
+                        loader.setLocation(getClass().getResource("/fxml/FormBayarRetur.fxml"));
+                        node = loader.load();
+
+                        vbContent.getChildren().add(node);
+                        kumpulanContent.nodeRetur = node;
+                    } else {
+                        if (kumpulanContent.nodeRetur != null) {
+                            vbContent.getChildren().remove(kumpulanContent.nodeRetur);
+                            kumpulanContent.nodeRetur = null;
+                        }
+                    }
+                    break;
+                case BAYAR_GOPAY:
+                    break;
+                case BAYAR_OVO:
+                    break;
+                case BAYAR_POIN:
+                    if (kumpulanContent.nodePoin == null && chkSource.selectedProperty().get()) {
+                        loader.setLocation(getClass().getResource("/fxml/FormBayarPoin.fxml"));
+                        node = loader.load();
+
+                        vbContent.getChildren().add(node);
+                        kumpulanContent.nodePoin = node;
+                    } else {
+                        if (kumpulanContent.nodePoin != null) {
+                            vbContent.getChildren().remove(kumpulanContent.nodePoin);
+                            kumpulanContent.nodePoin = null;
+                        }
+                    }
+                    break;
             }
+        } catch (IOException ex) {
+            Logger.getLogger(FormBayarController.class.getName()).log(Level.SEVERE, null, ex);
         }
     }
 }

src/main/java/id/amigogroup/posterminal/bayar/FormBayarKartuController.java

@@ -0,0 +1,63 @@
+/*
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+package id.amigogroup.posterminal.bayar;
+
+import id.amigogroup.posterminal.util.Fucout;
+import java.net.URL;
+import java.util.ResourceBundle;
+import javafx.fxml.FXML;
+import javafx.fxml.Initializable;
+import javafx.scene.control.TextField;
+import javafx.scene.input.KeyCode;
+import javafx.scene.input.KeyEvent;
+import javafx.scene.robot.Robot;
+
+/**
+ * FXML Controller class
+ *
+ * @author ronal
+ */
+public class FormBayarKartuController implements Initializable {
+
+    @FXML
+    private TextField fldNoKartu1;
+    @FXML
+    private TextField fldNoKartu2;
+    @FXML
+    private TextField fldNoKartu3;
+    @FXML
+    private TextField fldNoKartu4;
+
+    /**
+     * Initializes the controller class.
+     */
+    @Override
+    public void initialize(URL url, ResourceBundle rb) {
+        initComponents();
+    }
+
+    private void initComponents() {
+        Fucout.forceFieldInteger(fldNoKartu1, 4);
+        Fucout.forceFieldInteger(fldNoKartu2, 4);
+        Fucout.forceFieldInteger(fldNoKartu3, 4);
+        Fucout.forceFieldInteger(fldNoKartu4, 4);
+    }
+
+    @FXML
+    public void fldNomorKartuOnKeyTyped(KeyEvent event) {
+        if (event.getSource() != null
+                && event.getSource() instanceof TextField) {
+            TextField field = (TextField) event.getSource();
+
+            if (field.getText().length() >= 4) {
+                if (event.getCharacter().matches("[0-9]")) {
+                    Robot robot = new Robot();
+                    robot.keyType(KeyCode.TAB);
+                }
+            }
+        }
+    }
+}

src/main/java/id/amigogroup/posterminal/bayar/FormBayarOldController.java

@@ -0,0 +1,63 @@
+/*
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+package id.amigogroup.posterminal.bayar;
+
+import id.amigogroup.posterminal.util.Fucout;
+import java.net.URL;
+import java.util.ResourceBundle;
+import javafx.fxml.FXML;
+import javafx.fxml.Initializable;
+import javafx.scene.control.TextField;
+import javafx.scene.input.KeyCode;
+import javafx.scene.input.KeyEvent;
+import javafx.scene.robot.Robot;
+
+/**
+ * FXML Controller class
+ *
+ * @author ronal
+ */
+public class FormBayarOldController implements Initializable {
+
+    @FXML
+    private TextField fldNoKartu1;
+    @FXML
+    private TextField fldNoKartu2;
+    @FXML
+    private TextField fldNoKartu3;
+    @FXML
+    private TextField fldNoKartu4;
+
+    /**
+     * Initializes the controller class.
+     */
+    @Override
+    public void initialize(URL url, ResourceBundle rb) {
+        initComponents();
+    }
+
+    private void initComponents() {
+        Fucout.forceFieldInteger(fldNoKartu1, 4);
+        Fucout.forceFieldInteger(fldNoKartu2, 4);
+        Fucout.forceFieldInteger(fldNoKartu3, 4);
+        Fucout.forceFieldInteger(fldNoKartu4, 4);
+    }
+
+    @FXML
+    public void fldNomorKartuOnKeyTyped(KeyEvent event) {
+        if (event.getSource() != null
+                && event.getSource() instanceof TextField) {
+            TextField field = (TextField) event.getSource();
+            
+            if (field.getText().length() >= 4) {
+                if (event.getCharacter().matches("[0-9]")) {
+                    Robot robot = new Robot();
+                    robot.keyType(KeyCode.TAB);
+                }
+            }
+        }
+    }
+}

src/main/java/id/amigogroup/posterminal/bayar/FormBayarPoinController.java

@@ -0,0 +1,27 @@
+/*
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+package id.amigogroup.posterminal.bayar;
+
+import java.net.URL;
+import java.util.ResourceBundle;
+import javafx.fxml.Initializable;
+
+/**
+ * FXML Controller class
+ *
+ * @author ronal
+ */
+public class FormBayarPoinController implements Initializable {
+
+    /**
+     * Initializes the controller class.
+     */
+    @Override
+    public void initialize(URL url, ResourceBundle rb) {
+        // TODO
+    }    
+    
+}

src/main/java/id/amigogroup/posterminal/bayar/FormBayarReturController.java

@@ -0,0 +1,27 @@
+/*
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+package id.amigogroup.posterminal.bayar;
+
+import java.net.URL;
+import java.util.ResourceBundle;
+import javafx.fxml.Initializable;
+
+/**
+ * FXML Controller class
+ *
+ * @author ronal
+ */
+public class FormBayarReturController implements Initializable {
+
+    /**
+     * Initializes the controller class.
+     */
+    @Override
+    public void initialize(URL url, ResourceBundle rb) {
+        // TODO
+    }    
+    
+}

src/main/java/id/amigogroup/posterminal/bayar/FormBayarTunaiController.java

@@ -0,0 +1,27 @@
+/*
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+package id.amigogroup.posterminal.bayar;
+
+import java.net.URL;
+import java.util.ResourceBundle;
+import javafx.fxml.Initializable;
+
+/**
+ * FXML Controller class
+ *
+ * @author ronal
+ */
+public class FormBayarTunaiController implements Initializable {
+
+    /**
+     * Initializes the controller class.
+     */
+    @Override
+    public void initialize(URL url, ResourceBundle rb) {
+        // TODO
+    }    
+    
+}

src/main/resources/fxml/FormBayar.fxml

@@ -1,235 +1,79 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.geometry.Insets?>
-<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.CheckBox?>
 <?import javafx.scene.control.Label?>
-<?import javafx.scene.control.Separator?>
-<?import javafx.scene.control.TextField?>
+<?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.layout.AnchorPane?>
-<?import javafx.scene.layout.ColumnConstraints?>
-<?import javafx.scene.layout.GridPane?>
 <?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
+<?import javafx.scene.text.Text?>
 
-<AnchorPane id="AnchorPane" minHeight="-Infinity" minWidth="-Infinity" prefHeight="475.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="id.amigogroup.posterminal.bayar.FormBayarController">
+<AnchorPane id="AnchorPane" minHeight="-Infinity" minWidth="-Infinity" prefHeight="300.0" prefWidth="450.0" stylesheets="@../styles/pos_styles.css" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="id.amigogroup.posterminal.bayar.FormBayarController">
    <children>
-      <Label layoutX="14.0" layoutY="14.0" text="Poin" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0">
+      <Label layoutX="14.0" layoutY="14.0" text="Bayar" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0">
          <font>
             <Font name="System Bold" size="16.0" />
          </font>
       </Label>
-      <GridPane layoutX="14.0" layoutY="39.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="39.0">
-         <columnConstraints>
-            <ColumnConstraints hgrow="SOMETIMES" percentWidth="50.0" />
-            <ColumnConstraints hgrow="SOMETIMES" percentWidth="50.0" />
-         </columnConstraints>
-         <rowConstraints>
-            <RowConstraints vgrow="SOMETIMES" />
-         </rowConstraints>
-         <children>
-            <HBox alignment="CENTER_LEFT" maxWidth="1.7976931348623157E308" spacing="5.0">
+      <ScrollPane fitToHeight="true" layoutY="37.0" minHeight="0.0" minWidth="0.0" prefHeight="40.0" style="-fx-background-color: transparent;" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="37.0">
+         <content>
+            <HBox spacing="5.0">
                <children>
-                  <Label text="Nomor Member" />
-                  <Label text=": -">
+                  <CheckBox mnemonicParsing="false" onAction="#chkPilihanOnAction" text="Tunai">
                      <HBox.margin>
-                        <Insets />
+                        <Insets right="10.0" />
                      </HBox.margin>
-                  </Label>
-               </children>
-               <GridPane.margin>
-                  <Insets top="5.0" />
-               </GridPane.margin>
-            </HBox>
-            <HBox alignment="CENTER_LEFT" maxWidth="1.7976931348623157E308" spacing="5.0" GridPane.columnIndex="1">
-               <children>
-                  <Label text="Total Poin" />
-                  <Label text=": -">
+                  </CheckBox>
+                  <CheckBox mnemonicParsing="false" onAction="#chkPilihanOnAction" text="Debit/Kredit">
+                     <HBox.margin>
+                        <Insets right="10.0" />
+                     </HBox.margin>
+                  </CheckBox>
+                  <CheckBox mnemonicParsing="false" onAction="#chkPilihanOnAction" text="Voucher Retur" />
+                  <CheckBox mnemonicParsing="false" onAction="#chkPilihanOnAction" text="Gopay">
+                     <HBox.margin>
+                        <Insets right="10.0" />
+                     </HBox.margin>
+                  </CheckBox>
+                  <CheckBox mnemonicParsing="false" onAction="#chkPilihanOnAction" text="OVO">
                      <HBox.margin>
-                        <Insets />
+                        <Insets right="10.0" />
                      </HBox.margin>
-                  </Label>
+                  </CheckBox>
+                  <CheckBox mnemonicParsing="false" onAction="#chkPilihanOnAction" text="Poin">
+                     <HBox.margin>
+                        <Insets right="10.0" />
+                     </HBox.margin>
+                  </CheckBox>
                </children>
-               <GridPane.margin>
-                  <Insets top="5.0" />
-               </GridPane.margin>
             </HBox>
-         </children>
-      </GridPane>
-      <Separator layoutX="132.0" layoutY="69.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="69.0" />
-      <Label layoutX="14.0" layoutY="70.0" text="Bayar" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="70.0">
-         <font>
-            <Font name="System Bold" size="16.0" />
-         </font>
-      </Label>
-      <GridPane layoutX="14.0" layoutY="95.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="95.0">
-        <columnConstraints>
-          <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
-          <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
-        </columnConstraints>
-        <rowConstraints>
-          <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-          <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-          <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-        </rowConstraints>
+         </content>
+         <padding>
+            <Insets bottom="5.0" left="14.0" right="14.0" top="5.0" />
+         </padding>
+      </ScrollPane>
+      <ScrollPane fitToWidth="true" layoutY="73.0" style="-fx-background-color: transparent;" AnchorPane.bottomAnchor="55.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="73.0">
+         <content>
+            <VBox fx:id="vbContent" />
+         </content>
+      </ScrollPane>
+      <StackPane id="price-background" alignment="CENTER_RIGHT" layoutX="77.0" layoutY="245.0" maxHeight="1.7976931348623157E308" prefHeight="55.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
          <children>
-            <Label text="Total Harga">
-               <GridPane.margin>
-                  <Insets bottom="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="5.0" right="2.5" />
-               </GridPane.margin>
-            </TextField>
-            <Label text="Diskon" GridPane.rowIndex="1">
-               <GridPane.margin>
-                  <Insets bottom="2.5" top="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="1">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-            </TextField>
-            <Label text="Total Retur" GridPane.rowIndex="2">
-               <GridPane.margin>
-                  <Insets bottom="2.5" top="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="2">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-            </TextField>
-            <Label text="Bayar via Poin" GridPane.rowIndex="3">
-               <GridPane.margin>
-                  <Insets bottom="2.5" top="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="3">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-            </TextField>
-            <TextField alignment="CENTER_RIGHT" disable="true" GridPane.columnIndex="2" GridPane.rowIndex="3">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="2.5" top="2.5" />
-               </GridPane.margin>
-            </TextField>
-            <Label text="Sisa Bayar" GridPane.rowIndex="4">
-               <GridPane.margin>
-                  <Insets top="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="4">
-               <GridPane.margin>
-                  <Insets left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-            </TextField>
-         </children>
-      </GridPane>
-      <Separator layoutY="249.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="249.0" />
-      <Label layoutX="14.0" layoutY="250.0" text="Tunai" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="250.0">
-         <font>
-            <Font name="System Bold" size="16.0" />
-         </font>
-      </Label>
-      <GridPane layoutX="14.0" layoutY="269.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="269.0">
-         <columnConstraints>
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
-         </columnConstraints>
-         <rowConstraints>
-            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-         </rowConstraints>
-         <children>
-            <Label text="Bayar">
-               <GridPane.margin>
-                  <Insets bottom="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="5.0" right="2.5" />
-               </GridPane.margin>
-            </TextField>
-            <Label text="Kembalian" GridPane.rowIndex="1">
-               <GridPane.margin>
-                  <Insets top="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="1">
-               <GridPane.margin>
-                  <Insets left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-            </TextField>
-         </children>
-      </GridPane>
-      <Separator layoutY="345.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="345.0" />
-      <Label layoutX="15.0" layoutY="346.0" text="Non Tunai">
-         <font>
-            <Font name="System Bold" size="16.0" />
-         </font>
-      </Label>
-      <GridPane layoutX="14.0" layoutY="371.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="371.0">
-         <columnConstraints>
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
-            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
-         </columnConstraints>
-         <rowConstraints>
-            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
-         </rowConstraints>
-         <children>
-            <Label text="Nama Bank">
-               <GridPane.margin>
-                  <Insets bottom="2.5" />
-               </GridPane.margin>
-            </Label>
-            <ComboBox maxWidth="1.7976931348623157E308" GridPane.columnIndex="1">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-            </ComboBox>
-            <Label text="Nomor Kartu" GridPane.rowIndex="1">
-               <GridPane.margin>
-                  <Insets bottom="2.5" top="2.5" />
-               </GridPane.margin>
-            </Label>
-            <HBox spacing="5.0" GridPane.columnIndex="1" GridPane.columnSpan="2" GridPane.rowIndex="1">
-               <GridPane.margin>
-                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-               <children>
-                  <TextField fx:id="fldNoKartu1" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
-                  <TextField fx:id="fldNoKartu2" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
-                  <TextField fx:id="fldNoKartu3" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
-                  <TextField fx:id="fldNoKartu4" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
-               </children>
-            </HBox>
-            <Label text="Nomor Validasi" GridPane.rowIndex="2">
-               <GridPane.margin>
-                  <Insets bottom="2.5" top="2.5" />
-               </GridPane.margin>
-            </Label>
-            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="2">
-               <GridPane.margin>
-                  <Insets left="5.0" right="2.5" top="2.5" />
-               </GridPane.margin>
-            </TextField>
+            <Text fx:id="lblGrandTotal" fill="#fbff00" strokeType="OUTSIDE" strokeWidth="0.0" text="Rp99.999.999,00">
+               <font>
+                  <Font name="System Bold" size="36.0" />
+               </font>
+               <StackPane.margin>
+                  <Insets right="14.0" />
+               </StackPane.margin>
+            </Text>
          </children>
-      </GridPane>
+         <opaqueInsets>
+            <Insets />
+         </opaqueInsets>
+      </StackPane>
    </children>
 </AnchorPane>

src/main/resources/fxml/FormBayarKartu.fxml

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Separator?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.text.Font?>
+
+<AnchorPane id="AnchorPane" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="id.amigogroup.posterminal.bayar.FormBayarKartuController">
+   <children>
+      <Separator layoutX="30.0" layoutY="13.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="5.0" />
+      <Label layoutX="15.0" layoutY="14.0" text="Non Tunai" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0">
+         <font>
+            <Font size="16.0" />
+         </font>
+      </Label>
+      <GridPane layoutX="14.0" layoutY="39.0" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="39.0">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+         </rowConstraints>
+         <children>
+            <Label text="Nama Bank">
+               <GridPane.margin>
+                  <Insets bottom="2.5" />
+               </GridPane.margin>
+            </Label>
+            <ComboBox maxWidth="1.7976931348623157E308" GridPane.columnIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </ComboBox>
+            <Label text="Nomor Kartu" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <HBox spacing="5.0" GridPane.columnIndex="1" GridPane.columnSpan="2" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+               <children>
+                  <TextField fx:id="fldNoKartu1" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+                  <TextField fx:id="fldNoKartu2" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+                  <TextField fx:id="fldNoKartu3" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+                  <TextField fx:id="fldNoKartu4" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+               </children>
+            </HBox>
+            <Label text="Nomor Validasi" GridPane.rowIndex="2">
+               <GridPane.margin>
+                  <Insets bottom="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="2">
+               <GridPane.margin>
+                  <Insets left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+         </children>
+      </GridPane>
+   </children>
+</AnchorPane>

src/main/resources/fxml/FormBayarOld.fxml

@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Separator?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.text.Font?>
+
+<AnchorPane id="AnchorPane" minHeight="-Infinity" minWidth="-Infinity" prefHeight="475.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="id.amigogroup.posterminal.bayar.FormBayarOldController">
+   <children>
+      <Label layoutX="14.0" layoutY="14.0" text="Poin" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0">
+         <font>
+            <Font name="System Bold" size="16.0" />
+         </font>
+      </Label>
+      <GridPane layoutX="14.0" layoutY="39.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="39.0">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" percentWidth="50.0" />
+            <ColumnConstraints hgrow="SOMETIMES" percentWidth="50.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints vgrow="SOMETIMES" />
+         </rowConstraints>
+         <children>
+            <HBox alignment="CENTER_LEFT" maxWidth="1.7976931348623157E308" spacing="5.0">
+               <children>
+                  <Label text="Nomor Member" />
+                  <Label text=": -">
+                     <HBox.margin>
+                        <Insets />
+                     </HBox.margin>
+                  </Label>
+               </children>
+               <GridPane.margin>
+                  <Insets top="5.0" />
+               </GridPane.margin>
+            </HBox>
+            <HBox alignment="CENTER_LEFT" maxWidth="1.7976931348623157E308" spacing="5.0" GridPane.columnIndex="1">
+               <children>
+                  <Label text="Total Poin" />
+                  <Label text=": -">
+                     <HBox.margin>
+                        <Insets />
+                     </HBox.margin>
+                  </Label>
+               </children>
+               <GridPane.margin>
+                  <Insets top="5.0" />
+               </GridPane.margin>
+            </HBox>
+         </children>
+      </GridPane>
+      <Separator layoutX="132.0" layoutY="69.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="69.0" />
+      <Label layoutX="14.0" layoutY="70.0" text="Bayar" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="70.0">
+         <font>
+            <Font name="System Bold" size="16.0" />
+         </font>
+      </Label>
+      <GridPane layoutX="14.0" layoutY="95.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="95.0">
+        <columnConstraints>
+          <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
+          <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
+        </columnConstraints>
+        <rowConstraints>
+          <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+          <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+          <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+        </rowConstraints>
+         <children>
+            <Label text="Total Harga">
+               <GridPane.margin>
+                  <Insets bottom="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text="Diskon" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text="Total Retur" GridPane.rowIndex="2">
+               <GridPane.margin>
+                  <Insets bottom="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="2">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text="Bayar via Poin" GridPane.rowIndex="3">
+               <GridPane.margin>
+                  <Insets bottom="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="3">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <TextField alignment="CENTER_RIGHT" disable="true" GridPane.columnIndex="2" GridPane.rowIndex="3">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text="Sisa Bayar" GridPane.rowIndex="4">
+               <GridPane.margin>
+                  <Insets top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="4">
+               <GridPane.margin>
+                  <Insets left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+         </children>
+      </GridPane>
+      <Separator layoutY="249.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="249.0" />
+      <Label layoutX="14.0" layoutY="250.0" text="Tunai" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="250.0">
+         <font>
+            <Font name="System Bold" size="16.0" />
+         </font>
+      </Label>
+      <GridPane layoutX="14.0" layoutY="269.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="269.0">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+         </rowConstraints>
+         <children>
+            <Label text="Bayar">
+               <GridPane.margin>
+                  <Insets bottom="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text="Kembalian" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+         </children>
+      </GridPane>
+      <Separator layoutY="345.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="345.0" />
+      <Label layoutX="15.0" layoutY="346.0" text="Non Tunai">
+         <font>
+            <Font name="System Bold" size="16.0" />
+         </font>
+      </Label>
+      <GridPane layoutX="14.0" layoutY="371.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="371.0">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+         </rowConstraints>
+         <children>
+            <Label text="Nama Bank">
+               <GridPane.margin>
+                  <Insets bottom="2.5" />
+               </GridPane.margin>
+            </Label>
+            <ComboBox maxWidth="1.7976931348623157E308" GridPane.columnIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </ComboBox>
+            <Label text="Nomor Kartu" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <HBox spacing="5.0" GridPane.columnIndex="1" GridPane.columnSpan="2" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+               <children>
+                  <TextField fx:id="fldNoKartu1" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+                  <TextField fx:id="fldNoKartu2" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+                  <TextField fx:id="fldNoKartu3" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+                  <TextField fx:id="fldNoKartu4" alignment="CENTER_RIGHT" onKeyTyped="#fldNomorKartuOnKeyTyped" prefWidth="75.0" />
+               </children>
+            </HBox>
+            <Label text="Nomor Validasi" GridPane.rowIndex="2">
+               <GridPane.margin>
+                  <Insets bottom="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="2">
+               <GridPane.margin>
+                  <Insets left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+         </children>
+      </GridPane>
+   </children>
+</AnchorPane>

src/main/resources/fxml/FormBayarPoin.fxml

@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Separator?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.text.Font?>
+
+
+<AnchorPane id="AnchorPane" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/11.0.1" fx:controller="id.amigogroup.posterminal.bayar.FormBayarPoinController">
+   <children>
+      <Label layoutX="14.0" layoutY="14.0" text="Poin" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0">
+         <font>
+            <Font size="16.0" />
+         </font>
+      </Label>
+      <GridPane layoutX="14.0" layoutY="39.0" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="39.0">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="75.0" minWidth="10.0" prefWidth="75.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints halignment="RIGHT" hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="30.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="40.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+         </rowConstraints>
+         <children>
+            <Label text="Kode Diskon" GridPane.rowSpan="2">
+               <GridPane.margin>
+                  <Insets />
+               </GridPane.margin>
+            </Label>
+            <Label text="Poin" GridPane.columnIndex="2">
+               <GridPane.margin>
+                  <Insets bottom="2.5" right="2.5" />
+               </GridPane.margin>
+            </Label>
+            <Label text="Redeem Poin" GridPane.columnIndex="2" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets right="2.5" top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="3" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets left="5.0" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text=": -" GridPane.columnIndex="3">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" />
+               </GridPane.margin>
+            </Label>
+            <ComboBox maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.rowSpan="2">
+               <GridPane.margin>
+                  <Insets left="5.0" right="2.5" />
+               </GridPane.margin>
+            </ComboBox>
+         </children>
+      </GridPane>
+      <Separator layoutX="65.0" layoutY="13.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="5.0" />
+   </children>
+</AnchorPane>

src/main/resources/fxml/FormBayarRetur.fxml

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Separator?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.text.Font?>
+
+
+<AnchorPane id="AnchorPane" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/11.0.1" fx:controller="id.amigogroup.posterminal.bayar.FormBayarReturController">
+   <children>
+      <Label layoutX="14.0" layoutY="14.0" text="Voucher Retur" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0">
+         <font>
+            <Font size="16.0" />
+         </font>
+      </Label>
+      <GridPane layoutX="14.0" layoutY="39.0" prefWidth="400.0" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="39.0">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+         </rowConstraints>
+         <children>
+            <Label text="Nomor Urut Retur">
+               <GridPane.margin>
+                  <Insets bottom="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="5.0" right="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text="Total Sisa" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="2">
+               <GridPane.margin>
+                  <Insets bottom="2.5" left="2.5" />
+               </GridPane.margin>
+            </TextField>
+         </children>
+      </GridPane>
+      <Separator layoutX="6.0" layoutY="13.0" prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="5.0" />
+   </children>
+</AnchorPane>

src/main/resources/fxml/FormBayarTunai.fxml

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Separator?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.text.Font?>
+
+<AnchorPane id="AnchorPane" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="id.amigogroup.posterminal.bayar.FormBayarTunaiController">
+   <Separator prefWidth="200.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="5.0" />
+    <Label layoutX="14.0" layoutY="14.0" text="Tunai" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="14.0">
+      <font>
+         <Font size="16.0" />
+      </font></Label>
+      <GridPane layoutX="14.0" layoutY="39.0" prefWidth="400.0" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="39.0">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="100.0" minWidth="10.0" prefWidth="100.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="150.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="50.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
+         </rowConstraints>
+         <children>
+            <Label text="Bayar">
+               <GridPane.margin>
+                  <Insets bottom="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1">
+               <GridPane.margin>
+               <Insets bottom="2.5" left="5.0" right="2.5" />
+               </GridPane.margin>
+            </TextField>
+            <Label text="Kembalian" GridPane.rowIndex="1">
+               <GridPane.margin>
+                  <Insets top="2.5" />
+               </GridPane.margin>
+            </Label>
+            <TextField alignment="CENTER_RIGHT" GridPane.columnIndex="1" GridPane.rowIndex="1">
+               <GridPane.margin>
+               <Insets left="5.0" right="2.5" top="2.5" />
+               </GridPane.margin>
+            </TextField>
+         </children>
+      </GridPane>
+</AnchorPane>