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

<?import com.jfoenix.controls.JFXButton?>
<?import com.jfoenix.controls.JFXRippler?>
<?import com.jfoenix.controls.JFXToolbar?>
<?import de.jensd.fx.glyphs.materialdesignicons.MaterialDesignIconView?>
<?import java.lang.String?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.effect.DropShadow?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.paint.RadialGradient?>
<?import javafx.scene.paint.Stop?>
<?import javafx.scene.shape.Circle?>

<StackPane fx:id="mainContainer" onMouseDragged="#onDragged" onMousePressed="#onPressed" onMouseReleased="#onReleased" stylesheets="@../css/light-theme.css" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="info.cortestudios.controllers.DashboardController">
   <children>
      <BorderPane styleClass="background-3">
         <top>
            <JFXToolbar styleClass="background-5" BorderPane.alignment="TOP_LEFT">
               <top>
                  <HBox BorderPane.alignment="CENTER">
                     <children>
                        <JFXButton fx:id="menuButton" buttonType="RAISED" minHeight="-Infinity" minWidth="-Infinity" prefHeight="40.0" prefWidth="40.0" text=" " textFill="#f1f1f1" HBox.hgrow="ALWAYS">
                           <ripplerFill>
                              <RadialGradient centerX="0.5" centerY="0.5" radius="0.5">
                                 <stops>
                                    <Stop color="#57a2cd" />
                                    <Stop color="WHITE" offset="1.0" />
                                 </stops>
                              </RadialGradient>
                           </ripplerFill>
                           <styleClass>
                              <String fx:value="button-2" />
                              <String fx:value="hand-mode" />
                           </styleClass>
                           <graphic>
                              <MaterialDesignIconView fill="WHITE" glyphName="MENU" size="22" styleClass="icons-1" wrappingWidth="18.0" />
                           </graphic>
                           <HBox.margin>
                              <Insets bottom="5.0" left="10.0" right="5.0" top="7.0" />
                           </HBox.margin>
                        </JFXButton>
                        <HBox alignment="TOP_RIGHT" prefHeight="56.0" prefWidth="1205.0" HBox.hgrow="ALWAYS">
                           <children>
                              <Label fx:id="fps" text="0" visible="false">
                                 <HBox.margin>
                                    <Insets right="500.0" top="20.0" />
                                 </HBox.margin>
                              </Label>
                           </children>
                        </HBox>
                        <JFXRippler fx:id="ripple">
                           <children>
                              <Circle fx:id="profileCircleImg" fill="WHITE" onMouseClicked="#showPopup" radius="24.0" stroke="BLACK" strokeType="INSIDE">
                                 <styleClass>
                                    <String fx:value="hand-mode" />
                                    <String fx:value="profile-image-background" />
                                 </styleClass>
                              </Circle>
                           </children>
                           <HBox.margin>
                              <Insets right="35.0" />
                           </HBox.margin>
                        </JFXRippler>
                     </children>
                  </HBox>
               </top>
               <BorderPane.margin>
                  <Insets left="7.0" right="7.0" top="7.0" />
               </BorderPane.margin>
               <effect>
                  <DropShadow color="#979fda" height="54.43" radius="25.355" width="48.99" />
               </effect>
            </JFXToolbar>
         </top>
         <effect>
            <DropShadow />
         </effect>
         <center>
            <AnchorPane fx:id="uiContainer" BorderPane.alignment="CENTER" />
         </center>
      </BorderPane>
<!--      <JFXDrawer fx:id="drawer" alignment="CENTER_LEFT" defaultDrawerSize="340.0" direction="LEFT" visible="false" StackPane.alignment="CENTER_LEFT" />-->
   </children>
</StackPane>