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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.Slider?>
<?import javafx.scene.control.ToggleButton?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.shape.Rectangle?>
<?import javafx.scene.text.Font?>

<VBox alignment="CENTER" xmlns="http://javafx.com/javafx/26" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sbu.javafx.MusicController">
   <children>
      <Label alignment="CENTER" prefHeight="23.0" prefWidth="576.0" text="Music Player">
         <font>
            <Font name="Mongolian Baiti" size="20.0" />
         </font>
      </Label>
      <HBox prefHeight="0.0" prefWidth="578.0">
         <children>
            <AnchorPane prefHeight="54.0" prefWidth="577.0">
               <children>
                  <Label layoutX="370.0" layoutY="8.0" prefHeight="18.0" prefWidth="86.0" text="Add To PlayList" />
                  <Label layoutX="270.0" layoutY="8.0" text="Duration " />
                  <Label layoutX="523.0" layoutY="8.0" text="play" />
                  <Label layoutX="148.0" layoutY="8.0" prefHeight="18.0" prefWidth="74.0" text="Artist Name" />
                  <Label layoutX="43.0" layoutY="8.0" text="Song Title" />
                  <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#ffffff00" height="34.0" layoutX="7.0" stroke="BLACK" strokeType="INSIDE" width="567.0" />
               </children>
            </AnchorPane>
         </children>
      </HBox>
      <HBox prefHeight="64.0" prefWidth="578.0">
         <children>
            <AnchorPane prefHeight="65.0" prefWidth="578.0">
               <children>
                  <Label layoutX="32.0" layoutY="23.0" text="Rahe Meykhaneh" />
                  <Label layoutX="169.0" layoutY="23.0" text="M.Shajarian" />

                  <Label layoutX="275.0" layoutY="23.0" text="06:19" />

                  <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#1f93ff00" height="48.0" layoutX="7.0" layoutY="8.0" stroke="BLACK" strokeType="INSIDE" width="567.0" />
                  <Button fx:id="4" layoutX="366.0" layoutY="18.0" mnemonicParsing="false" onAction="#addToPlaylist" prefHeight="26.0" prefWidth="86.0" text="Add To PlayList" userData="Rahe Meykhaneh --- M.Shajarian">
                     <font>
                        <Font size="10.0" />
                     </font>
                  </Button>
                  <Button fx:id="1" layoutX="520.0" layoutY="20.0" mnemonicParsing="false" onAction="#handlePlayAction" prefHeight="22.0" prefWidth="34.0" text="Play">
                     <font>
                        <Font size="10.0" />
                     </font>
                  </Button>

               </children>
            </AnchorPane>
         </children>
      </HBox>

   <HBox prefHeight="64.0" prefWidth="578.0">
      <children>
         <AnchorPane prefHeight="65.0" prefWidth="578.0">
            <children>
               <Label layoutX="32.0" layoutY="23.0" text="Saghi Bia" />
               <Label layoutX="169.0" layoutY="23.0" text="M.Shajarian" />

               <Label layoutX="275.0" layoutY="23.0" text="01:52" />

               <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#1f93ff00" height="48.0" layoutX="7.0" layoutY="8.0" stroke="BLACK" strokeType="INSIDE" width="567.0" />
                  <Button fx:id="5" layoutX="366.0" layoutY="19.0" mnemonicParsing="false" onAction="#addToPlaylist" prefHeight="26.0" prefWidth="86.0" text="Add To PlayList" userData="Saghi Bia --- M.Shajarian">
                     <font>
                        <Font size="10.0" />
                     </font>
                  </Button>
                  <Button fx:id="2" layoutX="520.0" layoutY="21.0" mnemonicParsing="false" onAction="#handlePlayAction" prefHeight="22.0" prefWidth="34.0" text="Play">
                     <font>
                        <Font size="10.0" />
                     </font>
                  </Button>
                </children>
         </AnchorPane>
      </children>
   </HBox>
   <HBox prefHeight="64.0" prefWidth="578.0">
      <children>
         <AnchorPane prefHeight="65.0" prefWidth="578.0">
            <children>
               <Label layoutX="32.0" layoutY="23.0" text="Mara Be Hich Bedady" />
               <Label layoutX="169.0" layoutY="23.0" text="M.Shajarian" />

               <Label layoutX="275.0" layoutY="23.0" text="16:59" />
               <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#1f93ff00" height="48.0" layoutX="7.0" layoutY="8.0" stroke="BLACK" strokeType="INSIDE" width="567.0" />
                  <Button fx:id="6" layoutX="365.0" layoutY="18.0" mnemonicParsing="false" onAction="#addToPlaylist" prefHeight="26.0" prefWidth="86.0" text="Add To PlayList" userData="Mara Be Hich Bedady --- M.Shajarian">
                     <font>
                        <Font size="10.0" />
                     </font>
                  </Button>
                  <Button fx:id="3" layoutX="518.0" layoutY="20.0" mnemonicParsing="false" onAction="#handlePlayAction" prefHeight="22.0" prefWidth="34.0" text="Play">
                     <font>
                        <Font size="10.0" />
                     </font>
                  </Button>

            </children>
         </AnchorPane>
      </children>
   </HBox>
   <HBox prefHeight="100.0" prefWidth="200.0">
      <children>
         <AnchorPane prefHeight="200.0" prefWidth="200.0">
            <children>
               <Label layoutX="32.0" layoutY="50.0" text="Now Play :" />
               <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#ffffff00" height="64.0" layoutX="8.0" layoutY="27.0" stroke="BLACK" strokeType="INSIDE" width="567.0" />
                  <Button fx:id="show" layoutX="367.0" layoutY="46.0" mnemonicParsing="false" onAction="#openPlaylistWindow" prefHeight="26.0" prefWidth="190.0" text="Show PlayList" />
                  <Label fx:id="nowPlayingLabel" alignment="CENTER" layoutX="99.0" layoutY="51.0" prefHeight="18.0" prefWidth="126.0" text="Now" />
            </children>
         </AnchorPane>
      </children>
   </HBox>
      <HBox prefHeight="110.0" prefWidth="578.0">
         <children>
            <AnchorPane prefHeight="102.0" prefWidth="578.0">
               <children>
                   <Label fx:id="timeLabel" layoutX="142.0" layoutY="59.0" prefHeight="18.0" prefWidth="42.0" text="t" />
                  <Label layoutX="30.0" layoutY="59.0" prefHeight="18.0" prefWidth="42.0" text="Time" />
                  <Label layoutX="243.0" layoutY="40.0" prefHeight="18.0" prefWidth="49.0" text="Volume" />
                  <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#e1e2e300" height="100.0" layoutX="7.0" stroke="BLACK" strokeType="INSIDE" width="567.0" />
                  <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#e6eaed00" height="74.0" layoutX="11.0" layoutY="12.0" stroke="BLACK" strokeType="INSIDE" width="190.0" />
                  <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#ffffff00" height="74.0" layoutX="205.0" layoutY="12.0" stroke="BLACK" strokeType="INSIDE" width="126.0" />
                  <ToggleButton fx:id="themeButton" layoutX="365.0" layoutY="36.0" mnemonicParsing="false" onAction="#toggleTheme" prefHeight="26.0" prefWidth="190.0" text="Change Theme" />
                  <Slider fx:id="timeSlider" layoutX="28.0" layoutY="42.0" prefHeight="14.0" prefWidth="156.0" />

                  <Slider fx:id="volumeSlider" layoutX="215.0" layoutY="19.0" orientation="VERTICAL" prefHeight="58.0" prefWidth="14.0" />

               </children>
            </AnchorPane>
         </children>
      </HBox>

   </children>
</VBox>
