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

<?import javafx.scene.layout.VBox?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.control.Button?>
<?import javafx.geometry.Insets?>

<VBox xmlns:fx="http://javafx.com/fxml" alignment="CENTER" spacing="10" fx:controller="sbu.javafx.MusicController">
    <padding><Insets right="30" left="30" bottom="20"/></padding>

    <Label text="Music Player" styleClass="title"/>

    <VBox styleClass="box" spacing="10">
        <padding><Insets top="10" right="10" bottom="10" left="10"/></padding>
        <TableView fx:id="songsTable" prefHeight="420">
            <columns>
                <TableColumn fx:id="titleCol" text="Song Title" prefWidth="220"/>
                <TableColumn fx:id="artistCol" text="Artist Name" prefWidth="220"/>
                <TableColumn fx:id="durationCol" text="Duration" prefWidth="120"/>
                <TableColumn fx:id="addCol" text="Add to Playlist" prefWidth="200"/>
                <TableColumn fx:id="playCol" text="Play" prefWidth="120"/>
            </columns>
        </TableView>
    </VBox>

    <HBox styleClass="box" spacing="10" alignment="CENTER_LEFT">
        <padding><Insets top="16" right="16" bottom="16" left="16"/></padding>
        <Label text="Now Playing: " />
        <Label fx:id="nowPlayingLabel" text="-"/>
        <Pane HBox.hgrow="ALWAYS"/>
        <Button fx:id="playListButton" text="Open Playlist" onAction="#openPlaylistWindow"/>
    </HBox>

</VBox>
