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

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

<BorderPane maxHeight="-Infinity" prefHeight="700.0" prefWidth="1100.0" style="-fx-background-color: transparent;" xmlns="http://javafx.com/javafx/19" xmlns:fx="http://javafx.com/fxml/1" fx:controller="hoteldraft.ReservationsController">
   <left>
      <VBox maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="875.0" prefWidth="245.0" style="-fx-background-color: #1A374D; -fx-background-radius: 30 0 0 30;" BorderPane.alignment="TOP_LEFT">
         <children>
            <Button alignment="CENTER" mnemonicParsing="false" onAction="#switchToLoggedIn" prefHeight="95.0" prefWidth="245.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 prefHeight="875.0" prefWidth="783.0" style="-fx-background-color: #406882; -fx-background-radius: 0 30 30 0;" stylesheets="@test.css" BorderPane.alignment="CENTER">
         <children>
            <HBox layoutX="38.0" layoutY="47.0" prefHeight="571.0" prefWidth="784.0" style="-fx-border-color: #B1D0E0; -fx-background-radius: 20; -fx-border-radius: 20;">
               <children>
                  <VBox prefHeight="730.0" prefWidth="225.0">
                     <children>
                        <Label prefHeight="40.0" prefWidth="215.0" styleClass="font" stylesheets="@test.css" text="GUEST NAME" textFill="#b1d0e0" translateX="10.0">
                           <font>
                              <Font name="Arial" size="18.0" />
                           </font>
                        </Label>
                        <ListView fx:id="gnList" maxHeight="-Infinity" maxWidth="-Infinity" onMouseClicked="#switchToUpdateReservation" prefHeight="532.0" prefWidth="225.0" style="-fx-background-radius: 0 0 0 20;" />
                     </children>
                  </VBox>
                  <VBox layoutX="11.0" layoutY="11.0" prefHeight="730.0" prefWidth="135.0">
                     <children>
                        <Label prefHeight="40.0" prefWidth="126.0" styleClass="font" text="ARRIVAL" textFill="#b1d0e0" translateX="5.0">
                           <font>
                              <Font name="Arial" size="18.0" />
                           </font>
                        </Label>
                        <ListView fx:id="adList" maxHeight="-Infinity" maxWidth="-Infinity" onMouseClicked="#switchToUpdateReservation" prefHeight="532.0" prefWidth="135.0" />
                     </children>
                  </VBox>
                  <VBox layoutX="239.0" layoutY="11.0" prefHeight="730.0" prefWidth="135.0">
                     <children>
                        <Label prefHeight="40.0" prefWidth="126.0" styleClass="font" text="DEPARTURE" textFill="#b1d0e0" translateX="5.0">
                           <font>
                              <Font name="Arial" size="18.0" />
                           </font>
                        </Label>
                        <ListView fx:id="ddList" maxHeight="-Infinity" maxWidth="-Infinity" onMouseClicked="#switchToUpdateReservation" prefHeight="532.0" prefWidth="135.0" />
                     </children>
                  </VBox>
                  <VBox layoutX="374.0" layoutY="11.0" prefHeight="730.0" prefWidth="135.0">
                     <children>
                        <Label prefHeight="40.0" prefWidth="126.0" styleClass="font" text="ROOM" textFill="#b1d0e0" translateX="5.0">
                           <font>
                              <Font name="Arial" size="18.0" />
                           </font>
                        </Label>
                        <ListView fx:id="rnList" maxHeight="-Infinity" maxWidth="-Infinity" onMouseClicked="#switchToUpdateReservation" prefHeight="532.0" prefWidth="135.0" />
                     </children>
                  </VBox>
                  <VBox layoutX="509.0" layoutY="11.0" prefHeight="730.0" prefWidth="153.0">
                     <children>
                        <Label prefHeight="40.0" prefWidth="144.0" styleClass="font" text="NO. OF GUESTS" textFill="#b1d0e0" translateX="5.0">
                           <font>
                              <Font name="Arial" size="18.0" />
                           </font>
                        </Label>
                        <ListView fx:id="gcList" maxHeight="-Infinity" maxWidth="-Infinity" onMouseClicked="#switchToUpdateReservation" prefHeight="532.0" prefWidth="153.0" style="-fx-background-radius: 0 0 20 0;" />
                     </children>
                  </VBox>
               </children>
            </HBox>
            <Button layoutX="275.0" layoutY="639.0" mnemonicParsing="false" onAction="#switchToNewReservation" prefHeight="25.0" prefWidth="313.0" style="-fx-background-color: #1A374D; -fx-background-radius: 30 30 30 30;" styleClass="buttonText" stylesheets="@test.css" text="MAKE A NEW RESERVATION" textAlignment="CENTER" textFill="#b1d0e0">
               <font>
                  <Font name="Century Gothic" size="20.0" />
               </font>
            </Button>
            <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" stylesheets="@test.css" text="🗕">
               <font>
                  <Font size="24.0" />
               </font>
            </Label>
            <Button layoutX="652.0" layoutY="639.0" mnemonicParsing="false" onAction="#delete" prefHeight="39.0" prefWidth="151.0" style="-fx-background-color: #1A374D; -fx-background-radius: 30 30 30 30;" styleClass="buttonText" stylesheets="@test.css" text="DELETE" textAlignment="CENTER" textFill="#b1d0e0">
               <font>
                  <Font name="Century Gothic" size="20.0" />
               </font>
            </Button>
         </children>
      </Pane>
   </center>
</BorderPane>