<?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.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?>
<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.RoomsController">
<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;" BorderPane.alignment="CENTER">
<children>
<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>
<GridPane hgap="30.0" layoutX="29.0" layoutY="92.0" prefHeight="516.0" prefWidth="798.0">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
<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>
<children>
<Label fx:id="Single" contentDisplay="CENTER" onMouseClicked="#SingleclickToRooms" prefHeight="185.0" prefWidth="205.0" styleClass="roomimgs" stylesheets="@test.css" text="SINGLE" textFill="#1a374d">
<font>
<Font name="Century Gothic Bold" size="45.0" />
</font>
<graphic>
<ImageView fx:id="SingleImg" fitHeight="220.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@Single%20Room.jpeg" />
</image>
</ImageView>
</graphic>
</Label>
<Label fx:id="Double" contentDisplay="CENTER" onMouseClicked="#DoubleclickToRooms" prefHeight="227.0" prefWidth="228.0" styleClass="roomimgs" stylesheets="@test.css" text="TWIN" textFill="#1a374d" GridPane.columnIndex="1">
<font>
<Font name="Century Gothic Bold" size="60.0" />
</font>
<graphic>
<ImageView fx:id="TwinImg" fitHeight="220.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@Twin%20Room.jpeg" />
</image>
</ImageView>
</graphic>
</Label>
<Label fx:id="Queen" contentDisplay="CENTER" onMouseClicked="#QueenclickToRooms" prefHeight="235.0" prefWidth="233.0" styleClass="roomimgs" stylesheets="@test.css" text="QUEEN" textFill="#1a374d" GridPane.columnIndex="2">
<font>
<Font name="Century Gothic Bold" size="50.0" />
</font>
<graphic>
<ImageView fx:id="QueenImg" fitHeight="220.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@Queen%20Room.jpeg" />
</image>
</ImageView>
</graphic>
</Label>
<Label fx:id="King" contentDisplay="CENTER" onMouseClicked="#KingclickToRooms" prefHeight="198.0" prefWidth="202.0" styleClass="roomimgs" stylesheets="@test.css" text="KING" textFill="#1a374d" GridPane.rowIndex="1">
<font>
<Font name="Century Gothic Bold" size="60.0" />
</font>
<graphic>
<ImageView fx:id="KingImg" fitHeight="220.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@King%20Room.jpeg" />
</image>
</ImageView>
</graphic>
</Label>
<Label fx:id="Suite" contentDisplay="CENTER" onMouseClicked="#SuiteclickToRooms" prefHeight="224.0" prefWidth="231.0" styleClass="roomimgs" stylesheets="@test.css" text="SUITE" textFill="#1a374d" GridPane.columnIndex="1" GridPane.rowIndex="1">
<font>
<Font name="Century Gothic Bold" size="60.0" />
</font>
<graphic>
<ImageView fx:id="SuiteImg" fitHeight="220.0" fitWidth="226.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@Suite.jpeg" />
</image>
</ImageView>
</graphic>
</Label>
<Label fx:id="miniSuite" contentDisplay="CENTER" onMouseClicked="#miniSuiteclickToRooms" prefHeight="226.0" prefWidth="211.0" styleClass="roomimgs" stylesheets="@test.css" text="MINI SUITE" textFill="#1a374d" GridPane.columnIndex="2" GridPane.rowIndex="1">
<font>
<Font name="Century Gothic Bold" size="40.0" />
</font>
<graphic>
<ImageView fx:id="MiniSuiteImg" fitHeight="220.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="@Mini%20Suite.jpeg" />
</image>
</ImageView>
</graphic>
</Label>
</children>
</GridPane>
</children>
</Pane>
</center>
</BorderPane>