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

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.PasswordField?>
<?import javafx.scene.control.TextField?>
<?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?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1200.0" xmlns="http://javafx.com/javafx/22" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.LoginController">

   <!-- Header Section -->
   <top>
      <HBox fx:id="header" alignment="CENTER" prefHeight="60.0" prefWidth="631.0" spacing="20.0" styleClass="header" BorderPane.alignment="CENTER">
         <children>
            <Label fx:id="mainTitle" styleClass="mainTitle" text="Bookshop - Fantasy Brigade" />
            <Pane HBox.hgrow="ALWAYS" />
            <Button fx:id="cartBtn" mnemonicParsing="false" styleClass="cartBtn" text="Cart" />
            <Button fx:id="loginBtn" mnemonicParsing="false" styleClass="loginBtn" text="Login" />
         </children>
         <padding>
            <Insets bottom="10.0" left="20.0" right="20.0" top="10.0" />
         </padding>
      </HBox>
   </top>

   <!-- Footer Section -->
   <bottom>
      <VBox fx:id="footer" prefHeight="188.0" prefWidth="1200.0" styleClass="footer" BorderPane.alignment="CENTER">
         <children>
            <HBox fx:id="footerLinks" alignment="TOP_CENTER" prefHeight="100.0" prefWidth="200.0">
               <children>
                  <VBox fx:id="quickLinks" alignment="TOP_LEFT" prefHeight="145.0" prefWidth="470.0" spacing="10.0">
                     <children>
                        <Label fx:id="footerText" prefHeight="25.0" prefWidth="226.0" styleClass="footerHeading" text="Quick Links" />
                        <Label fx:id="footerHome" styleClass="footerText" text="Home" />
                        <Label fx:id="footerAbout" styleClass="footerText" text="About Us" />
                        <Label fx:id="footerContact" styleClass="footerText" text="Contact" />
                     </children>
                  </VBox>
                  <VBox fx:id="contactUs" prefHeight="145.0" prefWidth="583.0" spacing="10.0">
                     <children>
                        <Label fx:id="footerHeading2" prefWidth="534.0" styleClass="footerHeading" text="Contact Us" />
                        <Label fx:id="footerEmail" styleClass="footerText" text="Email: info@example.com" />
                        <Label fx:id="footerPhone" styleClass="footerText" text="Phone: +1 123 456 7890" />
                     </children>
                  </VBox>
                  <VBox fx:id="followUs" alignment="TOP_RIGHT" spacing="10.0">
                     <children>
                        <Label fx:id="footerHeading3" styleClass="footerHeading" text="Follow Us" />
                        <Label fx:id="footerFacebook" styleClass="footerLink" text="Facebook" />
                        <Label fx:id="footerBluesky" styleClass="footerLink" text="Bluesky" />
                        <Label fx:id="footerInstagram" styleClass="footerLink" text="Instagram" />
                     </children>
                  </VBox>
               </children>
            </HBox>
            <VBox fx:id="footerCopy" alignment="BOTTOM_CENTER" prefHeight="68.0" prefWidth="1170.0" spacing="10.0">
               <children>
                  <Label fx:id="footerCopyText" alignment="CENTER" contentDisplay="CENTER" styleClass="footerCopy" text="© 2024 My Website. All rights reserved." />
               </children>
            </VBox>
         </children>
      </VBox>
   </bottom>

   <!-- Main Content Section -->
   <center>
      <GridPane fx:id="main" styleClass="main" BorderPane.alignment="CENTER">
         <columnConstraints>
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
         </columnConstraints>
         <rowConstraints>
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
         </rowConstraints>
         <children>
            <VBox fx:id="loginForm" alignment="CENTER" prefHeight="400.0" prefWidth="300.0" spacing="20.0">
               <children>
                  <Label fx:id="formTitle" styleClass="formTitle" text="Login" />
                  <VBox fx:id="formFields" spacing="15.0">
                     <!-- Username Field -->
                     <VBox spacing="5.0">
                        <Label fx:id="usernameLabel" styleClass="formLabel" text="Username" />
                        <TextField fx:id="usernameInput" styleClass="formInput" />
                     </VBox>
                     <!-- Password Field -->
                     <VBox spacing="5.0">
                        <Label fx:id="passwordLabel" styleClass="formLabel" text="Password" />
                        <PasswordField fx:id="passwordInput" styleClass="formInput" />
                     </VBox>
                  </VBox>
                  <Button fx:id="loginButton" mnemonicParsing="false" styleClass="btnLogin" text="Login" />
                  <Button fx:id="loginButton1" layoutX="583.0" layoutY="355.0" mnemonicParsing="false" styleClass="btnLogin" text="Register" />
               </children>
            </VBox>
         </children>
      </GridPane>
   </center>
</BorderPane>
