{{--
    Bloc « notes et avis » partagé par les fiches produit, création sur mesure,
    logement et plat. Attend :
      - $reviewAction : URL de soumission d'un nouvel avis
      - $reviews, $reviewCount, $averageRating, $recommendedCount,
        $recommendedPercent, $ratingBreakdown (voir HasReviews::reviewSummary)
--}}
<div class="product-details-review-product-style">
    <div class="average-stars-area-left">
        <div class="top-stars-wrapper">
            <h4 class="review">{{ number_format($averageRating, 1) }}</h4>
            <div class="rating-disc">
                <span>{{ __('messages.average_rating') }}</span>
                <div class="stars">
                    @for ($i = 1; $i <= 5; $i++)
                        @if ($averageRating >= $i)
                            <i class="fa-solid fa-star text-warning"></i>
                        @elseif ($averageRating >= ($i - 0.5))
                            <i class="fa-solid fa-star-half-stroke text-warning"></i>
                        @else
                            <i class="fa-regular fa-star text-warning"></i>
                        @endif
                    @endfor

                    <span>({{ $reviewCount }} {{ __('messages.reviews') }})</span>
                </div>
            </div>
        </div>

        <div class="average-stars-area">
            <h4 class="average">{{ $recommendedPercent }}%</h4>
            <span>{{ __('messages.recommended') }} ({{ $recommendedCount }} {{ __('messages.of') }} {{ $reviewCount }})</span>
        </div>

        <div class="review-charts-details">
            @for ($star = 5; $star >= 1; $star--)
                <div class="single-review d-flex align-items-center gap-2 mb-2">
                    <div class="stars" style="min-width: 100px;">
                        @for ($i = 1; $i <= 5; $i++)
                            @if ($i <= $star)
                                <i class="fa-solid fa-star text-warning"></i>
                            @else
                                <i class="fa-regular fa-star text-warning"></i>
                            @endif
                        @endfor
                    </div>

                    <div class="single-progress-area-incard flex-grow-1">
                        <div class="progress" style="height: 8px;">
                            <div
                                class="progress-bar"
                                role="progressbar"
                                style="width: {{ $ratingBreakdown[$star]['percent'] }}%!important;"
                                aria-valuenow="{{ $ratingBreakdown[$star]['percent'] }}"
                                aria-valuemin="0"
                                aria-valuemax="100">
                            </div>
                        </div>
                    </div>

                    <span class="pac">{{ $ratingBreakdown[$star]['percent'] }}%</span>
                </div>
            @endfor
        </div>

        <div class="mt-4">
            <h5 class="mb-3">{{ __('messages.customer_reviews') }}</h5>

            @forelse($reviews as $review)
                <div class="border rounded p-3 mb-3">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <strong>{{ $review->name }}</strong>
                        <small>{{ $review->created_at->format('d.m.Y') }}</small>
                    </div>

                    <div class="stars mb-2">
                        @for ($i = 1; $i <= 5; $i++)
                            @if ($i <= $review->rating)
                                <i class="fa-solid fa-star text-warning"></i>
                            @else
                                <i class="fa-regular fa-star text-warning"></i>
                            @endif
                        @endfor
                    </div>

                    <p class="mb-1">{{ $review->comment }}</p>

                    @if($review->recommended)
                        <small class="text-success">{{ __('messages.recommanded') }}</small>
                    @else
                        <small class="text-danger">{{ __('messages.not_recommanded') }}</small>
                    @endif
                </div>
            @empty
                <p>{{ __('messages.no_review_for_product') }}</p>
            @endforelse
        </div>
    </div>

    <div class="submit-review-area">
        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ $reviewAction }}" method="POST" class="submit-review-area">
            @csrf

            <h5 class="title">{{ __('messages.submit_your_review') }}</h5>

            <div class="your-rating mb-3">
                <span>{{ __('messages.your_rating_of_this_product') }}</span>
                <div class="stars d-flex gap-2">
                    @for($i = 1; $i <= 5; $i++)
                        <label style="cursor:pointer;">
                            <input type="radio" name="rating" value="{{ $i }}" style="display:none;" {{ old('rating') == $i ? 'checked' : '' }}>
                            <i class="fa-regular fa-star"></i>
                        </label>
                    @endfor
                </div>
            </div>

            <div class="half-input-wrapper">
                <div class="half-input">
                    <input type="text"
                        name="name"
                        value="{{ old('name', auth()->check() ? auth()->user()->first_name . ' ' . auth()->user()->last_name : '') }}"
                        placeholder="{{ __('messages.your_name') }}*"
                        required>
                </div>

                <div class="half-input">
                    <input type="email"
                        name="email"
                        value="{{ old('email', auth()->check() ? auth()->user()->email : '') }}"
                        placeholder="{{ __('messages.your_email') }}*"
                        required>
                </div>
            </div>

            <div class="mb-3 mt-3">
                <label>
                    <input type="checkbox" name="recommended" value="1" {{ old('recommended') ? 'checked' : '' }}>
                    {{ __('messages.recommend_this_product') }}
                </label>
            </div>

            <textarea name="comment" placeholder="{{ __('messages.write_your_review') }}" required>{{ old('comment') }}</textarea>

            <button type="submit" class="rts-btn btn-primary">{{ __('messages.submit_review') }}</button>
        </form>
    </div>
</div>