@extends('web.layouts.layout')

@section('content')

    <main>

        <!-- ---------- innerheader ----------- -->
        <section class="innerheader seller-header">
            <div class="container">
                <div class="main-info-card">
                    <div class="row gx-5">
                        <div class="col-lg-3">
                            <div class="img">
                                <img src="{{ getImage($user->photo ?? "") }}"
                                     alt="{{ $user->name ?? $user->username ?? "" }}" class="img-cover">
                            </div>
                        </div>
                        <div class="col-lg-9">
                            <div class="seller-info">
                                <h3> {{ $user->name ?? $user->username ?? "" }} </h3>
                                <div class="rate mt-4">
                                    <small class="d-block mb-2 opacity-50"> {{ __('users::users.user_reviews') }} : </small>
                                    <div class="star-wrapper">
                                        <div class="stars">
                                            @for($r = 1; $r <= 5; $r++)
                                                @if(($user->ratings_info->avg_ratings ?? 0) >= $r)
                                                    <i class="fas fa-star"></i>
                                                @else
                                                    <i class="fal fa-star"></i>
                                                @endif
                                            @endfor
                                        </div>
                                        <small>
                                            ( {{ __('general.reviews_number', ['number' => $user->ratings_info->ratings_count ?? 0]) }}
                                            )
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{asset('assets/web/images/header_bg1.jpg')}}" alt="" class="bg">
        </section>

        <!-- ---------- seller-content-info ----------- -->
        <section class="seller-content-info">
            <div class="container">
                <div class="section-title mb-4">
                    <h6> {{ __('users::users.ratings') }} </h6>
                    <h2> {{ __('main.seller_customer_reviews') }} </h2>
                </div>
                <div class="testimonials pt-0">
                    <div class="row">
                        @if(isset($ratings))
                            @foreach($ratings as $rating)
                                <div class="col-lg-6">
                                    <div class="testi-card mt-4">
                                        <!-- <img src="{{-- asset('assets/web/images/quote.svg') --}}" alt="" class="qt"> -->
                                        <div class="qt">{{ $rating->translated_date_format }}</div>
                                        <div class="stars">
                                            @for($i = 0;$i < $rating->rating;$i++)
                                                <i class="fas fa-star"></i>
                                            @endfor
                                        </div>
                                        <h6>
                                            <i class="fal fa-user me-3"></i>
                                            <span class="txt">
                                                {{ $rating->owner->name ?? $rating->owner->username ?? "" }}
                                            </span>
                                        </h6>
                                        <div class="text">
                                            {{ $rating->comment }}
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </section>

    </main>

@endsection

@push('stack_scripts')

@endpush