@foreach ($saloons as $key=> $saloon)
    <div class="col-md-4 mb-3">
        <div class="card shadow-sm border-0 h-100">
            <div class="position-relative">
                <div class="images-card">
                    @if($saloon->type == 1)
                    <a class="text-dark text-decoration-none" href="{{ url('saloon-view/' . $saloon->id) }}">
                        @if($saloon->profile_photo_path)
                        <img src="{{ asset('saloon_profile/' . $saloon->profile_photo_path) }}" height="150px" class="card-img-top w-100" alt="..." /></a>
                    @else
                    <a class="text-dark text-decoration-none" href="{{ url('saloon-view/' . $saloon->id) }}">
                        <img src="{{ asset('saloon_profile/user.png') }}" class="card-img-top" height="150px" alt="..." />
                    </a>
                    @endif
                    @else
                    <a class="text-dark text-decoration-none" href="{{ url('view-artist/' . $saloon->id) }}">
                        @if($saloon->profile_photo_path)
                        <img src="{{ asset('saloon_profile/' . $saloon->profile_photo_path) }}" height="150px" class="card-img-top" alt="..." /></a>
                    @else
                    <a class="text-dark text-decoration-none" href="{{ url('view-artist/' . $saloon->id) }}">
                        <img src="{{ asset('saloon_profile/user.png') }}" class="card-img-top" height="150px" alt="..." />
                    </a>
                    @endif
                    @endif
                    @php
                    $user = Auth::user();
                    if(isset($user)){
                    if(App\Models\Favorites::where('saloon_id', $saloon->id)->where('user_id',$user->id)->where('is_fav',1)->exists())
                    {
                    @endphp
                    <span id="heart{{$saloon->id}}" onclick="addFav({{$saloon->id}})" class="whish position-absolute text-center top-0 end-0 p-1 m-2 bg-white rounded-circle cursor-pointer liked">
                        <i class="fa fa-heart text-danger tx-14" aria-hidden="true"></i>
                    </span>
                    @php
                    }else{
                    @endphp
                    <span id="heart{{$saloon->id}}" onclick="addFav('{{$saloon->id}}')" class="whish position-absolute text-center top-0 end-0 p-1 m-2 bg-white rounded-circle cursor-pointer">
                        <i class="fa fa-heart-o tx-14" aria-hidden="true"></i>
                    </span>
                    @php
                    }
                    }else{
                    @endphp
                    <span id="heart{{$saloon->id}}" onclick="addFav('{{$saloon->id}}')" class="whish position-absolute text-center top-0 end-0 p-1 m-2 bg-white rounded-circle cursor-pointer">
                        <i class="fa fa-heart-o tx-14" aria-hidden="true"></i>
                    </span>
                    @php
                    }
                    @endphp
                </div>
                <div class="bg-dark position-absolute bottom-0 end-0 p-1">
                    <div class="d-flex">
                    </div>
                    <p class="text-white mb-0 tx-9">
                        @if($saloon->type == 1)
                            Saloon
                        @elseif($saloon->type == 2)
                            Artist
                        @else
                            Unknown Type
                        @endif
                    </p>
                </div>
            </div>

            <div class="card-body p-3">
                @if($saloon->type == 1)
                <a class="text-dark text-decoration-none" href="{{ url('saloon-view/' . $saloon->id) }}">
                    <p class="text-dim tx-12 mb-0">{{-- ucwords($saloon->name) --}}</p>
                    <h6 class="card-title">{{ ucwords($saloon->name) }}</h6>

                    <div class="d-flex">
                        <div class="stars me-2">
                            <form action="">
                                @php
                                $averageRating = 0; // Initialize average rating to 0
                                if ($saloon->reviews->count() > 0) {
                                $averageRating = $saloon->average_rating;
                                }

                                // Round the average rating to the nearest whole number
                                $averageRating = round($averageRating);
                                @endphp
                                @for ($i = 5; $i > 0; $i--)
                                @php $checked=($i==(int)$averageRating)?'checked':''; @endphp
                                <input class="star star-{{$i}}" id="star-{{$i}}-{{$saloon->id}}" type="radio" name="star" {{$checked}} disabled />
                                <label class="star star-{{$i}} tx-15" for="star-{{$i}}-{{$saloon->id}}"></label>

                                @endfor
                            </form>
                        </div>
                        <p class="card-text tx-14">
                            <i class="fa fa-headphones text-dim" aria-hidden="true"></i>
                            {{ $saloon->reviews->count() }}
                        </p>
                    </div>
                </a>
                @else
                <a class="text-dark text-decoration-none" href="{{ url('view-artist/' . $saloon->id) }}">
                    <p class="text-dim tx-12 mb-0"> {{-- ucwords($saloon->name) --}}</p>
                    <h6 class="card-title">{{ ucwords($saloon->name) }}</h6>
                    <div class="d-flex">
                        <div class="stars me-2">
                            <form action="">
                                @php
                                $averageRating = 0; // Initialize average rating to 0
                                if ($saloon->reviews->count() > 0) {
                                $averageRating = $saloon->average_rating;
                                }

                                // Round the average rating to the nearest whole number
                                $averageRating = round($averageRating);
                                @endphp
                                @for ($i = 5; $i > 0; $i--)
                                @php $checked=($i==(int)$averageRating)?'checked':''; @endphp
                                <input class="star star-{{$i}}" id="star-{{$i}}-{{$saloon->id}}" type="radio" name="star" {{$checked}} disabled />
                                <label class="star star-{{$i}} tx-15" for="star-{{$i}}-{{$saloon->id}}"></label>

                                @endfor
                            </form>
                        </div>
                        <p class="card-text tx-14">
                            <i class="fa fa-headphones text-dim" aria-hidden="true"></i>
                            {{ $saloon->reviews->count() }}

                        </p>
                    </div>
                </a>
                @endif
                <div class="button-section mt-2">
                    @foreach ($saloon->userservices as $key => $service)
                    @if ($service->status == 1)
                    <a href="#" class="btn btn{{ $key + 1 }} tx-11 rounded-2 mb-1 p-1">{{ ucwords($service->services->name) }}</a>
                    @endif
                    @endforeach

                </div>
            </div>
        </div>
    </div>
    @endforeach
    @if(count($saloons) > 0)
    {{$saloons->links()}}
    @endif