@extends('layouts.public.app')

@section('title', @$supplier['company'] . ' Rating and Review | Chemical Wholesale')
@section('description', 'Checkout ' . @$supplier['company'] . ' on Chemical Wholesale')
@section('keywords', @$supplier['company'] ?: 'Chemical Wholesale, Rating and Review')
@section('metaimage', @$supplier['getLogo']['path'] ? asset(@$supplier['getLogo']['path']) : asset('img/logo-lg2.png'))


@section('content')
    <div class="greybg pb-4">

        @include('public.supplier.supplier-page-header')

        <div class="container-fluid">
            <div class="detail-page-card mb-3">
                <div class="detail-page-card-header">
                    <div class="d-flex justify-content-between">
                        <div>Rating and Reviews
                        </div>
                        <a href="{{ route('public.supplier_review', $supplier['slug']) }}" class="btn btn-light">
                            Rate Supplier
                        </a>
                    </div>
                </div>

                <div class="detail-page-card-body">
                    <div class="row py-lg-4 pb-4">

                        @php
                            $averageRating = @$reviews->avg('rating');
                            $filledStars = (int) $averageRating;
                            $halfStar = $averageRating - $filledStars >= 0.5;
                        @endphp
                        <div class="col-lg-4 col-6">
                            <div class="" style="border-right: 2px solid #ddd">
                                <div class="review-heading">Total Reviews</div>
                                <div class="review-rate d-flex align-items-center">
                                    {{ count(@$reviews) }}
                                    @if ($averageRating >= 4)
                                        <span class="badge bg-success rounded-pill ms-2">Excellent</span>
                                    @elseif ($averageRating >= 2)
                                        <span class="badge bg-success rounded-pill ms-2">Good</span>
                                    @else
                                        <span class="badge bg-success rounded-pill ms-2">Satisfied</span>
                                    @endif
                                </div>
                                <div class="review-subheading">This supplier total review(s)</div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-6">
                            <div class="border-rating-right">
                                <div class="review-heading">Average Rating</div>
                                <div class="review-rate d-flex align-items-center">

                                    {{ number_format(@$reviews->avg('rating'), 1) }}
                                    <span class="star-rating ms-2">
                                        @for ($i = 1; $i <= 5; $i++)
                                            @if ($i <= $filledStars)
                                                <i class="bi bi-star-fill"></i>
                                            @elseif ($i == $filledStars + 1 && $halfStar)
                                                <i class="bi bi-star-half"></i>
                                            @else
                                                <i class="bi bi-star"></i>
                                            @endif
                                        @endfor
                                    </span>
                                </div>
                                <div class="review-subheading">This supplier total rating</div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-12">
                            @php
                                $totalReviews = $reviews->count();
                                $ratingsCount = [
                                    5 => $reviews->where('rating', 5)->count(),
                                    4 => $reviews->where('rating', 4)->count(),
                                    3 => $reviews->where('rating', 3)->count(),
                                    2 => $reviews->where('rating', 2)->count(),
                                    1 => $reviews->where('rating', 1)->count(),
                                ];
                                $ratingPercentages = [];
                                foreach ($ratingsCount as $rating => $count) {
                                    $ratingPercentages[$rating] =
                                        $totalReviews > 0 ? ($count / $totalReviews) * 100 : 0;
                                }
                            @endphp
                            <div class="">
                                <div class="star-progress rating">
                                    @foreach ([5, 4, 3, 2, 1] as $rating)
                                        <div class="single-progress">
                                            <div class="d-flex align-items-center">
                                                <h6 class="single-progress-rate">
                                                    <i class="bi bi-star-fill"></i> {{ $rating }}
                                                </h6>
                                            </div>
                                            <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                                <div class="progress-bar" style="width: {{ $ratingPercentages[$rating] }}%">
                                                </div>
                                            </div>
                                            <div class="progress-percent">
                                                <h6>{{ number_format($ratingPercentages[$rating], 0) }}%</h6>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="detail-page-card">
                <div class="detail-page-card-header">
                    All Reviews
                </div>

                <div class="detail-page-card-body">
                    @if (count($reviews) == 0)
                        <div class="col-lg-12">
                            <div class="review-single last-child mb-0 pb-0">
                                <p class="bg-light p-4 rounded">No supplier reviews.
                                    <a href="{{ route('public.supplier_review', $supplier['slug']) }}">Rate or review</a>
                                    this
                                    supplier ?
                                </p>
                            </div>
                        </div>
                    @endif
                    @foreach ($reviews as $review)
                        <div class="single-review">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="review-person">
                                        <img src="/{{ @$review['getUser']['userprofile']['profile_image'] }}" alt="img"
                                            class="review-p-img" onerror="this.src='/assets/img/noimg.jpg';">
                                        <div class="review-p-info">
                                            <div class="review-p-name">
                                                @php
                                                    $user =
                                                        $review['getUser']['first_name'] .
                                                        ' ' .
                                                        $review['getUser']['last_name'];
                                                @endphp
                                                {{ trim($user) ?: 'User' }}
                                            </div>
                                            <div class="review-p-text d-none"><span class="text-grey">Total Spend:</span>
                                                $1000
                                            </div>
                                            <div class="review-p-text"><span class="text-grey">Total Review:</span> 1
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-8">
                                    <div class="review-p-body">
                                        <div class="d-flex align-items-center">
                                            <span class="star-rating">
                                                @for ($i = 1; $i <= 5; $i++)
                                                    <i
                                                        class="bi {{ $i <= @$review['rating'] ? 'bi-star-fill' : 'bi-star' }}"></i>
                                                @endfor
                                            </span>
                                            <div class="ms-3">{{ $review['created_at']->format('M d, Y') }}</div>
                                        </div>
                                        <p class="reviewp">
                                            {{ $review['review'] }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

        </div>
    </div>
@endsection
@push('css')
@endpush
@push('js')
@endpush