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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.text.Text?>

<BorderPane fx:id="bp" maxHeight="-Infinity" prefHeight="700.0" prefWidth="1100.0" style="-fx-background-color: transparent;" stylesheets="@test.css" xmlns="http://javafx.com/javafx/19" xmlns:fx="http://javafx.com/fxml/1" fx:controller="hoteldraft.LoggedInController">
   <left>
      <VBox fx:id="navVBox" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="875.0" prefWidth="245.0" style="-fx-background-color: #1A374D; -fx-background-radius: 30 0 0 30;" stylesheets="@test.css" BorderPane.alignment="CENTER">
         <children>
            <Button alignment="CENTER" mnemonicParsing="false" onAction="#switchToLoggedIn" prefHeight="95.0" prefWidth="248.0" style="-fx-background-radius: 30 0 0 0;" stylesheets="@test.css" text="HOME" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font name="Century Gothic" size="36.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="10.0" mnemonicParsing="false" onAction="#switchToReservations" prefHeight="95.0" prefWidth="245.0" stylesheets="@test.css" text="RESERVATIONS" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font name="Century Gothic" size="28.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="105.0" mnemonicParsing="false" onAction="#switchToRooms" prefHeight="95.0" prefWidth="245.0" stylesheets="@test.css" text="ROOMS" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font name="Century Gothic" size="36.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="200.0" mnemonicParsing="false" onAction="#switchToServices" prefHeight="95.0" prefWidth="245.0" stylesheets="@test.css" text="SERVICES" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font name="Century Gothic" size="36.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="295.0" mnemonicParsing="false" onAction="#switchToSearch" prefHeight="95.0" prefWidth="245.0" stylesheets="@test.css" text="SEARCH" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font name="Century Gothic" size="36.0" />
               </font>
            </Button>
            <Button fx:id="settingsImgBtn" mnemonicParsing="false" onAction="#switchToSettings" style="-fx-translate-x: 10; -fx-translate-y: 140; -fx-background-color: transparent;">
               <graphic>
                  <ImageView fx:id="settingsImg" fitHeight="64.0" fitWidth="109.0" pickOnBounds="true" preserveRatio="true">
                     <image>
                        <Image url="@settings-symbol.png" />
                     </image>
                  </ImageView>
               </graphic>
            </Button>
         </children>
      </VBox>
   </left>
   <center>
      <Pane fx:id="Pane" prefHeight="875.0" prefWidth="783.0" style="-fx-background-color: #406882; -fx-background-radius: 0 30 30 0;" BorderPane.alignment="CENTER">
         <children>
            <Text fx:id="hotelNameText" fill="#b1d0e0" layoutX="144.0" layoutY="169.0" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="font" text="Welcome to Grand Beach Hotel" textAlignment="CENTER" wrappingWidth="575.13671875">
               <font>
                  <Font size="64.0" />
               </font>
            </Text>
            <Button fx:id="loginBtn" layoutX="266.0" layoutY="456.0" mnemonicParsing="false" onAction="#logOut" prefHeight="51.0" prefWidth="332.0" style="-fx-background-color: transparent;" styleClass="buttonText" stylesheets="@test.css" text="Sign out" textAlignment="CENTER" textFill="#b1d0e0">
               <font>
                  <Font name="Century Gothic" size="24.0" />
               </font>
            </Button>
            <Text fx:id="greetingText" fill="#b1d0e0" layoutX="155.0" layoutY="433.0" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="font" textAlignment="CENTER" wrappingWidth="553.13671875">
               <font>
                  <Font size="36.0" />
               </font>
            </Text>
            <Label fx:id="exit" layoutX="820.0" layoutY="7.0" onMouseClicked="#close_app" style="-fx-background-color: transparent;" stylesheets="@test.css" text="✖">
               <font>
                  <Font size="24.0" />
               </font>
            </Label>
            <Label fx:id="minimize" layoutX="789.0" layoutY="3.0" onMouseClicked="#minimize_app" text="🗕">
               <font>
                  <Font size="24.0" />
               </font>
            </Label>
         </children>
      </Pane>
   </center>
</BorderPane>