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

<!-- PolyShapes.fxml -->
<!-- GUI for manipulating a Polyline, a Polygon -->

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.RadioButton?>
<?import javafx.scene.control.TitledPane?>
<?import javafx.scene.control.ToggleGroup?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.shape.Path?>
<?import javafx.scene.shape.Polygon?>
<?import javafx.scene.shape.Polyline?>

<BorderPane prefHeight="200.0" prefWidth="400.0" stylesheets="@PolyShapes.css" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="PolyShapesController">
   <left>
      <VBox prefHeight="200.0" prefWidth="100.0" spacing="8.0" BorderPane.alignment="CENTER">
         <children>
            <TitledPane text="Select Type">
               <content>
                  <VBox spacing="8.0">
                     <children>
                        <RadioButton fx:id="polylineRadioButton" mnemonicParsing="false" onAction="#shapeRadioButtonSelected" selected="true" text="Polyline">
                           <toggleGroup>
                              <ToggleGroup fx:id="toggleGroup" />
                           </toggleGroup></RadioButton>
                        <RadioButton fx:id="polygonRadioButton" mnemonicParsing="false" onAction="#shapeRadioButtonSelected" text="Polygon" toggleGroup="$toggleGroup" />
                        <RadioButton fx:id="pathRadioButton" mnemonicParsing="false" onAction="#shapeRadioButtonSelected" text="Path" toggleGroup="$toggleGroup" />
                     </children>
                  </VBox>
               </content>
            </TitledPane>
            <Button fx:id="clearButton" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#clearButtonPressed" text="Clear" />
         </children>
      </VBox>
   </left>
   <padding>
      <Insets bottom="8.0" left="8.0" right="8.0" top="8.0" />
   </padding>
   <center>
      <Pane onMouseClicked="#drawingAreaMouseClicked" prefHeight="200.0" prefWidth="200.0" style="-fx-background-color: white;" BorderPane.alignment="CENTER">
         <BorderPane.margin>
            <Insets left="8.0" />
         </BorderPane.margin>
         <children>
            <Polyline fx:id="polyline" layoutX="0.0" layoutY="0.0" visible="false" />
            <Polygon fx:id="polygon" layoutX="0.0" layoutY="0.0" visible="false" />
            <Path fx:id="path" layoutX="0.0" layoutY="0.0" visible="false" />
         </children>
      </Pane>
   </center>
</BorderPane>