album.php

<?php 

    include("includes/includedFiles.php");  

    if(isset($_GET['id'])){
        $albumId= $_GET['id'];
    }else{
        header("Location: index.php");
    }

    $album = new Album($con,$albumId);
    $artist = $album->getArtist();
?>

<div class="entityInfo">
     <div class="leftSection">
         <img src=" <?php echo $album->getArtworkPath();?>" alt="">
     </div>

    <div class="righSection">
         <h2><?php echo $album->getTitle(); ?></h2>
         <p>By <?php echo $artist->getName();?></p>
         <p> <?php echo $album->getNumberOfSongs();?> Songs</p>
    </div>
</div>

<div class ="tracklistContainer">
    <ul class="tracklist">
        <?php 
            $songIdArray = $album->getSongId();
            $i = 1;
            foreach($songIdArray as $songId){
                  
                $albumSong = new Song($con,$songId);
                $albumArtist = $albumSong->getArtist();
                
                echo "
                    <li class ='tracklistRow'> 
                        <div class='trackCount'>
                            <img class='play' src='assets/images/icons/play-white.png' onclick = 'setTrack(\"". $albumSong->getId(). "\", temporaryPlaylist,true)'>
                            <span class='trackNumber'>$i</span>
                        </div>

                        <div class ='trackInfo'>
                            <span class='trackName'>".$albumSong->getTitle()."</span>
                            <span class='artistName'>".$albumArtist->getName()."</span>
                        </div>

                        <div class ='trackOptions'>
                            <img class='optionButton' src='assets/images/icons/more.png'>
                        </div>

                        <div class='trackDuration'>
                            <span class='duration'>". $albumSong->getDuration()."</span>
                        </div>
                    </li>
                ";

                $i = $i+1;
            }
        ?>
        <script>
            var tempSongIds = '<?php echo json_encode($songIdArray);?>';
            temporaryPlaylist = JSON.parse(tempSongIds);
        </script>
    </ul>
</div>

<nav class="optionsMenu">
    <input type="hidden" class="songId">
    <div class="item">Add to playlist</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
</nav>