@extends('athlete.layouts.app')

@section('title', 'درخواست‌های من')

@section('content')
    <h1 class="text-xl font-bold mb-6">درخواست‌های من</h1>

    <div class="space-y-3">
        @forelse($requests as $req)
            <div class="bg-white rounded-xl shadow-sm p-4">
                <div class="flex items-center justify-between">
                    <div class="font-medium">{{ $req->coach->user->fullName() }}</div>
                    <span class="text-xs px-2 py-1 rounded-full
                        {{ $req->status->value === 'accepted' ? 'bg-green-50 text-green-700' :
                           ($req->status->value === 'rejected' ? 'bg-red-50 text-red-600' : 'bg-amber-50 text-amber-600') }}">
                        {{ $req->status->label() }}
                    </span>
                </div>
                <div class="text-xs text-gray-400 mt-1">{{ verta($req->created_at)->format('Y/m/d H:i') }}</div>

                @if($req->status->value === 'rejected' && $req->coach_response_note)
                    <p class="text-sm text-gray-500 mt-2">دلیل رد: {{ $req->coach_response_note }}</p>
                @endif

                @if($req->status->value === 'accepted')
                    <div class="mt-2">
                        <a href="{{ route('chat.show', $req) }}" class="text-blue-600 text-sm hover:underline">
                            💬 گفتگو
                            @if($req->unreadCountFor(auth()->user()) > 0)
                                <span class="bg-red-500 text-white text-[10px] rounded-full px-1.5">{{ $req->unreadCountFor(auth()->user()) }}</span>
                            @endif
                        </a>
                    </div>

                    @if($req->price)
                        <p class="text-sm mt-2">قیمت تعیین‌شده: <span class="font-bold">{{ number_format($req->price) }} تومان</span></p>

                        @if($req->coach->bankAccount)
                            <div class="bg-gray-50 rounded-lg p-3 mt-2 text-sm">
                                <div>صاحب حساب: {{ $req->coach->bankAccount->account_holder_name }}</div>
                                <div dir="ltr">شماره کارت: {{ $req->coach->bankAccount->card_number }}</div>
                                @if($req->coach->bankAccount->bank_name)
                                    <div>بانک: {{ $req->coach->bankAccount->bank_name }}</div>
                                @endif
                            </div>
                        @endif

                        @php $payment = $req->payment; @endphp
                        @if(! $payment)
                            <form method="POST" action="{{ route('athlete.coach-requests.payments.store', $req) }}" enctype="multipart/form-data" class="mt-3 flex flex-wrap gap-2">
                                @csrf
                                <input type="number" name="amount" placeholder="مبلغ واریزی (تومان)" value="{{ $req->price }}" class="border rounded-lg px-3 py-2 text-sm w-40">
                                <input type="file" name="receipt" accept=".jpg,.jpeg,.png,.pdf" required class="text-sm">
                                <button class="bg-gray-900 text-white text-sm px-4 py-2 rounded-lg">ثبت رسید پرداخت</button>
                            </form>
                        @elseif($payment->status->value === 'pending_review')
                            <div class="bg-amber-50 text-amber-700 text-sm rounded-lg px-3 py-2 mt-3">رسید شما در انتظار بررسی مربی است.</div>
                        @elseif($payment->status->value === 'approved')
                            <div class="bg-green-50 text-green-700 text-sm rounded-lg px-3 py-2 mt-3">✅ پرداخت شما تأیید شد.</div>
                        @elseif($payment->status->value === 'rejected')
                            <div class="bg-red-50 text-red-700 text-sm rounded-lg px-3 py-2 mt-3">رسید قبلی رد شد. دلیل: {{ $payment->rejection_reason }}</div>
                            <form method="POST" action="{{ route('athlete.coach-requests.payments.store', $req) }}" enctype="multipart/form-data" class="mt-2 flex flex-wrap gap-2">
                                @csrf
                                <input type="number" name="amount" placeholder="مبلغ واریزی (تومان)" value="{{ $req->price }}" class="border rounded-lg px-3 py-2 text-sm w-40">
                                <input type="file" name="receipt" accept=".jpg,.jpeg,.png,.pdf" required class="text-sm">
                                <button class="bg-gray-900 text-white text-sm px-4 py-2 rounded-lg">ارسال رسید جدید</button>
                            </form>
                        @endif
                        @error('receipt') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
                    @else
                        <p class="text-sm text-gray-400 mt-2">در انتظار تعیین قیمت توسط مربی...</p>
                    @endif

                    {{-- ثبت نظر --}}
                    @if($req->review)
                        <div class="bg-gray-50 rounded-lg p-3 mt-3 text-sm">
                            <div class="text-amber-500">{{ str_repeat('★', $req->review->rating) }}{{ str_repeat('☆', 5 - $req->review->rating) }}</div>
                            @if($req->review->comment)<p class="text-gray-600 mt-1">{{ $req->review->comment }}</p>@endif
                            <div class="text-xs text-gray-400 mt-1">{{ $req->review->status->label() }}</div>
                        </div>
                    @else
                        <details class="mt-3">
                            <summary class="text-sm text-blue-600 cursor-pointer">ثبت نظر درباره‌ی این مربی</summary>
                            <form method="POST" action="{{ route('athlete.coach-requests.reviews.store', $req) }}" class="mt-2 space-y-2">
                                @csrf
                                <select name="rating" class="border rounded-lg px-3 py-2 text-sm" required>
                                    <option value="">امتیاز...</option>
                                    @for($i = 5; $i >= 1; $i--)
                                        <option value="{{ $i }}">{{ str_repeat('★', $i) }} ({{ $i }})</option>
                                    @endfor
                                </select>
                                <textarea name="comment" rows="2" placeholder="نظر شما (اختیاری)..." class="w-full border rounded-lg px-3 py-2 text-sm"></textarea>
                                <button class="bg-gray-900 text-white text-sm px-4 py-2 rounded-lg">ثبت نظر</button>
                            </form>
                            @error('review') <p class="text-red-600 text-xs mt-1">{{ $message }}</p> @enderror
                        </details>
                    @endif
                @endif
            </div>
        @empty
            <p class="text-gray-400 text-center py-10">هنوز درخواستی ارسال نکرده‌اید.</p>
        @endforelse
    </div>
@endsection