@foreach($listing as $k => $v)
<div class="rating_list">
    <div class="inner_details">
        <div class="left_area">
            <div class="inner_left_area">
                <a href="{{route('products.slug',['slug' => $v['product_slug']])}}">
                    <div class="img_area">
                        <img src="{{ General::renderImageUrl($v['product_image'], 'medium', 'frontend/images/no_image.png') }}"  title="No Image" alt="..." fetchpriority="low" />
                    </div>
                </a>
            </div>
            <div class="inner_right_area">
                <div class="details">
                    <a href="{{route('products.slug',['slug' => $v['product_slug']])}}" aria-label="{{ isset($v['product_title']) && $v['product_title'] ? $v['product_title'] : '' }}">
                        <div class="person_name">{{ isset($v['product_title']) && $v['product_title'] ? Str::limit($v['product_title'], 120) : '' }}</div>
                    </a>
                    <div class="rating_star">
                        @php
                            $averageRating = DB::table('user_reviews')
                                ->where('product_id', $v->id)
                                ->avg('rating');
                            $averageRating = number_format($averageRating, 1);
                        @endphp
                        <ul class="list-inline">
                            <li>
                                @if(isset($v->rating) && $v->rating == 1)
                                <i class="fas fa-star"></i>
                                @elseif(isset($v->rating) && $v->rating == 2)
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @elseif(isset($v->rating) && $v->rating == 3)
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @elseif(isset($v->rating) && $v->rating == 4)
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @elseif(isset($v->rating) && $v->rating == 5)
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @endif

                            </li>
                        </ul>
                    </div>
                    @if(isset($v['review']) && $v['review'])
                    <div class="description">
                        {{-- {!! isset($v['review']) && $v['review'] ? nl2br($v['review']) : '' !!} --}}
                        {{ isset($v['review']) && $v['review'] ? strip_tags(Str::limit($v['review'], 225)) : '' }}

                    </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="right_area">
            <div class="action_area">
                <ul class="list-inline">
                     <li>
                        <a href="javascript:;" class="get_edit_modal" aria-label="Edit Modal" data-id="{{ General::encrypt($v['id']) }}" data-url="{{ route('user.rateReviews.get', ['id' => General::encrypt($v['id'])]) }}" data-bs-toggle="modal" data-bs-target=".edit_modal_form">
                            <i class="fal fa-edit"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="delete_modal_box" aria-label="Deleted Modal" data-id="{{ General::encrypt($v['id']) }}" data-url="{{ route('user.rateReviews.deleteView', ['id' => General::encrypt($v['id'])]) }}" data-bs-toggle="modal" data-bs-target=".delete_modal">
                            <i class="fal fa-trash-alt"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endforeach