<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<BorderPane prefHeight="300.0" prefWidth="350.0" stylesheets="@counter.css" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="counter.Controller">
    <center>
        <GridPane alignment="center" hgap="10" vgap="10">
            <rowConstraints>
                <RowConstraints minHeight="10.0" prefHeight="40.0" />
                <RowConstraints minHeight="10.0" prefHeight="40.0" />
                <RowConstraints minHeight="10.0" prefHeight="40.0" />
                <RowConstraints minHeight="10.0" prefHeight="40.0" />
            </rowConstraints>
            <columnConstraints>
                <ColumnConstraints minWidth="10.0" prefWidth="175.0" />
                <ColumnConstraints minWidth="10.0" prefWidth="100.0" />
                <ColumnConstraints minWidth="10.0" prefWidth="100.0" />
            </columnConstraints>
            <children>
                <TextField text="Counter A" styleClass="label" alignment="CENTER" editable="False" focusTraversable="false" />
                <TextField fx:id="counterAField" editable="false" alignment="CENTER" text="0" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.rowIndex="0" focusTraversable="false" />
                <Button fx:id="startA" text="Start A" mnemonicParsing="false" onAction="#startUpCounterA" GridPane.columnIndex="2" GridPane.halignment="CENTER"  />
                <TextField text="Counter B" styleClass="label" alignment="CENTER" editable="False" prefHeight="37.0" prefWidth="55.0" GridPane.rowIndex="1" focusTraversable="false"  />
                <TextField fx:id="counterBField" editable="False" alignment="CENTER" text="0" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.rowIndex="1" focusTraversable="false"  />
                <Button fx:id="startB" text="Start B" mnemonicParsing="false" onAction="#startUpCounterB" GridPane.columnIndex="2" GridPane.halignment="CENTER" GridPane.rowIndex="1" />
                <TextField text="Target Sum: A + B" styleClass="label" alignment="CENTER" editable="False" prefHeight="37.0" prefWidth="125.0" GridPane.halignment="CENTER" GridPane.rowIndex="2" focusTraversable="false"  />
                <TextField fx:id="arithSumField" editable="False" alignment="CENTER" text="" GridPane.columnIndex="1" GridPane.rowIndex="2" focusTraversable="false"  />
                <Button fx:id="pauseButton" disable="true" onAction="#clickPause" text="Pause" GridPane.columnIndex="2" GridPane.halignment="CENTER" GridPane.rowIndex="2" GridPane.valignment="CENTER" />
                <TextField text="Actual counter" styleClass="label" alignment="CENTER" editable="False" prefHeight="37.0" prefWidth="100.0" GridPane.halignment="CENTER" GridPane.rowIndex="3" focusTraversable="false"  />
                <TextField fx:id="computedSumField" editable="False" alignment="CENTER" text="0" GridPane.columnIndex="1" GridPane.rowIndex="3" focusTraversable="false"  />
            </children>
        </GridPane>
    </center>
    <top>
        <Pane maxHeight="-Infinity" prefHeight="20.0" prefWidth="100.0" BorderPane.alignment="CENTER" />
    </top>
    <left>
        <Pane prefHeight="200.0" prefWidth="45.0" BorderPane.alignment="CENTER" />
    </left>
    <bottom>
        <Pane maxHeight="-Infinity" prefHeight="20.0" prefWidth="100.0" BorderPane.alignment="CENTER" />
    </bottom>
    <right>
        <Pane prefHeight="107.0" prefWidth="26.0" BorderPane.alignment="CENTER" />
    </right>
</BorderPane>
