@extends('layouts.default')
@section('content')
<div class="container-fluid">
    <div class="nk-content-inner">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Liste des artistes</h3>
                        <div class="nk-block-des text-soft">
                            <p>Vous avez au tolal {{count($users)}} artistes.</p>
                        </div>
                    </div><!-- .nk-block-head-content -->
             
                </div><!-- .nk-block-between -->
            </div><!-- .nk-block-head -->
           
            <div class="nk-block nk-block-lg">
                <div class="row g-gs">

                @foreach ($users as $user)
                    @foreach ($catalogs as $catalog)
                        @if($catalog->id_artist == $user->id) 
                        <div class="col-sm-6 col-lg-3 col-xxl-3">
                            <div class="card card-bordered">
                            <img src="https://api.nafstars.com/images/{{$catalog->image}}" class="card-img-top" alt="">
                                <div class="card-inner">
                                    <div class="team">
                                        <div class="user-card user-card-s2">
                                            <div class="user-info">
                                                <h6>{{$user->name}}</h6>
                                                <span class="sub-text">Artiste</span>
                                            </div>
                                        </div>
                                        
                                        <div class="team-view">
                                            <a href="{{ route('ArtistDetailStat', ['id' => $user->id]) }}" class="btn btn-block btn-dim btn-primary"><span>Voir Profil</span></a>
                                        </div>
                                    </div><!-- .team -->
                                </div><!-- .card-inner -->
                            </div><!-- .card -->
                        </div><!-- .col -->
                        @endif
                    @endforeach
                @endforeach     
                </div>
            </div><!-- .nk-block -->
        </div>
    </div>
</div>
@stop