<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?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.HBox?>
<?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 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.NewServicesController">
<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="CENTER">
<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>
<GridPane hgap="10.0" layoutX="7.0" layoutY="7.0" prefHeight="664.0" prefWidth="861.0" style="-fx-alignment: center;" vgap="10.0">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" maxWidth="163.0" minWidth="0.0" prefWidth="0.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="346.0" minWidth="10.0" prefWidth="246.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="264.0" minWidth="10.0" prefWidth="254.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="274.0" minWidth="10.0" prefWidth="211.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="118.0" minWidth="2.0" prefWidth="99.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 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 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>
<ComboBox fx:id="foodCB" onAction="#foodOrder" prefHeight="38.0" prefWidth="184.0" style="-fx-background-radius: 30 30 30 30;" GridPane.columnIndex="2" GridPane.rowIndex="2">
<GridPane.margin>
<Insets left="40.0" />
</GridPane.margin></ComboBox>
<ComboBox fx:id="spaCB" onAction="#spaOrder" prefHeight="38.0" prefWidth="184.0" style="-fx-background-radius: 30 30 30 30;" GridPane.columnIndex="2" GridPane.rowIndex="3">
<GridPane.margin>
<Insets left="40.0" />
</GridPane.margin></ComboBox>
<Button mnemonicParsing="false" onAction="#gym" prefHeight="77.0" prefWidth="293.0" style="-fx-background-color: TRANSPARENT;" styleClass="buttonText" stylesheets="@test.css" text="ADD" textAlignment="CENTER" textFill="#b1d0e0" GridPane.columnIndex="2" GridPane.rowIndex="4">
<font>
<Font name="Century Gothic Bold" size="18.0" />
</font>
</Button>
<ComboBox fx:id="transportationCB" onAction="#transportationOrder" prefHeight="38.0" prefWidth="184.0" style="-fx-background-radius: 30 30 30 30;" GridPane.columnIndex="2" GridPane.rowIndex="5">
<GridPane.margin>
<Insets left="40.0" />
</GridPane.margin></ComboBox>
<Button mnemonicParsing="false" onAction="#doctorCall" prefHeight="67.0" prefWidth="301.0" style="-fx-background-color: TRANSPARENT;" styleClass="buttonText" stylesheets="@test.css" text="CALL" textAlignment="CENTER" textFill="#b1d0e0" GridPane.columnIndex="2" GridPane.rowIndex="6">
<font>
<Font name="Century Gothic Bold" size="18.0" />
</font>
</Button>
<Button mnemonicParsing="false" onAction="#clean" prefHeight="77.0" prefWidth="293.0" style="-fx-background-color: TRANSPARENT;" styleClass="buttonText" stylesheets="@test.css" text="ADD" textAlignment="CENTER" textFill="#b1d0e0" GridPane.columnIndex="2" GridPane.rowIndex="7">
<font>
<Font name="Century Gothic Bold" size="18.0" />
</font>
</Button>
<Button mnemonicParsing="false" onAction="#flowers" prefHeight="50.0" prefWidth="265.0" style="-fx-background-color: TRANSPARENT;" styleClass="buttonText" stylesheets="@test.css" text="ADD" textAlignment="CENTER" textFill="#b1d0e0" GridPane.columnIndex="2" GridPane.rowIndex="8">
<font>
<Font name="Century Gothic Bold" size="18.0" />
</font>
</Button>
<ListView fx:id="serviceList" prefHeight="200.0" prefWidth="200.0" style="-fx-background-radius: 30 30 30 30;" stylesheets="@test.css" GridPane.columnIndex="3" GridPane.rowIndex="2" GridPane.rowSpan="6" />
<Text fill="#b1d0e0e5" strokeWidth="0.0" text="ADDED SERVICES" textAlignment="CENTER" wrappingWidth="214.40625" GridPane.columnIndex="3" GridPane.rowIndex="1">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Text>
<HBox prefHeight="100.0" prefWidth="200.0" GridPane.columnIndex="3" GridPane.rowIndex="8">
<children>
<Button mnemonicParsing="false" onAction="#clear" prefHeight="93.0" prefWidth="136.0" style="-fx-background-color: TRANSPARENT;" styleClass="buttonText" stylesheets="@test.css" text="CLEAR" textAlignment="CENTER" textFill="#b1d0e0">
<font>
<Font name="Century Gothic Bold" size="18.0" />
</font>
</Button>
<Button mnemonicParsing="false" onAction="#delete" prefHeight="95.0" prefWidth="136.0" style="-fx-background-color: TRANSPARENT;" styleClass="buttonText" stylesheets="@test.css" text="DELETE" textAlignment="CENTER" textFill="#b1d0e0">
<font>
<Font name="Century Gothic Bold" size="18.0" />
</font>
</Button>
</children>
</HBox>
<Button mnemonicParsing="false" onAction="#submit" prefHeight="67.0" prefWidth="301.0" style="-fx-background-color: TRANSPARENT;" styleClass="buttonText" stylesheets="@test.css" text="SUBMIT" textAlignment="CENTER" textFill="#b1d0e0" GridPane.columnIndex="3" GridPane.rowIndex="9">
<font>
<Font name="Century Gothic" size="26.0" />
</font>
</Button>
<Label alignment="CENTER_RIGHT" contentDisplay="RIGHT" prefHeight="35.0" prefWidth="258.0" text="Room No." textAlignment="RIGHT" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="1">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<Label alignment="CENTER_RIGHT" prefHeight="35.0" prefWidth="255.0" text="Food" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="2">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<Label alignment="CENTER_RIGHT" prefHeight="35.0" prefWidth="258.0" text="Spa" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="3">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<Label alignment="CENTER_RIGHT" prefHeight="35.0" prefWidth="258.0" text="Gym" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="4">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<Label alignment="CENTER_RIGHT" prefHeight="35.0" prefWidth="258.0" text="Transportation" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="5">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<Label alignment="CENTER_RIGHT" prefHeight="35.0" prefWidth="258.0" text="Doctor" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="6">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<Label alignment="CENTER_RIGHT" prefHeight="35.0" prefWidth="258.0" text="Cleaning" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="7">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<Label alignment="CENTER_RIGHT" prefHeight="35.0" prefWidth="258.0" text="Flower Arrangments" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="8">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Label>
<TextField fx:id="roomNo" alignment="CENTER" maxWidth="-Infinity" prefHeight="38.0" prefWidth="127.0" style="-fx-alignment: CENTER; -fx-background-radius: 30 30 30 30; -fx-translate-x: 40;" GridPane.columnIndex="2" GridPane.rowIndex="1" />
<Text fx:id="success" fill="RED" strokeType="OUTSIDE" strokeWidth="0.0" textAlignment="CENTER" wrappingWidth="254.13671875" GridPane.columnIndex="2" GridPane.rowIndex="9">
<font>
<Font size="20.0" />
</font>
</Text>
<Button fx:id="backBtn" alignment="CENTER" mnemonicParsing="false" onAction="#switchToServices" prefHeight="47.0" prefWidth="121.0" style="-fx-background-color: transparent;" styleClass="buttonText" stylesheets="@test.css" text="< BACK" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="10">
<font>
<Font name="Century Gothic" size="24.0" />
</font>
</Button>
</children>
</GridPane>
<Label fx:id="exit" layoutX="820.0" layoutY="7.0" onMouseClicked="#close_app" styleClass="buttonText" stylesheets="@test.css" text="✖">
<font>
<Font size="24.0" />
</font>
</Label>
<Label fx:id="minimize" layoutX="789.0" layoutY="3.0" onMouseClicked="#minimize_app" styleClass="buttonText" stylesheets="@test.css" text="🗕">
<font>
<Font size="24.0" />
</font>
</Label>
</children>
</Pane>
</center>
</BorderPane>