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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?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 layoutX="366.0" layoutY="18.0" mnemonicParsing="false" prefHeight="26.0" prefWidth="86.0" text="Add To PlayList">
                     <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 layoutX="366.0" layoutY="19.0" mnemonicParsing="false" prefHeight="26.0" prefWidth="86.0" text="Add To PlayList">
                     <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 layoutX="365.0" layoutY="18.0" mnemonicParsing="false" prefHeight="26.0" prefWidth="86.0" text="Add To PlayList">
                     <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" />
            </children>
         </AnchorPane>
      </children>
   </HBox>

   </children>
</VBox>
