@extends('coach.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>
                        <div class="font-medium">{{ $req->athlete->user->fullName() }}</div>
                        <div class="text-xs text-gray-400">{{ verta($req->created_at)->format('Y/m/d H:i') }} · {{ $req->status->label() }}</div>
                        @if($req->athlete_message)
                            <p class="text-sm text-gray-600 mt-1">«{{ $req->athlete_message }}»</p>
                        @endif
                    </div>

                    @if($req->status->value === 'pending')
                        <div class="flex items-center gap-2">
                            <form method="POST" action="{{ route('coach.requests.accept', $req) }}">
                                @csrf
                                <button class="bg-green-600 text-white text-sm px-3 py-1.5 rounded-lg">قبول</button>
                            </form>
                            <button type="button" onclick="document.getElementById('reject-{{ $req->id }}').classList.toggle('hidden')"
                                    class="bg-red-50 text-red-600 text-sm px-3 py-1.5 rounded-lg">رد</button>
                        </div>
                    @endif
                </div>

                @if($req->status->value === 'pending')
                    <form id="reject-{{ $req->id }}" method="POST" action="{{ route('coach.requests.reject', $req) }}" class="hidden mt-3">
                        @csrf
                        <textarea name="note" rows="2" placeholder="دلیل رد (اختیاری)..." class="w-full border rounded-lg px-3 py-2 text-sm"></textarea>
                        <button class="bg-red-600 text-white text-sm px-4 py-2 rounded-lg mt-2">ثبت رد درخواست</button>
                    </form>
                @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>
                    <form method="POST" action="{{ route('coach.requests.price', $req) }}" class="flex items-center gap-2 mt-3">
                        @csrf
                        <input type="number" name="price" value="{{ $req->price }}" placeholder="قیمت برنامه (تومان)"
                               class="border rounded-lg px-3 py-2 text-sm flex-1">
                        <button class="bg-gray-900 text-white text-sm px-4 py-2 rounded-lg">ذخیره قیمت</button>
                    </form>
                @endif
            </div>
        @empty
            <p class="text-gray-400 text-center py-10">درخواستی وجود ندارد.</p>
        @endforelse
    </div>
@endsection