From 7b217a61e1e8393aa7e7045699b16bfffe92f44b Mon Sep 17 00:00:00 2001
From: Fateme Azizi <azizifateme423@gmail.com>
Date: Mon, 25 May 2026 01:29:57 +0330
Subject: [PATCH] implement App-view.fxml

---
 src/main/resources/sbu/javafx/App-view.fxml | 37 +++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/sbu/javafx/App-view.fxml b/src/main/resources/sbu/javafx/App-view.fxml
index 306c8d3..e5e0599 100644
--- a/src/main/resources/sbu/javafx/App-view.fxml
+++ b/src/main/resources/sbu/javafx/App-view.fxml
@@ -1,8 +1,41 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.scene.layout.VBox?>
-<VBox xmlns="http://javafx.com/fxml" alignment="CENTER" spacing="10">
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Button?>
 
-    <!-- TODO: Add your code here! -->
+<VBox xmlns:fx="http://javafx.com/fxml" alignment="TOP_LEFT" spacing="12" fx:controller="sbu.javafx.MusicController" styleClass="root-pane">
+
+    <HBox spacing="30" alignment="CENTER_LEFT" styleClass="header-row">
+        <Label fx:id="TrackLable" text="Track" styleClass="header-label"/>
+        <Button fx:id="PlayListButton" text="Playlist" onAction="#openPlaylistWindow" styleClass="primary-button"/>
+    </HBox>
+
+
+
+    <HBox spacing="10" alignment="CENTER_LEFT" styleClass="song-row">
+        <Label fx:id="Name1" text="Song of Dawn" styleClass="song-title"/>
+        <Label fx:id="Singer1" text="Alice Johnson" styleClass="song-artist"/>
+        <Label fx:id="Duration1" text="03:45" styleClass="song-duration"/>
+        <Button fx:id="play1" text="Play" onAction="#handlePlayAction" styleClass="play-button"/>
+        <Button fx:id="AddToPlaylist1" text="Add to Playlist" onAction="#addToPlaylist" styleClass="secondary-button"/>
+    </HBox>
+
+    <HBox spacing="10" alignment="CENTER_LEFT" styleClass="song-row">
+        <Label fx:id="Name2" text="Echoes of You" styleClass="song-title"/>
+        <Label fx:id="Singer2" text="Luna Sky" styleClass="song-artist"/>
+        <Label fx:id="Duration2" text="05:08" styleClass="song-duration"/>
+        <Button fx:id="play2" text="Play" onAction="#handlePlayAction" styleClass="play-button"/>
+        <Button fx:id="AddToPlaylist2" text="Add to Playlist" onAction="#addToPlaylist" styleClass="secondary-button"/>
+    </HBox>
+
+    <HBox spacing="10" alignment="CENTER_LEFT" styleClass="song-row">
+        <Label fx:id="Name3" text="Midnight Drive" styleClass="song-title"/>
+        <Label fx:id="Singer3" text="The Night Owls" styleClass="song-artist"/>
+        <Label fx:id="Duration3" text="04:12" styleClass="song-duration"/>
+        <Button fx:id="play3" text="Play" onAction="#handlePlayAction" styleClass="play-button"/>
+        <Button fx:id="AddToPlaylist3" text="Add to Playlist" onAction="#addToPlaylist" styleClass="secondary-button"/>
+    </HBox>
 
 </VBox>