@extends('layouts.master')

@section('title') {{__('admin.dashboard')}} -@endsection
@section('css')
<link href="{{ asset('public/css/artist/autoptimize_0796f2a3114c.css') }}?v={{__system_settings('version')}}" rel="stylesheet">
<link href="{{ asset('public/css/artist/automix1.css') }}?v={{__system_settings('version')}}" rel="stylesheet">
<link href="{{ asset('public/css/artist/automix2.css') }}?v={{__system_settings('version')}}" rel="stylesheet">


@endsection
@section('content')

<section class="section section-sm">
    <div class="container-fluid">
        <div class="row mt-4">
            <div class="col-md-12 col-lg-12">
                <div class="main-body">
    <main class="bai-lists-page">
        <section class="bai_lists_index">
            <div class="bai_lists_index_header">
                <h1>MemberShip Lists</h1>
        
            </div>

            <div class="bai_lists_empty">
                @if(!blank($myLists))
                    <div class="bai-browse-items-wrapper-js">
                        <div class="bai-browse-table bai-browse-table--no-add-to-list">
                            <div class="bai-browse-table__head">
                                <div class="bai-browse-table__header">Name</div>
                                <div class="bai-browse-table__header">Category</div>
                                <div class="bai-browse-table__header">Age</div>
                                <div class="bai-browse-table__header">Country</div>
                                <div class="bai-browse-table__header bai-browse-table__header--with-icon">
                                   
                                    <img src="{{url('public/svg/ig.svg')}}" class="svg-icon" />
                                </div>
                                <div class="bai-browse-table__header bai-browse-table__header--with-icon">
                                    <img src="{{url('public/svg/fb.svg')}}" class="svg-icon" />
                                </div>
                                <div class="bai-browse-table__header bai-browse-table__header--with-icon">
                                    <img src="{{url('public/svg/x.svg')}}" class="svg-icon" />
                                </div>
                                <div class="bai-browse-table__header bai-browse-table__header--with-icon">
                                    <img src="{{url('public/svg/tk.svg')}}" class="svg-icon" />
                                </div>
                                <div class="bai-browse-table__header bai-browse-table__header--add-to-list"></div>
                            </div>
                            <div class="bai-browse-table__body">
                                @forelse($myLists as $myList)
                                @php
                $artist = $myList->artist;
                @endphp
                @if(!blank($artist))
                                <div class="bai-browse-table__row-wrapper">
                                    <div class="bai-browse-table__row">
                                        <div href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--name">
                                            <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__name-wrapper">
                                                <img src="{{!blank($artist->avatar) ? secure_url('celebrity/' . $artist->avatar): secure_url('celebrity/default-avatar.png')}}" alt="{{$artist->name}}" class="bai-browse-table__avatar" />
                                                <span class="bai-browse-table__name">{{$artist->name}}</span>
                                            </a>
                                        </div>
                                        <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--name-mobile" aria-hidden="true">
                                            <span class="bai-browse-table__name bai-browse-table__name--mobile" aria-hidden="true">{{$artist->name}}</span>
                                        </a>
                                        <div class="bai-browse-table__cell bai-browse-table__cell--category">
                                            <span class="bai-browse-table__label">Category:</span>
                                            <div class="bai-browse-table__category-list" title="Film and TV, TV Personality">
                                                <a class="bai-browse-table__category-link">{{$artist->categoryType->name}}</a>
                                            </div>
                                        </div>
                                        <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--age">
                                            <span class="bai-browse-table__label">Age:</span><span class="bai-browse-table__age-text">{{$artist->age()}}</span>
                                        </a>
                                        <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--country"> <span class="bai-browse-table__label">Country:</span>{{$artist->country}}</a>
                                        <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--social bai-browse-table__cell--instagram">
                                            <span class="bai-browse-table__label">
                                                <img src="{{url('public/svg/ig.svg')}}" class="svg-icon" />
                                            </span>
                                            {{getSocialsFollowers($artist->socials , 'instagram')}}
                                            
                                        </a>
                                        <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--social bai-browse-table__cell--facebook">
                                            <span class="bai-browse-table__label">
                                                <img src="{{url('public/svg/fb.svg')}}" class="svg-icon" />
                                            </span>
                                        
                                            {{getSocialsFollowers($artist->socials , 'facebook')}}
                                        </a>
                                        <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--social bai-browse-table__cell--tiktok">
                                            <span class="bai-browse-table__label">
                                                <img src="{{url('public/svg/x.svg')}}" class="svg-icon" />
                                            </span>
                                          
                                            {{getSocialsFollowers($artist->socials , 'tiktok')}}
                                        </a>
                                        <a href="{{secure_url('artist/'.$artist->slug)}}" class="bai-browse-table__cell bai-browse-table__cell--social bai-browse-table__cell--spotify">
                                            <span class="bai-browse-table__label">
                                                <img src="{{url('public/svg/tk.svg')}}" class="svg-icon" />
                                            </span>
                                          
                                            {{getSocialsFollowers($artist->socials , 'spotify')}}
                                        </a>
                                        <div class="bai-browse-table__cell bai-browse-table__cell--category">
                            
                                <a href="{{route('user.preview.card',[$artist->slug,__the_hash($user->id)])}}" role="button" class="bai-primary-button bai-celebrity-contact__contact-button " href="Javascript:void">View</a>
                            </div>
                                    </div>
                                </div>
                                @endif
                                @empty
                                
                                @endforelse
                           
                         
                            </div>
                        </div>

                      
                    </div>
                @else
                   <p>You currently have no lists.</p>
                @endif
              
            </div>
            
        </section>
    </main>
   
</div>

            </div>
        </div>
    </div>
  </section>
@endsection

@section('javascript')
  
  @endsection