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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.layout.HBox?>

<?import javafx.geometry.Insets?>
<VBox alignment="CENTER" spacing="15.0" xmlns:fx="http://javafx.com/fxml" fx:controller="sbu.javafx.MusicController">
    <padding>
        <Insets bottom="20" left="300" right="300" top="20"/>
    </padding>

    <Label fx:id="lblStatus" text="Music Player" style="-fx-font-size: 18px; -fx-font-weight: bold;"/>

    <ListView fx:id="lvSongs" prefHeight="200.0" prefWidth="350.0"/>

    <HBox spacing="10" alignment="CENTER">
        <Button fx:id="btnPlayStop" text="PLay ▶" onAction="#handlePlayAction" prefWidth="200"/>
        <Button fx:id="btnTheme" text="Dark Mode" onAction="#toggleTheme" />
    </HBox>
    <VBox spacing="10"/>

    <Button text="Add to playlist ➕" onAction="#addToPlaylist" prefWidth="300"/>

    <VBox spacing="10"/>

    <Button fx:id="btnViewPlaylist" text="Show Playlist" onAction="#openPlaylistWindow"  prefWidth="300"/>
</VBox>