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

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.Font?>
<SplitPane xmlns:fx="http://javafx.com/fxml/1" fx:id="race" dividerPositions="0.7" visible="false" AnchorPane.bottomAnchor="0.0"
           AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"
           xmlns="http://javafx.com/javafx/8" fx:controller="seng302.Controllers.RaceController">
    <items>
        <GridPane fx:id="canvasBase">
            <columnConstraints>
                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"/>
            </columnConstraints>
            <rowConstraints>
                <RowConstraints minHeight="10.0" vgrow="SOMETIMES"/>
            </rowConstraints>
            <children>
                <Pane prefHeight="200.0" prefWidth="400.0" GridPane.halignment="LEFT" GridPane.valignment="TOP">
                    <children>
                        <Accordion>
                            <panes>
                                <TitledPane animated="false" text="Annotation Control">
                                    <content>
                                        <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="240.0" prefWidth="200.0">
                                            <children>
                                                <CheckBox fx:id="showBoatPath" mnemonicParsing="false" selected="true"
                                                          text="Show Boat Paths" AnchorPane.leftAnchor="0.0"
                                                          AnchorPane.topAnchor="104.0"/>
                                                <CheckBox fx:id="showAnnotations" layoutX="-2.0" layoutY="14.0"
                                                          mnemonicParsing="false" selected="true"
                                                          text="Show Annotations" AnchorPane.leftAnchor="0.0"
                                                          AnchorPane.topAnchor="0.0"/>
                                                <CheckBox fx:id="showName" layoutY="39.0" mnemonicParsing="false"
                                                          selected="true" text="Show Boat Name"
                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="26.0"/>
                                                <CheckBox fx:id="showAbbrev" layoutY="61.0" mnemonicParsing="false"
                                                          selected="true" text="Show Boat Abbreviation"
                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="52.0"/>
                                                <CheckBox fx:id="showSpeed" layoutY="90.0" mnemonicParsing="false"
                                                          selected="true" text="Show Boat Speed"
                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="78.0"/>
                                                <Button fx:id="saveAnno" layoutX="11.0" layoutY="106.0" maxWidth="154.0"
                                                        mnemonicParsing="false" prefWidth="154.0" text="Save Annotation"
                                                        AnchorPane.topAnchor="130.0"/>
                                                <Button fx:id="showSetAnno" layoutX="11.0" layoutY="139.0"
                                                        mnemonicParsing="false" text="Show Set Annotation"
                                                        AnchorPane.topAnchor="160.0"/>
                                            </children>
                                        </AnchorPane>
                                    </content>
                                </TitledPane>
                                <TitledPane animated="false" text="FPS Control">
                                    <content>
                                        <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0">
                                            <children>
                                                <CheckBox fx:id="showFPS" layoutX="-14.0" layoutY="13.0"
                                                          mnemonicParsing="false" selected="true" text="Show FPS"
                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0"/>
                                            </children>
                                        </AnchorPane>
                                    </content>
                                </TitledPane>
                            </panes>
                        </Accordion>
                    </children>
                </Pane>
                <Label fx:id="timer" layoutX="45.0" layoutY="146.0" maxHeight="20.0" text="0:0"
                       AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" GridPane.halignment="RIGHT"
                       GridPane.valignment="BOTTOM">
                    <font>
                        <Font name="System Bold" size="15.0"/>
                    </font>
                </Label>
                <Label fx:id="FPS" text="FPS: 0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0"
                       GridPane.halignment="LEFT" GridPane.valignment="BOTTOM">
                    <font>
                        <Font name="System Bold" size="15.0"/>
                    </font>
                </Label>
                <Label fx:id="timeZone" text="Label" GridPane.halignment="RIGHT" GridPane.valignment="BOTTOM">
                    <GridPane.margin>
                        <Insets bottom="20.0"/>
                    </GridPane.margin>
                    <font>
                        <Font name="System Bold" size="15.0"/>
                    </font>
                </Label>
            </children>
        </GridPane>
        <AnchorPane layoutX="450.0" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="200.0"
                    GridPane.columnIndex="1">
            <children>
                <TableView fx:id="boatInfoTable" layoutX="-2.0" prefHeight="600.0" prefWidth="264.0"
                           AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="-2.0" AnchorPane.rightAnchor="-62.0"
                           AnchorPane.topAnchor="0.0">
                    <columns>
                        <TableColumn fx:id="boatPlacingColumn" prefWidth="50.0" text="Place"/>
                        <TableColumn fx:id="boatTeamColumn" prefWidth="100.0" text="Team"/>
                        <TableColumn fx:id="boatMarkColumn" prefWidth="130.0" text="Mark"/>
                        <TableColumn fx:id="boatSpeedColumn" prefWidth="75.0" text="Speed"/>
                    </columns>
                </TableView>
            </children>
        </AnchorPane>
    </items>
</SplitPane>
