@extends('layouts.admin')

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

@section('content')
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
    <div class="p-6 border-b border-gray-100 flex justify-between items-center">
        <h3 class="font-bold text-gray-800 text-lg">👨‍🏫 لیست درخواست‌های تدریس</h3>
    </div>
    
    <div class="overflow-x-auto">
        <table class="w-full text-right border-collapse">
            <thead class="bg-gray-50 text-gray-600 text-sm">
                <tr class="border-b">
                    <th class="p-4">نام و نام خانوادگی</th>
                    <th class="p-4">شماره تماس / تلگرام</th>
                    <th class="p-4">ایمیل</th>
                    <th class="p-4">محل سکونت</th>
                    <th class="p-4">لینکدین</th>
                    <th class="p-4">رزومه / پورتفولیو</th>
                    <th class="p-4 text-left">عملیات</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100 text-gray-700 text-sm">
                @forelse ($instructors as $instructor)
                    <tr class="hover:bg-gray-50 transition">
                        <td class="p-4 font-semibold text-gray-800">
                            {{ $instructor->first_name }} {{ $instructor->last_name }}
                        </td>
                        <td class="p-4">
                            <div>{{ $instructor->phone_number }}</div>
                            <div class="text-xs text-blue-500" dir="ltr">ID: {{ $instructor->user_id }}</div>
                        </td>
                        <td class="p-4">{{ $instructor->email }}</td>
                        <td class="p-4">{{ $instructor->country }}، {{ $instructor->city }}</td>
                        <td class="p-4">
                            @if ($instructor->linkedin)
                                <a href="{{ $instructor->linkedin }}" target="_blank" class="text-blue-600 hover:underline">
                                    🔗 پروفایل
                                </a>
                            @else
                                <span class="text-gray-400">ندارد</span>
                            @endif
                        </td>
                        <td class="p-4">
                            @if ($instructor->resumes->count() > 0)
                                <div class="space-y-1">
                                    @foreach($instructor->resumes as $resume)
                                        <div>
                                            @if($resume->type === 'text')
                                                <div class="text-xs text-gray-700 bg-gray-100 p-2 rounded max-w-xs line-clamp-3" title="{{ $resume->content }}">
                                                    {{ $resume->content }}
                                                </div>
                                            @else
                                                <a href="{{ $resume->content }}" target="_blank" class="text-blue-600 hover:underline text-xs inline-flex items-center gap-1">
                                                    📎 دانلود فایل رزومه
                                                </a>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <span class="text-yellow-600 text-xs bg-yellow-50 px-2 py-1 rounded">⏳ بدون رزومه (آپلود در تلگرام)</span>
                            @endif
                        </td>
                        <td class="p-4 text-left">
                            <form action="{{ route('admin.instructors.destroy', $instructor->id) }}" method="POST" onsubmit="return confirm('آیا از حذف این درخواست مطمئن هستید؟')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="bg-red-600 hover:bg-red-700 text-white text-xs font-bold py-1.5 px-3 rounded shadow-sm">
                                    حذف درخواست
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center p-8 text-gray-400">هیچ درخواستی وجود ندارد.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($instructors->hasPages())
        <div class="p-4 border-t">
            {{ $instructors->links() }}
        </div>
    @endif
</div>
@endsection