@extends('admin.layouts.app')

@section('title', 'نظرات')

@section('content')
    <h1 class="text-xl font-bold mb-2">نظرات و امتیازها</h1>
    <p class="text-sm text-gray-500 mb-6">این لیست شامل نظراتی است که مربی مرحله‌ی اول را تأیید کرده و اکنون منتظر تأیید نهایی شما هستند (و همچنین نظرات قبلاً تأیید/ردشده برای نظارت).</p>

    <form method="GET" class="flex flex-wrap gap-2 mb-4">
        <select name="status" class="border rounded-lg px-3 py-2 text-sm">
            <option value="">همه وضعیت‌ها</option>
            <option value="pending_coach" @selected(request('status') === 'pending_coach')>در انتظار تأیید مربی</option>
            <option value="pending_admin" @selected(request('status') === 'pending_admin')>در انتظار تأیید مدیریت</option>
            <option value="approved" @selected(request('status') === 'approved')>تأیید شده</option>
            <option value="rejected_by_coach" @selected(request('status') === 'rejected_by_coach')>رد‌شده توسط مربی</option>
            <option value="rejected_by_admin" @selected(request('status') === 'rejected_by_admin')>رد‌شده توسط مدیریت</option>
        </select>
        <button class="bg-gray-100 px-4 py-2 rounded-lg text-sm">اعمال فیلتر</button>
    </form>

    <div class="space-y-3">
        @forelse($reviews as $review)
            <div class="bg-white rounded-xl shadow-sm p-4">
                <div class="flex items-center justify-between">
                    <div>
                        <span class="font-medium">{{ $review->coachRequest->athlete->user->fullName() }}</span>
                        <span class="text-gray-400"> درباره‌ی </span>
                        <span class="font-medium">{{ $review->coachRequest->coach->user->fullName() }}</span>
                    </div>
                    <span class="text-amber-500">{{ str_repeat('★', $review->rating) }}{{ str_repeat('☆', 5 - $review->rating) }}</span>
                </div>

                @if($review->comment)<p class="text-sm text-gray-600 mt-2">{{ $review->comment }}</p>@endif

                <div class="text-xs text-gray-400 mt-2">
                    {{ $review->status->label() }} · {{ verta($review->created_at)->format('Y/m/d') }}
                </div>

                @if($review->status->value === 'pending_admin')
                    <div class="flex items-center gap-2 mt-3">
                        <form method="POST" action="{{ route('admin.reviews.approve', $review) }}">
                            @csrf
                            <button class="bg-green-600 text-white text-sm px-4 py-2 rounded-lg">تأیید نهایی (انتشار عمومی)</button>
                        </form>
                        <button type="button" onclick="document.getElementById('reject-{{ $review->id }}').classList.toggle('hidden')"
                                class="bg-red-50 text-red-600 text-sm px-4 py-2 rounded-lg">رد</button>
                    </div>
                @elseif($review->status->value === 'approved')
                    <button type="button" onclick="document.getElementById('reject-{{ $review->id }}').classList.toggle('hidden')"
                            class="text-red-600 text-xs hover:underline mt-2">حذف/رد این نظر منتشرشده</button>
                @endif

                <form id="reject-{{ $review->id }}" method="POST" action="{{ route('admin.reviews.reject', $review) }}" class="hidden mt-2">
                    @csrf
                    <textarea name="reason" rows="2" placeholder="دلیل رد..." class="w-full border rounded-lg px-3 py-2 text-sm" required></textarea>
                    <button class="bg-red-600 text-white text-sm px-4 py-2 rounded-lg mt-2">ثبت رد</button>
                </form>

                @if(str_starts_with($review->status->value, 'rejected'))
                    <p class="text-xs text-red-500 mt-1">دلیل رد: {{ $review->rejection_reason }}</p>
                @endif
            </div>
        @empty
            <p class="text-gray-400 text-center py-10">نظری ثبت نشده است.</p>
        @endforelse
    </div>

    <div class="mt-4">{{ $reviews->links() }}</div>
@endsection