Updated README and added another optional task.

README.md

@@ -37,7 +37,11 @@ and finally add this line there:
 ### Controller.java
 * Wire up the "Shop" buttons → show payment alerts
 * Implement theme toggle (Dark ↔ Light)
+* (Optional) Create initialize function and use it to set prices during runtime.
+  (you will need to reference the prices label in the fxml)
+* (Optional) Make the plan prices go 1 dollar up each time user clicks on the shop button.
 
+**Note**: Optional tasks are for your further practice and doesn't have extra points.
 
 ---
 

src/main/java/workshop/Controller.java

@@ -1,62 +1,41 @@
 package workshop;
 
 import javafx.fxml.FXML;
-import javafx.scene.control.Alert;
 import javafx.scene.control.Label;
 import javafx.scene.control.Button;
 
 public class Controller {
-    @FXML public Label basicPriceLable;
-    @FXML public Label proPriceLable;
-    @FXML public Label enterprisePriceLable;
+    @FXML private Label titleLabel;
     @FXML private Button themeToggle;
 
     private boolean isDark = true;
 
-    public void initialize(){
-        basicPriceLable.setText("$12.99 / month");
-    }
+    // TODO: (Optional:For Practice) Create initialize function and use it to set prices during runtime.
 
+
+    // TODO: (Optional:For Practice) Make the plan price go 1 dollar up each time user clicks on the shop button.
     @FXML
     private void buyBasic() {
-        showAlert("Basic plan selected.", Alert.AlertType.INFORMATION);
-        basicPriceLable.setText("$39.99 / month");
-
+        // TODO: Call showAlert() with a message indicating the user entered the payment gateway
     }
 
     @FXML
     private void buyPro() {
-        showAlert("Pro plan selected.", Alert.AlertType.WARNING);
-        proPriceLable.setText("$49.99 / month");
-
+        // TODO: Call showAlert() with a message indicating the user entered the payment gateway
     }
 
     @FXML
     private void buyEnterprise() {
-        showAlert("Enterprise plan selected.", Alert.AlertType.INFORMATION);
-        enterprisePriceLable.setText("Still Contact us");
-
+        // TODO: Call showAlert() with a message indicating the user entered the payment gateway
     }
 
     @FXML
     private void toggleTheme() {
-        isDark = !isDark;
-        if (isDark){
-            themeToggle.getScene().getStylesheets().clear();
-            themeToggle.getScene().getStylesheets().add(getClass().getResource("style.css").toExternalForm());
-            themeToggle.setText("Switch to Light Mode");
-        }else{
-            themeToggle.getScene().getStylesheets().clear();
-            themeToggle.getScene().getStylesheets().add(getClass().getResource("light.css").toExternalForm());
-            themeToggle.setText("Switch to Dark Mode");
-        }
-
+        // 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"
     }
 
-    private void showAlert(String message, Alert.AlertType alertType) {
-        Alert alert = new Alert(alertType);
-        alert.setHeaderText(message);
-        alert.show();
-
+    private void showAlert(String message) {
+        // TODO: Create a new Alert of type INFORMATION with the given message and display it
     }
 }

src/main/java/workshop/Launcher.java

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

src/main/java/workshop/Main.java

@@ -1,18 +1,13 @@
 package workshop;
 
 import javafx.application.Application;
-import javafx.fxml.FXMLLoader;
-import javafx.scene.Scene;
 import javafx.stage.Stage;
 
 public class Main extends Application {
     @Override
     public void start(Stage stage) throws Exception {
-        FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("pricing.fxml"));
-        Scene scene = new Scene(fxmlLoader.load(), 750 , 450 );
-        stage.setScene(scene);
-        scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
-        stage.setTitle("Pricing Plans");
-        stage.show();
+        // 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()
     }
 }

src/main/resources/workshop/light.css

@@ -1,5 +1,5 @@
 .root {
-    -fx-background-color: #fff0f0;
+    -fx-background-color: #f5f5f5;
     -fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif;
 }
 

src/main/resources/workshop/pricing.fxml

@@ -17,21 +17,21 @@
     <HBox spacing="25" alignment="CENTER" HBox.hgrow="ALWAYS">
         <VBox styleClass="card" prefWidth="200">
             <Label text="Basic" styleClass="plan-name" />
-            <Label fx:id = "basicPriceLable" text="\$9.99 / month" styleClass="price" />
+            <Label 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 = "proPriceLable" text="\$19.99 / month" styleClass="price" />
+            <Label 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 fx:id = "enterprisePriceLable" text="Contact us" styleClass="price" />
+            <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>

src/main/resources/workshop/style.css

@@ -1,5 +1,5 @@
 .root {
-    -fx-background-color: #10101d;
+    -fx-background-color: #1a1a2e;
     -fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif;
 }