Projects / Hotel Management System / src / hoteldraft / FXML / NewReservation.fxml
NewReservation.fxml
Raw
<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.DatePicker?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextArea?>
<?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.NewReservationController">
   <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>
            <GridPane hgap="10.0" layoutX="49.0" layoutY="28.0" prefHeight="631.0" prefWidth="791.0" vgap="10.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 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>
                  <Label alignment="CENTER_RIGHT" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="First Name" textFill="#b1d0e0">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <Label alignment="CENTER_RIGHT" layoutX="10.0" layoutY="19.0" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="Last Name" textFill="#b1d0e0" GridPane.rowIndex="1">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <Label alignment="CENTER_RIGHT" layoutX="10.0" layoutY="81.0" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="Email" textFill="#b1d0e0" GridPane.rowIndex="3">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <Label alignment="CENTER_RIGHT" layoutX="10.0" layoutY="143.0" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="Room Type" textFill="#b1d0e0" GridPane.rowIndex="4">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <Button fx:id="submitBtn" alignment="CENTER" mnemonicParsing="false" onAction="#submit" prefHeight="35.0" prefWidth="119.0" style="-fx-background-color: #1A374D; -fx-background-radius: 30 30 30 30;" styleClass="buttonText" stylesheets="@test.css" text="SUBMIT" textAlignment="CENTER" textFill="#b1d0e0" GridPane.columnIndex="1" GridPane.rowIndex="11">
                     <font>
                        <Font name="Century Gothic" size="24.0" />
                     </font>
                  </Button>
                  <Button mnemonicParsing="false" onAction="#switchToReservations" prefHeight="51.0" prefWidth="137.0" style="-fx-background-color: transparent;" styleClass="buttonText" stylesheets="@test.css" text="&lt; BACK" textFill="#b1d0e0" GridPane.rowIndex="11">
                     <font>
                        <Font name="Century Gothic" size="24.0" />
                     </font>
                  </Button>
                  <Label alignment="CENTER_RIGHT" layoutX="10.0" layoutY="205.0" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="No. of Guests" textFill="#d3f0ff" GridPane.rowIndex="5">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <TextField fx:id="firstNameTextfield" prefHeight="38.0" prefWidth="253.0" style="-fx-background-radius: 20;" GridPane.columnIndex="1">
                     <font>
                        <Font size="17.0" />
                     </font></TextField>
                  <TextField fx:id="LastNameTextfield" layoutX="273.0" layoutY="17.0" prefHeight="38.0" prefWidth="253.0" style="-fx-background-radius: 20;" GridPane.columnIndex="1" GridPane.rowIndex="1">
                     <font>
                        <Font size="17.0" />
                     </font></TextField>
                  <TextField fx:id="emailTextfield" layoutX="273.0" layoutY="79.0" prefHeight="38.0" prefWidth="253.0" promptText="Email@example.com" style="-fx-background-radius: 20;" GridPane.columnIndex="1" GridPane.rowIndex="3">
                     <font>
                        <Font size="17.0" />
                     </font></TextField>
                  <ComboBox fx:id="roomTypeCB" onAction="#RTCBtoRN" prefHeight="38.0" prefWidth="194.0" style="-fx-background-radius: 20;" GridPane.columnIndex="1" GridPane.rowIndex="4" />
                  <HBox maxHeight="-Infinity" prefHeight="33.0" prefWidth="253.0" GridPane.columnIndex="1" GridPane.rowIndex="5">
                     <children>
                        <Button fx:id="decrementGuest" alignment="CENTER" mnemonicParsing="false" onAction="#decrementGuest" prefHeight="38.0" prefWidth="37.0" style="-fx-background-radius: 30 0 0 30;" text="-" textAlignment="CENTER">
                           <font>
                              <Font size="15.0" />
                           </font>
                        </Button>
                        <TextField fx:id="guestCount" alignment="CENTER" prefHeight="33.0" prefWidth="72.0" text="1">
                           <font>
                              <Font size="17.0" />
                           </font></TextField>
                        <Button fx:id="incrementGuest" alignment="CENTER" layoutX="10.0" layoutY="10.0" mnemonicParsing="false" onAction="#incrementGuest" prefHeight="38.0" prefWidth="37.0" style="-fx-background-radius: 0 30 30 0;" text="+" textAlignment="CENTER">
                           <font>
                              <Font size="15.0" />
                           </font>
                        </Button>
                     </children>
                  </HBox>
                  <Label alignment="CENTER_RIGHT" layoutX="10.0" layoutY="205.0" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="Arrival Date &amp; Time" textFill="#b1d0e0" GridPane.rowIndex="6">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <DatePicker fx:id="arrivalDate" onAction="#arrivalDateVaild" prefHeight="38.0" prefWidth="195.0" promptText="2022-11-05" stylesheets="@test.css" GridPane.columnIndex="1" GridPane.rowIndex="6" />
                  <HBox maxHeight="-Infinity" prefHeight="38.0" prefWidth="253.0" spacing="30.0" GridPane.columnIndex="1" GridPane.rowIndex="7">
                     <children>
                        <DatePicker fx:id="departureDate" prefHeight="38.0" prefWidth="195.0" promptText="2022-11-05" stylesheets="@test.css" />
                     </children>
                  </HBox>
                  <Label alignment="CENTER_RIGHT" layoutX="10.0" layoutY="329.0" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="Departure Date" textFill="#b1d0e0" GridPane.rowIndex="7">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <Label alignment="CENTER_RIGHT" layoutX="10.0" layoutY="267.0" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="Special Requests" textFill="#b1d0e0" GridPane.rowIndex="8">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
                  <TextArea fx:id="specialRequests" prefHeight="0.0" prefWidth="252.0" stylesheets="@test.css" GridPane.columnIndex="1" GridPane.rowIndex="8" GridPane.rowSpan="2">
                     <font>
                        <Font size="17.0" />
                     </font></TextArea>
                  <Text fx:id="NoOfGuestsAlert" fill="RED" strokeType="OUTSIDE" strokeWidth="0.0" wrappingWidth="116.13671875" GridPane.columnIndex="2" GridPane.rowIndex="5">
                     <font>
                        <Font size="18.0" />
                     </font>
                  </Text>
                  <ComboBox fx:id="roomNumCb" prefHeight="38.0" prefWidth="93.0" style="-fx-background-radius: 20;" GridPane.columnIndex="2" GridPane.rowIndex="4" />
                  <Text fx:id="fieldsAlert" fill="RED" layoutX="544.0" layoutY="255.0" strokeType="OUTSIDE" strokeWidth="0.0" wrappingWidth="116.13671875" GridPane.columnIndex="2" GridPane.rowIndex="10">
                     <font>
                        <Font size="18.0" />
                     </font>
                  </Text>
                  <TextField fx:id="ID" prefHeight="38.0" prefWidth="253.0" style="-fx-background-radius: 20;" GridPane.columnIndex="1" GridPane.rowIndex="2">
                     <font>
                        <Font size="17.0" />
                     </font>
                  </TextField>
                  <Label alignment="CENTER_RIGHT" prefHeight="17.0" prefWidth="344.0" styleClass="font" stylesheets="@test.css" text="ID" textFill="#b1d0e0" GridPane.rowIndex="2">
                     <font>
                        <Font size="24.0" />
                     </font>
                  </Label>
               </children>
            </GridPane>
            <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>
         </children>
      </Pane>
   </center>
</BorderPane>