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

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Slider?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.layout.TilePane?>

<AnchorPane id="AnchorPane" fx:id="rootPane" prefHeight="384.0" prefWidth="560.0" style="-fx-background-color: black;" stylesheets="@../styles/style.css" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jace.JaceUIController">
    <children>
      <StackPane fx:id="stackPane" prefHeight="384.0" prefWidth="560.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
         <children>
            <ImageView fx:id="appleScreen" fitHeight="384.0" fitWidth="560.0" pickOnBounds="true" style="-fx-background-color: BLACK;" />
            <HBox fx:id="notificationBox" alignment="BOTTOM_RIGHT" blendMode="SCREEN" fillHeight="false" maxHeight="45.0" mouseTransparent="true" prefHeight="45.0" prefWidth="560.0" StackPane.alignment="BOTTOM_CENTER" />
            <AnchorPane fx:id="menuButtonPane" prefHeight="200.0" prefWidth="200.0">
               <children>
                  <Button fx:id="menuButton" layoutX="494.0" layoutY="14.0" mnemonicParsing="false" styleClass="menuButton" text="☰" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="14.0" />
               </children>
            </AnchorPane>
            <BorderPane fx:id="controlOverlay" visible="false">
               <center>
                  <HBox maxHeight="64.0" prefHeight="64.0" styleClass="uiSpeedSlider" BorderPane.alignment="CENTER">
                     <children>
                        <Pane prefHeight="200.0" prefWidth="200.0" HBox.hgrow="SOMETIMES" />
                        <AnchorPane>
                           <children>
                              <ImageView layoutX="2.0" layoutY="2.0">
                                 <image>
                                    <Image url="@../styles/icons/slow.png" />
                                 </image>
                              </ImageView>
                           </children>
                        </AnchorPane>
                        <Slider fx:id="speedSlider" blockIncrement="1.0" majorTickUnit="5.0" max="10.0" minorTickCount="5" prefHeight="64.0" prefWidth="300.0" showTickLabels="true" showTickMarks="true" snapToTicks="true" value="1.0" HBox.hgrow="ALWAYS">
                           <HBox.margin>
                              <Insets />
                           </HBox.margin>
                           <padding>
                              <Insets top="18.0" />
                           </padding>
                        </Slider>
                        <AnchorPane>
                           <children>
                              <ImageView layoutX="2.0" layoutY="2.0">
                                 <image>
                                    <Image url="@../styles/icons/fast.png" />
                                 </image>
                              </ImageView>
                           </children>
                        </AnchorPane>
                        <Pane prefHeight="200.0" prefWidth="200.0" HBox.hgrow="SOMETIMES" />
                     </children>
                  </HBox>
               </center>
               <top>
                  <HBox fillHeight="false" nodeOrientation="LEFT_TO_RIGHT" BorderPane.alignment="CENTER">
                     <children>
                        <TilePane hgap="5.0" nodeOrientation="LEFT_TO_RIGHT" vgap="5.0" HBox.hgrow="SOMETIMES">
                           <children>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Info">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/info.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Config">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/config.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                           </children>
                        </TilePane>
                        <TilePane alignment="TOP_RIGHT" hgap="5.0" vgap="5.0" HBox.hgrow="ALWAYS">
                           <children>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="IDE">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/ide.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Inspect">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/inspect.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                              <Button alignment="TOP_LEFT" contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Plug-in" TilePane.alignment="TOP_RIGHT">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/plugin.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                           </children>
                        </TilePane>
                     </children>
                  </HBox>
               </top>
               <bottom>
                  <HBox fillHeight="false" nodeOrientation="LEFT_TO_RIGHT" BorderPane.alignment="CENTER">
                     <children>
                        <TilePane hgap="5.0" nodeOrientation="LEFT_TO_RIGHT" vgap="5.0" HBox.hgrow="SOMETIMES">
                           <children>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Fullscreen">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/fullscreen.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Aspect">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/aspect.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Gfx Mode">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/screenshot.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                           </children>
                        </TilePane>
                        <TilePane alignment="TOP_RIGHT" hgap="5.0" vgap="5.0" HBox.hgrow="ALWAYS">
                           <children>
                              <Button contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Play">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/play.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                              <Button alignment="TOP_LEFT" contentDisplay="TOP" mnemonicParsing="false" styleClass="uiActionButton" text="Restart" TilePane.alignment="TOP_RIGHT">
                                 <graphic>
                                    <ImageView>
                                       <image>
                                          <Image url="@../styles/icons/reboot.png" />
                                       </image>
                                    </ImageView>
                                 </graphic>
                              </Button>
                           </children>
                        </TilePane>
                     </children>
                  </HBox>
               </bottom>
               <StackPane.margin>
                  <Insets />
               </StackPane.margin>
               <padding>
                  <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
               </padding>
            </BorderPane>
         </children>
      </StackPane>
    </children>
</AnchorPane>
