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

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

<BorderPane fx:id="parent" maxHeight="-Infinity" minHeight="-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.HomeController">
   <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="246.0" style="-fx-background-radius: 30 0 0 0;" styleClass="font" stylesheets="@test.css" text="HOME" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font size="36.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="10.0" mnemonicParsing="false" onAction="#switchToReservations" prefHeight="95.0" prefWidth="245.0" styleClass="font" stylesheets="@test.css" text="RESERVATIONS" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font size="28.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="105.0" mnemonicParsing="false" onAction="#switchToRooms" prefHeight="95.0" prefWidth="245.0" styleClass="font" stylesheets="@test.css" text="ROOMS" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font size="36.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="200.0" mnemonicParsing="false" onAction="#switchToServices" prefHeight="95.0" prefWidth="245.0" styleClass="font" stylesheets="@test.css" text="SERVICES" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font size="36.0" />
               </font>
            </Button>
            <Button alignment="CENTER" layoutX="10.0" layoutY="295.0" mnemonicParsing="false" onAction="#switchToSearch" prefHeight="95.0" prefWidth="245.0" styleClass="font" stylesheets="@test.css" text="SEARCH" textAlignment="CENTER" textFill="#6998ab">
               <font>
                  <Font 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="hotelName" fill="#b1d0e0" layoutX="125.0" layoutY="166.0" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="font" text="Welcome to Grand Beach Hotel" textAlignment="CENTER" wrappingWidth="606.13671875">
               <font>
                  <Font name="Century Gothic" size="64.0" />
               </font>
            </Text>
            <Button fx:id="loginBtn" layoutX="275.0" layoutY="568.0" mnemonicParsing="false" onAction="#logIn" prefHeight="47.0" prefWidth="315.0" style="-fx-background-color: #1A374D; -fx-background-radius: 30 30 30 30;" styleClass="buttonText" stylesheets="@test.css" text="Sign in" textFill="#b1d0e0">
               <font>
                  <Font name="Century Gothic" size="24.0" />
               </font>
            </Button>
            <GridPane layoutX="275.0" layoutY="368.0" prefHeight="161.0" prefWidth="315.0" vgap="10.0">
              <columnConstraints>
                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
              </columnConstraints>
              <rowConstraints>
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                  <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
              </rowConstraints>
               <children>
                  <Label styleClass="font" stylesheets="@test.css" text="Employee ID" textFill="#b1d0e0">
                     <font>
                        <Font size="23.0" />
                     </font>
                  </Label>
                  <Label layoutX="10.0" layoutY="13.0" styleClass="font" stylesheets="@test.css" text="Password" textFill="#b1d0e0" GridPane.rowIndex="2">
                     <font>
                        <Font size="23.0" />
                     </font>
                  </Label>
                  <TextField fx:id="IDTextfield" onKeyPressed="#enterLogin" prefHeight="36.0" prefWidth="410.0" style="-fx-background-radius: 20;" GridPane.rowIndex="1">
                     <font>
                        <Font size="17.0" />
                     </font></TextField>
                  <PasswordField fx:id="passwordTextfield" onKeyPressed="#enterLogin" prefHeight="36.0" prefWidth="315.0" style="-fx-background-radius: 20;" GridPane.rowIndex="3">
                     <font>
                        <Font size="17.0" />
                     </font></PasswordField>
               </children>
            </GridPane>
            <Label fx:id="loginError" layoutX="266.0" layoutY="293.0" prefHeight="57.0" prefWidth="324.0" style="-fx-background-color: fcbaba; -fx-border-color: red;" styleClass="font" stylesheets="@test.css" text=" incorrect ID or password" textFill="RED">
               <font>
                  <Font size="20.0" />
               </font>
            </Label>
            <Label fx:id="exit" layoutX="820.0" layoutY="7.0" onMouseClicked="#close_app" 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>