@extends('layouts.front.main')
@section('title', __('frontWords.artist_single'))
@section('content')

<div class="ms-banner hero-area-two1" style="
    padding-top: 81px;
">
                <div class="container ">
                     <div class="ms_album_single_wrapper">
            <div class="album_single_data">
                <div class="album_single_img">
                    <img src="{{asset('/assets/images/banner.png')}}" alt="" class="img-fluid">
                </div>
                <div class="album_single_text">
                    <h2>I Survive</h2>
                    <p class="singer_name">Rani Mangamma Parameshwari</p>
                   <p class="singer_name1">Lorem ipsum dolor sit amet consectetur adipisicing eitMollitia et recusandae eaque voluptatum veritatis incidu  officia, reiciendis possimus fuga enim quasi omnis ip atis incidu  official a modi.ciendis. Obcaecati.Lorem ipsum dolor sit amete eaque</p>
                   
                    <div class="album_btn">
                        <a href="#" class="ms_btn play_btn"><span class="play_all"><img src="{{asset('/assets/images/svg/play_all.svg')}}" alt="">Play All</span><span class="pause_all"><img src="{{asset('/assets/images/svg/pause_all.svg')}}" alt="">Pause</span></a>
                        <a href="#" class="ms_btn d-none"><span class="play_all"><img src="{{asset('/assets/images/svg/add_q.svg')}}" alt="">Add To Queue</span></a>
                    </div>
                </div>
                <div class="album_more_optn ms_more_icon">
                    <span><img src="{{asset('/assets/images/svg/more.svg')}}" alt=""></span>
                </div>
                <ul class="more_option">
                    <li><a href="#"><span class="opt_icon"><span class="icon icon_fav"></span></span>Add To Favourites</a></li>
                    <li><a href="#"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
                    
                    <li><a href="#"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
                </ul>
            </div>
            <!----Song List---->
			<div class="album_inner_list">
				<div class="album_list_wrapper">
					<ul class="album_list_name">
						<li>Date</li>
						<li>Recently Added</li>
						<li> Behind the Mic
</li>
						<li class="text-center">Duration</li>
						
						<li class="text-center">More</li>
					</ul>
					<ul>
						<li><a href="#"><span class="play_no">01</span><span class="play_hover"></span></a></li>
						<li><a href="#">Lorem Ipsum</a></li>
						<li><a href="#"> dolor sit amet </a></li>
						<li class="text-center"><a href="#">0:00</a></li>
						
						<li class="text-center ms_more_icon"><a href="javascript:;"><span class="ms_icon1 ms_active_icon"></span></a>
							<ul class="more_option">
								<li><a href="#"><span class="opt_icon"><span class="icon icon_fav"></span></span>Add To Favourites</a></li>
								<li><a href="#"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
								
								
								<li><a href="#"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
							</ul>
						</li>
					</ul>
					<ul>
						<li><a href="#"><span class="play_no">01</span><span class="play_hover"></span></a></li>
						<li><a href="#">Lorem Ipsum</a></li>
						<li><a href="#"> dolor sit amet </a></li>
						<li class="text-center"><a href="#">0:00</a></li>
						
						<li class="text-center ms_more_icon"><a href="javascript:;"><span class="ms_icon1 ms_active_icon"></span></a>
							<ul class="more_option">
								<li><a href="#"><span class="opt_icon"><span class="icon icon_fav"></span></span>Add To Favourites</a></li>
								<li><a href="#"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
								
								
								<li><a href="#"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
							</ul>
						</li>
					</ul>
					<ul>
						<li><a href="#"><span class="play_no">01</span><span class="play_hover"></span></a></li>
						<li><a href="#">Lorem Ipsum</a></li>
						<li><a href="#"> dolor sit amet </a></li>
						<li class="text-center"><a href="#">0:00</a></li>
						
						<li class="text-center ms_more_icon"><a href="javascript:;"><span class="ms_icon1 ms_active_icon"></span></a>
							<ul class="more_option">
								<li><a href="#"><span class="opt_icon"><span class="icon icon_fav"></span></span>Add To Favourites</a></li>
								<li><a href="#"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
								
								
								<li><a href="#"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
							</ul>
						</li>
					</ul>
					<ul>
						<li><a href="#"><span class="play_no">01</span><span class="play_hover"></span></a></li>
						<li><a href="#">Lorem Ipsum</a></li>
						<li><a href="#"> dolor sit amet </a></li>
						<li class="text-center"><a href="#">0:00</a></li>
						
						<li class="text-center ms_more_icon"><a href="javascript:;"><span class="ms_icon1 ms_active_icon"></span></a>
							<ul class="more_option">
								<li><a href="#"><span class="opt_icon"><span class="icon icon_fav"></span></span>Add To Favourites</a></li>
								<li><a href="#"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
								
								
								<li><a href="#"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
							</ul>
						</li>
					</ul>
					<ul>
						<li><a href="#"><span class="play_no">01</span><span class="play_hover"></span></a></li>
						<li><a href="#">Lorem Ipsum</a></li>
						<li><a href="#"> dolor sit amet </a></li>
						<li class="text-center"><a href="#">0:00</a></li>
						
						<li class="text-center ms_more_icon"><a href="javascript:;"><span class="ms_icon1 ms_active_icon"></span></a>
							<ul class="more_option">
								<li><a href="#"><span class="opt_icon"><span class="icon icon_fav"></span></span>Add To Favourites</a></li>
								<li><a href="#"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
								
								
								<li><a href="#"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
        </div>
                </div>
            </div>
			
     
           

<div class="ms_fea_album_slider join-conference-area1 ">
 <div class="container">
       <div class="section-title pt-4 border-0">
                   
                     <h3>

 Newly Released Podcast</h3>
 <div class="album_more_optn ms_more_icon" style="
    right: 10%;
">
                    <span><img src="{{asset('/assets/images/svg/more.svg')}}" alt=""></span>
                </div>
                <ul class="more_option">
                    <li><a href="#"><span class="opt_icon"><span class="icon icon_fav"></span></span>Add To Favourites</a></li>
                    <li><a href="#"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
                    
                    <li><a href="#"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
                </ul>
 
                </div>
                <div class="ms_album_slider swiper-container pb-5">
            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                    <div class="ms_rcnt_box">
                        <div class="ms_rcnt_box_img">
                                                            <img src="http://disrupttheme2.goodmayesonline.com/wp-content/uploads/2022/12/93eaddfd90a53d5f85cc834b6756c3e1-1.png" alt="" class="img-fluid album-img1">
                                                    <div class="bottom-right"><a href="#"><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44.438" width="45" height="44.438"><defs><clipPath clipPathUnits="userSpaceOnUse" id="a"><path d="M-730.688-1406.813h1080v2784.375h-1080z"/></clipPath></defs><g clip-path="url(#a)"><path d="M.169 16.875C.169 7.537 7.707 0 17.044 0h10.575c9.338 0 16.875 7.538 16.875 16.875V27.45c0 9.338-7.538 16.875-16.875 16.875H17.044C7.706 44.325.169 36.787.169 27.45z" style="opacity:.7;fill:#fff"/><path d="m16.425 13.275 15.188 8.888-15.188 8.888z" style="fill:#dc143c"/></g></svg></a></div>    
                             <div class="ms_main_overlay">
                                            <div class="ms_box_overlay"></div>
                                            <div class="ms_more_icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="5.333" viewBox="0 0 20 5.333"><path fill-rule="evenodd" fill="#FFF" d="M17.333 5.332c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Z"/></svg>
                                            </div>
                                            <ul class="more_option">
                                                <li><a href="javascript:;" class="addToFavourite" data-favourite="8" data-type="artist"><span class="opt_icon">
												<span class="icon icon_fav"></span></span>Favourites</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
                                                <li><a href="javascript:;" class="" data-shareuri="#" data-sharename="Sonya Roberson"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
                                            </ul>
                                           
                                        </div>
                        </div>
                        <div class="ms_rcnt_box_text ms_rcnt_boxs m-0">
                            <h4 class=""><a href="#">Tomorrowland shows off first look at jaw-dropping nye </a></h4>
                            <p>
				Tomorrowland has developed four lavish stage setups for its second virtual tival.Tomorrowland has developed four lavish stage setups for its second virtua	</p>
                        </div>
                    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="ms_rcnt_box">
                        <div class="ms_rcnt_box_img">
                                                            <img src="http://disrupttheme2.goodmayesonline.com/wp-content/uploads/2023/01/304e75f933cdfcfa722a917607879541.png" alt="" class="img-fluid album-img1">
                                                      <div class="bottom-right"><a href="#"><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44.438" width="45" height="44.438"><defs><clipPath clipPathUnits="userSpaceOnUse" id="a"><path d="M-730.688-1406.813h1080v2784.375h-1080z"/></clipPath></defs><g clip-path="url(#a)"><path d="M.169 16.875C.169 7.537 7.707 0 17.044 0h10.575c9.338 0 16.875 7.538 16.875 16.875V27.45c0 9.338-7.538 16.875-16.875 16.875H17.044C7.706 44.325.169 36.787.169 27.45z" style="opacity:.7;fill:#fff"/><path d="m16.425 13.275 15.188 8.888-15.188 8.888z" style="fill:#dc143c"/></g></svg></a></div>    
                             <div class="ms_main_overlay">
                                            <div class="ms_box_overlay"></div>
                                            <div class="ms_more_icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="5.333" viewBox="0 0 20 5.333"><path fill-rule="evenodd" fill="#FFF" d="M17.333 5.332c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Z"/></svg>
                                            </div>
                                            <ul class="more_option">
                                                <li><a href="javascript:;" class="addToFavourite" data-favourite="8" data-type="artist"><span class="opt_icon">
												<span class="icon icon_fav"></span></span>Favourites</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
                                                <li><a href="javascript:;" class="" data-shareuri="#" data-sharename="Sonya Roberson"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
                                            </ul>
                                           
                                        </div>
                         
                           
                        </div>
                         <div class="ms_rcnt_box_text ms_rcnt_boxs m-0">
                            <h4 class=""><a href="#">Tomorrowland shows off first look at jaw-dropping nye </a></h4>
                            <p>
				Tomorrowland has developed four lavish stage setups for its second virtual tival.Tomorrowland has developed four lavish stage setups for its second virtua	</p>
                        </div>
                    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="ms_rcnt_box">
                        <div class="ms_rcnt_box_img">
                                                            <img src="http://disrupttheme2.goodmayesonline.com/wp-content/uploads/2023/01/21295.png" alt="" class="img-fluid album-img1">
                                                        
                           <div class="bottom-right"><a href="#"><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44.438" width="45" height="44.438"><defs><clipPath clipPathUnits="userSpaceOnUse" id="a"><path d="M-730.688-1406.813h1080v2784.375h-1080z"/></clipPath></defs><g clip-path="url(#a)"><path d="M.169 16.875C.169 7.537 7.707 0 17.044 0h10.575c9.338 0 16.875 7.538 16.875 16.875V27.45c0 9.338-7.538 16.875-16.875 16.875H17.044C7.706 44.325.169 36.787.169 27.45z" style="opacity:.7;fill:#fff"/><path d="m16.425 13.275 15.188 8.888-15.188 8.888z" style="fill:#dc143c"/></g></svg></a></div>    
                             <div class="ms_main_overlay">
                                            <div class="ms_box_overlay"></div>
                                            <div class="ms_more_icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="5.333" viewBox="0 0 20 5.333"><path fill-rule="evenodd" fill="#FFF" d="M17.333 5.332c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Z"/></svg>
                                            </div>
                                            <ul class="more_option">
                                                <li><a href="javascript:;" class="addToFavourite" data-favourite="8" data-type="artist"><span class="opt_icon">
												<span class="icon icon_fav"></span></span>Favourites</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
                                                <li><a href="javascript:;" class="" data-shareuri="#" data-sharename="Sonya Roberson"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
                                            </ul>
                                           
                                        </div>
                       
                        </div>
                       <div class="ms_rcnt_box_text ms_rcnt_boxs m-0">
                            <h4 class=""><a href="#">Tomorrowland shows off first look at jaw-dropping nye </a></h4>
                            <p>
				Tomorrowland has developed four lavish stage setups for its second virtual tival.Tomorrowland has developed four lavish stage setups for its second virtua	</p>
                        </div>
                    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="ms_rcnt_box">
                        <div class="ms_rcnt_box_img">
                                                            <img src="http://disrupttheme2.goodmayesonline.com/wp-content/uploads/2022/12/22092.png" alt="" class="img-fluid album-img1">
                                                        
                            <div class="bottom-right"><a href="#"><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44.438" width="45" height="44.438"><defs><clipPath clipPathUnits="userSpaceOnUse" id="a"><path d="M-730.688-1406.813h1080v2784.375h-1080z"/></clipPath></defs><g clip-path="url(#a)"><path d="M.169 16.875C.169 7.537 7.707 0 17.044 0h10.575c9.338 0 16.875 7.538 16.875 16.875V27.45c0 9.338-7.538 16.875-16.875 16.875H17.044C7.706 44.325.169 36.787.169 27.45z" style="opacity:.7;fill:#fff"/><path d="m16.425 13.275 15.188 8.888-15.188 8.888z" style="fill:#dc143c"/></g></svg></a></div>    
                             <div class="ms_main_overlay">
                                            <div class="ms_box_overlay"></div>
                                            <div class="ms_more_icon">
                                               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="5.333" viewBox="0 0 20 5.333"><path fill-rule="evenodd" fill="#FFF" d="M17.333 5.332c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Z"/></svg>
                                            </div>
                                            <ul class="more_option">
                                                <li><a href="javascript:;" class="addToFavourite" data-favourite="8" data-type="artist"><span class="opt_icon">
												<span class="icon icon_fav"></span></span>Favourites</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
                                                <li><a href="javascript:;" class="" data-shareuri="#" data-sharename="Sonya Roberson"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
                                            </ul>
                                           
                                        </div>
                       
                        </div>
                        <div class="ms_rcnt_box_text ms_rcnt_boxs m-0">
                            <h4 class=""><a href="#">Tomorrowland shows off first look at jaw-dropping nye </a></h4>
                            <p>
				Tomorrowland has developed four lavish stage setups for its second virtual tival.Tomorrowland has developed four lavish stage setups for its second virtua	</p>
                        </div>
                    </div>
                </div>
                                <div class="swiper-slide">
                    <div class="ms_rcnt_box">
                        <div class="ms_rcnt_box_img">
                                                            <img src="http://disrupttheme2.goodmayesonline.com/wp-content/uploads/2022/12/22092.png" alt="" class="img-fluid album-img1">
                                                        
                            <div class="bottom-right"><a href="#"><svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44.438" width="45" height="44.438"><defs><clipPath clipPathUnits="userSpaceOnUse" id="a"><path d="M-730.688-1406.813h1080v2784.375h-1080z"/></clipPath></defs><g clip-path="url(#a)"><path d="M.169 16.875C.169 7.537 7.707 0 17.044 0h10.575c9.338 0 16.875 7.538 16.875 16.875V27.45c0 9.338-7.538 16.875-16.875 16.875H17.044C7.706 44.325.169 36.787.169 27.45z" style="opacity:.7;fill:#fff"/><path d="m16.425 13.275 15.188 8.888-15.188 8.888z" style="fill:#dc143c"/></g></svg></a></div>    
                             <div class="ms_main_overlay">
                                            <div class="ms_box_overlay"></div>
                                            <div class="ms_more_icon">
                                               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="5.333" viewBox="0 0 20 5.333"><path fill-rule="evenodd" fill="#FFF" d="M17.333 5.332c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Zm-7.333 0c-1.471 0 -2.667 -1.196 -2.667 -2.667 0 -1.469 1.196 -2.667 2.667 -2.667s2.667 1.197 2.667 2.667c0 1.471 -1.196 2.667 -2.667 2.667Z"/></svg>
                                            </div>
                                            <ul class="more_option">
                                                <li><a href="javascript:;" class="addToFavourite" data-favourite="8" data-type="artist"><span class="opt_icon">
												<span class="icon icon_fav"></span></span>Favourites</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon icon_queue"></span></span>Add To Queue</a></li>
                                                <li><a href="javascript:;" class="" data-shareuri="#" data-sharename="Sonya Roberson"><span class="opt_icon"><span class="icon icon_share"></span></span>Share</a></li>
                                            </ul>
                                           
                                        </div>
                       
                        </div>
                         <div class="ms_rcnt_box_text ms_rcnt_boxs m-0">
                            <h4 class=""><a href="#">Tomorrowland shows off first look at jaw-dropping nye </a></h4>
                            <p>
				Tomorrowland has developed four lavish stage setups for its second virtual tival.Tomorrowland has developed four lavish stage setups for its second virtua	</p>
                        </div>
                    </div>
                </div>
                 
            </div>
        </div>
                
				 
        <div class="swiper-button-next1 slider_nav_next"></div>
        <div class="swiper-button-prev1 slider_nav_prev"></div>
    </div>
   </div>
  


<!---"<div class="ms_album_single_wrapper ms_artist_single">
    <div class="album_single_data">
        @php
            if(!empty($artist)){
                $genre_name = getArtistGenreName(['genre_id' => $artist[0]->artist_genre_id]);
        @endphp
        <div class="album_single_img">
            @if($artist[0]->image != '' && file_exists(public_path('images/artist/'.$artist[0]->image)))
                <img src="{{ asset('images/artist/'.$artist[0]->image) }}" alt="" class="img-fluid">
            @else
                <img src="{{ dummyImage('artist') }}" alt="" class="img-fluid">
            @endif            
        </div>
        <div class="album_single_text">
            <h2>{{ $artist[0]->artist_name }}</h2>
            <p class="singer_name">{{ $genre_name }}</p>
            <div class="about_artist">{{ $artist[0]->description }} </div>
            <div class="album_btn">
                <a href="#" class="ms_btn play_btn play_music" data-musicid="{{ $artist[0]->id }}" data-musictype="artist" data-url="{{ url('/songs') }}"><span class="play_all"><img src="{{ asset('assets/images/svg/play_all.svg') }}" alt="">{{ __('frontWords.play_all') }}</span><span class="pause_all"><img src="{{ asset('assets/images/svg/pause_all.svg') }}" alt="">{{ __('frontWords.pause') }}</span></a>
                <a href="javascript:;" class="ms_btn add_to_queue" data-musicid="{{ $artist[0]->id }}" data-musictype="artist"><span class="play_all"><img src="{{ asset('assets/images/svg/add_q.svg') }}" alt="">{{ __('frontWords.add_to_queue') }}</span></a>
            </div>
        </div>
        <div class="album_more_optn ms_more_icon">
            <span><img src="{{ asset('assets/images/svg/more.svg') }}" alt=""></span>
        </div>
        <ul class="more_option">
            <li><a href="javascript:;" class="addToFavourite" data-favourite="{{ $artist[0]->id }}" data-type="artist"><span class="opt_icon"><span class="icon icon_fav"></span></span>{{ __('frontWords.favourites') }}</a></li>
            <li><a href="javascript:;" class="add_to_queue" data-musicid="{{ $artist[0]->id }}" data-musictype="artist"><span class="opt_icon"><span class="icon icon_queue"></span></span>{{ __('frontWords.add_to_queue') }}</a></li>
            <li><a href="javascript:;" class="ms_share_music" data-shareuri="{{ url('artist/single/'.$artist[0]->id.'/'.$artist[0]->artist_slug) }}" data-sharename="{{ $artist[0]->artist_name }}"><span class="opt_icon"><span class="icon icon_share"></span></span>{{ __('frontWords.share') }}</a></li>
        </ul>
       
    </div>
    <div class="album_inner_list">
        <div class="album_list_wrapper">
            <ul class="album_list_name">
                <li>#</li>
                <li>{{ __('frontWords.track_title') }}</li>
                <li>{{ __('frontWords.artist') }}</li>
                <li class="text-center">{{ __('frontWords.duration') }}</li>
                <li class="text-center">{{ __('frontWords.more') }}</li>
            </ul>
            @php 
                if(sizeof($getSong) > 0){
                    $song_list = json_decode($getSong[0]->audio_id);
                    if(!empty($song_list)){
                        $cnt = 0;
                        foreach($song_list as $song){
                            $audioDetail = audioDetail(['songid' => $song]);
                            if(!empty($audioDetail)){
                                foreach($audioDetail as $audios){
                                    $cnt++;
                                    $getArtist = json_decode($audios->artist_id);
                                    $artist_name = '';
                                    foreach($getArtist as $artistName){
                                        $artists = select(['column'=>'artist_name','table'=>'artists','where'=>['id'=>$artistName] ]);
                                        if(count($artists) > 0){
                                            $artist_name .= $artists[0]->artist_name.',';
                                        }
                                    }
                                    $getLikeDislikeAudio = getFavDataId(['column' => 'audio_id', 'audio_id' => $audios->id]);
            @endphp
            <ul>
                <li><span class="play_no">{{ $cnt }}</span><span class="play_hover play_music" data-musicid="{{ $audios->id }}" data-musictype="audio" data-url="{{ url('/songs') }}"></span></li>
                <li><a href="{{ url('audio/single/'.$audios->id.'/'.$audios->audio_slug) }}">{{ $audios->audio_title }}</a></li>
                <li>{{ rtrim($artist_name,',') }}</li>
                <li class="text-center">{{ $audios->audio_duration }}</li>
                <li class="text-center ms_more_icon"><a href="javascript:;"><span class="ms_icon1 ms_active_icon"></span></a>
                    <ul class="more_option">
                        <li><a href="javascript:;" class="addToFavourite" data-favourite="{{ $audios->id }}" data-type="audio"><span class="opt_icon"><span class="icon {{ ($getLikeDislikeAudio == 1 ? 'icon_fav_add' : 'icon_fav') }}"></span></span>{{ __('frontWords.favourites') }}</a></li>
                        <li><a href="javascript:;" class="add_to_queue" data-musicid="{{ $audios->id }}" data-musictype="audio"><span class="opt_icon"><span class="icon icon_queue"></span></span>{{ __('frontWords.add_to_queue') }}</a></li>
                        @php
                            if(!empty($userPlan) && $userPlan->is_download == 1){
                                if($audios->aws_upload == 1){
                                    echo  '<li><a href="'.getSongAWSUrlHtml($audios).'"><span class="opt_icon"><span class="icon icon_dwn"></span></span>'.__("frontWords.download_now").'</a></li>';
                                }else{
                                    echo '<li><a href="javascript:;" class="download_track" data-musicid="'.$audios->id.'"><span class="opt_icon"><span class="icon icon_dwn"></span></span>'.__('frontWords.download_now').'</a></li>';
                                }
                            }
                        @endphp
                        <li><a href="javascript:;" class="ms_add_playlist" data-musicid="{{ $audios->id }}"><span class="opt_icon"><span class="icon icon_playlst"></span></span>{{ __('frontWords.add_to_playlist') }}</a></li>
                        <li><a href="javascript:;" class="ms_share_music" data-shareuri="{{ url('audio/single/'.$audios->id.'/'.$audios->audio_slug) }}" data-sharename="{{ $audios->title }}"><span class="opt_icon"><span class="icon icon_share"></span></span>{{ __('frontWords.share') }}</a></li>
                    </ul>
                </li>
            </ul>
            @php
                            }
                        }
                    }
                }
            }
            @endphp
        </div>
    </div>
</div>"--->

@php
    }
@endphp

@endsection