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

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane xmlns="http://javafx.com/javafx"
            xmlns:fx="http://javafx.com/fxml"
            prefHeight="-Infinity" prefWidth="-Infinity"
            style="-fx-background-color: #F5F5F5;">

    <BorderPane>
        <top>
            <VBox alignment="CENTER" spacing="10">
                <Label text="Temperature (°C)"  style="-fx-font-size: 18px; -fx-font-weight: bold"/>
                <HBox alignment="CENTER" spacing="10">
                    <Spinner fx:id="tempSpinner" editable="true" style="-fx-background-color: white; -fx-font-size: 16px;"></Spinner>
                    <Button text="Update" style="-fx-background-color: #007bff; -fx-text-fill: white; -fx-font-size: 16px;"/>
                </HBox>
            </VBox>
        </top>
        <center>
            <TreeView fx:id="tree" style="-fx-background-color: white;">
            </TreeView>
        </center>
        <right>
            <VBox fx:id="vbox_droite" style="-fx-background-color: darksalmon;" spacing="10">
                <GridPane>
                    <Label fx:id="nameLabel" text="Name: " style="-fx-font-size: 18px; -fx-font-weight: bold" GridPane.columnIndex="0" GridPane.rowIndex="0" />
                    <TextField fx:id="nameField" style="-fx-font-size: 16px;" GridPane.columnIndex="1" GridPane.rowIndex="0" />
                    <Label fx:id="weightLabel" text="Weight: " style="-fx-font-size: 18px; -fx-font-weight: bold" GridPane.columnIndex="0" GridPane.rowIndex="1" />
                    <TextField fx:id="weightField" style="-fx-font-size: 16px;" GridPane.columnIndex="1" GridPane.rowIndex="1" />
                    <Label fx:id="tempLabel" text="Temperature: " style="-fx-font-size: 18px; -fx-font-weight: bold" GridPane.columnIndex="0" GridPane.rowIndex="2" />
                    <TextField fx:id="tempField" style="-fx-font-size: 16px;" GridPane.columnIndex="1" GridPane.rowIndex="2" />
                </GridPane>
                <TableView fx:id="tableview"></TableView>
            </VBox>
        </right>

    </BorderPane>

</AnchorPane>
