@extends('layouts.admin.main')
@section('title', __('Audio Uploads'))
@section('style')
    <link href="{{ asset('assets/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{ asset('assets/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.3/css/jquery.dataTables.min.css">
@endsection
@section('rightbar-content')                
<div class="breadcrumbbar">
	<div class="row align-items-center">
		<div class="col-md-7 col-lg-7">
			<h4 class="page-title">All Audios</h4>
			<div class="breadcrumb-list">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="{{url('/')}}">{{ __('adminWords.home') }}</a></li>
					<li class="breadcrumb-item"><a href="#">All Audios</a></li>
				</ol>
			</div>
		</div>
	</div>          
</div>

<div class="contentbar">  
	<div class="row">
		<div class="col-lg-12"> 
			<div class="card m-b-30">
				<div class="card-header">                                
					<div class="row align-items-center">
						<div class="col-6">
							<h5 class="card-title mb-0">All Audios</h5>
						</div>
					</div>
				</div>
				<div class="card-body">					
							
				</div>
			</div>
		</div>
	</div>
</div>
<div class="ms_top_artist">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="ms_heading">
                                <h1>All Audios</h1>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                           <div class="ms_rcnt_box card p-2 ">
                      <div class="ms_rcnt_box_img">
                                                          <a href="home.html">    <img src="{{asset('/assets/images/ui-cards/ui-cards-11.jpg')}}" alt="" class="img-fluid album-img1"></a>
																					   
                             <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="icon3 "></span></span>Detail info</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon2 "></span></span>Copy link</a></li>
                                               <li><a href="#"><span class="opt_icon"><span class="icon4 "></span></span>Download </a></li>
											    <li><a href="#"><span class="opt_icon">
												<span class="icon1 delete-icon"></span></span>Delete </a></li>
                                            </ul>
                                           
                                        </div>
										
													    
													    
                        </div>
                        <div class="ms_rcnt_box_text ">
                            <h4 class="text-black"><a href="#" style="color:#000">Tomorrowland shows  </a></h4>
                           
                        </div>
                    </div>
					
                        </div>
                          
<div class="col-lg-4 col-md-6">
                           <div class="ms_rcnt_box card p-2 ">
                      <div class="ms_rcnt_box_img">
                                                          <a href="home.html">    <img src="{{asset('/assets/images/ui-cards/ui-cards-11.jpg')}}" alt="" class="img-fluid album-img1"></a>
																					   
                             <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="icon3 "></span></span>Detail info</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon2 "></span></span>Copy link</a></li>
                                               <li><a href="#"><span class="opt_icon"><span class="icon4 "></span></span>Download </a></li>
											    <li><a href="#"><span class="opt_icon">
												<span class="icon1 delete-icon"></span></span>Delete </a></li>
                                            </ul>
                                           
                                        </div>
										
													    
													    
                        </div>
                        <div class="ms_rcnt_box_text ">
                            <h4 class="text-black"><a href="#" style="color:#000">Tomorrowland shows  </a></h4>
                           
                        </div>
                    </div>
					
                        </div>
                         <div class="col-lg-4 col-md-6">
                           <div class="ms_rcnt_box card p-2 ">
                      <div class="ms_rcnt_box_img">
                                                          <a href="home.html">    <img src="{{asset('/assets/images/ui-cards/ui-cards-11.jpg')}}" alt="" class="img-fluid album-img1"></a>
																					   
                             <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="icon3 "></span></span>Detail info</a></li>
                                                <li><a href="javascript:;" class="add_to_queue" data-musicid="8" data-musictype="artist"><span class="opt_icon"><span class="icon2 "></span></span>Copy link</a></li>
                                               <li><a href="#"><span class="opt_icon"><span class="icon4 "></span></span>Download </a></li>
											    <li><a href="#"><span class="opt_icon">
												<span class="icon1 delete-icon"></span></span>Delete </a></li>
                                            </ul>
                                           
                                        </div>
										
													    
													    
                        </div>
                        <div class="ms_rcnt_box_text ">
                            <h4 class="text-black"><a href="#" style="color:#000">Tomorrowland shows  </a></h4>
                           
                        </div>
                    </div>
					
                        </div>
                         
						  </div>
                </div>
            </div> 


@endsection
@section('script')
	<script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>      
    <script src="{{ asset('assets/js/mrcls-custom.js') }}"></script>  
    

    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.13.3/js/jquery.dataTables.min.js"></script>
     <script src="https://cdn.datatables.net/1.13.3/js/jquery.dataTables.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.3.5/js/dataTables.buttons.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#example').DataTable({
                "lengthChange": false,
                dom: 'Bfrtip', 
                buttons: [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ] 
            });
        });
    </script>
@endsection