WS6

src/main/java/workshop/Controller.java

@@ -3,39 +3,65 @@ package workshop;
 import javafx.fxml.FXML;
 import javafx.scene.control.Label;
 import javafx.scene.control.Button;
+import javafx.scene.control.Alert;
+import javafx.scene.Scene;
+import java.util.Objects;
 
 public class Controller {
     @FXML private Label titleLabel;
     @FXML private Button themeToggle;
+    @FXML private Label basicPriceLabel;
+    @FXML private Label proPriceLabel;
 
     private boolean isDark = true;
+    private double basicPrice = 9.99;
+    private double proPrice = 19.99;
 
-    // TODO: (Optional:For Practice) Create initialize function and use it to set prices during runtime.
+    @FXML
+    public void initialize() {
+        basicPriceLabel.setText("$" + String.format("%.2f", basicPrice) + " / month");
+        proPriceLabel.setText("$" + String.format("%.2f", proPrice) + " / month");
+    }
 
-
-    // TODO: (Optional:For Practice) Make the plan price go 1 dollar up each time user clicks on the shop button.
     @FXML
     private void buyBasic() {
-        // TODO: Call showAlert() with a message indicating the user entered the payment gateway
+        basicPrice += 1.0;
+        basicPriceLabel.setText("$" + String.format("%.2f", basicPrice) + " / month");
+        showAlert("You entered the payment gateway for the Basic plan.");
     }
 
     @FXML
     private void buyPro() {
-        // TODO: Call showAlert() with a message indicating the user entered the payment gateway
+        proPrice += 1.0;
+        proPriceLabel.setText("$" + String.format("%.2f", proPrice) + " / month");
+        showAlert("You entered the payment gateway for the Pro plan.");
     }
 
     @FXML
     private void buyEnterprise() {
-        // TODO: Call showAlert() with a message indicating the user entered the payment gateway
+        showAlert("You entered the payment gateway for the Enterprise plan.");
     }
 
     @FXML
     private void toggleTheme() {
-        // TODO: Toggle the isDark flag. If dark, switch to style.css and set button text to "Switch to Light Mode"
-        // TODO: If light, switch to light.css and set button text to "Switch to Dark Mode"
+        isDark = !isDark;
+        Scene scene = themeToggle.getScene();
+        scene.getStylesheets().clear();
+
+        if (isDark) {
+            scene.getStylesheets().add(Objects.requireNonNull(getClass().getResource("style.css")).toExternalForm());
+            themeToggle.setText("Switch to Light Mode");
+        } else {
+            scene.getStylesheets().add(Objects.requireNonNull(getClass().getResource("light.css")).toExternalForm());
+            themeToggle.setText("Switch to Dark Mode");
+        }
     }
 
     private void showAlert(String message) {
-        // TODO: Create a new Alert of type INFORMATION with the given message and display it
+        Alert alert = new Alert(Alert.AlertType.INFORMATION);
+        alert.setTitle("Payment Gateway");
+        alert.setHeaderText(null);
+        alert.setContentText(message);
+        alert.showAndWait();
     }
-}
+}

src/main/java/workshop/Launcher.java

@@ -4,6 +4,6 @@ import javafx.application.Application;
 
 public class Launcher {
     public static void main(String[] args) {
-        // TODO: Launch the JavaFX application by calling Application.launch(Main.class)
+        Application.launch(Main.class, args);
     }
-}
+}

src/main/java/workshop/Main.java

@@ -1,13 +1,21 @@
 package workshop;
 
 import javafx.application.Application;
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Parent;
+import javafx.scene.Scene;
 import javafx.stage.Stage;
+import java.util.Objects;
 
 public class Main extends Application {
     @Override
     public void start(Stage stage) throws Exception {
-        // TODO: Load the FXML file using FXMLLoader.load() and get the Parent root
-        // TODO: Create a Scene with the root (width=750, height=450) and add the stylesheet "style.css"
-        // TODO: Set the stage title to "Pricing Plans", set the scene, and call stage.show()
+        Parent root = FXMLLoader.load(Objects.requireNonNull(getClass().getResource("main.fxml")));
+        Scene scene = new Scene(root, 750, 450);
+        scene.getStylesheets().add(Objects.requireNonNull(getClass().getResource("style.css")).toExternalForm());
+
+        stage.setTitle("Pricing Plans");
+        stage.setScene(scene);
+        stage.show();
     }
-}
+}

src/main/resources/workshop/main.fxml

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.VBox?>
+
+<VBox spacing="20" alignment="CENTER" xmlns:fx="http://javafx.com/fxml" fx:controller="workshop.Controller">
+    <padding><Insets top="30" right="30" left="30" bottom="20"/></padding>
+
+    <HBox spacing="10" alignment="CENTER">
+        <Label fx:id="titleLabel" text="Choose Your Plan" styleClass="title" />
+        <Button fx:id="themeToggle" text="Switch to Light Mode" onAction="#toggleTheme" styleClass="toggle-btn" />
+    </HBox>
+
+    <HBox spacing="25" alignment="CENTER" HBox.hgrow="ALWAYS">
+        <VBox styleClass="card" prefWidth="200">
+            <Label text="Basic" styleClass="plan-name" />
+            <Label fx:id="basicPriceLabel" text="\$9.99 / month" styleClass="price" />
+            <Label text="Single user, basic features" styleClass="desc" wrapText="true" />
+            <Button text="Shop" onAction="#buyBasic" styleClass="shop-btn" />
+        </VBox>
+
+        <VBox styleClass="card" prefWidth="200">
+            <Label text="Pro" styleClass="plan-name" />
+            <Label fx:id="proPriceLabel" text="\$19.99 / month" styleClass="price" />
+            <Label text="Up to 5 users, advanced features" styleClass="desc" wrapText="true" />
+            <Button text="Shop" onAction="#buyPro" styleClass="shop-btn" />
+        </VBox>
+
+        <VBox styleClass="card" prefWidth="200">
+            <Label text="Enterprise" styleClass="plan-name" />
+            <Label text="Contact us" styleClass="price" />
+            <Label text="Unlimited users, custom solutions" styleClass="desc" wrapText="true" />
+            <Button text="Shop" onAction="#buyEnterprise" styleClass="shop-btn" />
+        </VBox>
+    </HBox>
+</VBox>