@extends('admin.layouts.admin')

@section('content')
<div class="bg-white p-6 rounded-lg shadow-md">
    <div class="flex justify-between items-center mb-6">
        <h2 class="text-2xl font-bold text-gray-800">مراجعة إعلانات الوظائف</h2>
        <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">إجمالي: {{ $ads->total() }}</span>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-right border-collapse">
            <thead>
                <tr class="bg-gray-100">
                    <th class="p-3 border">المعلن</th>
                    <th class="p-3 border">العنوان</th>
                    <th class="p-3 border">النوع</th>
                    <th class="p-3 border">المحافظة</th>
                    <th class="p-3 border">الحالة</th>
                    <th class="p-3 border">التاريخ</th>
                    <th class="p-3 border">العمليات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($ads as $ad)
                <tr class="hover:bg-gray-50">
                    <td class="p-3 border">
                        <div class="font-bold text-gray-700">{{ $ad->user->name }}</div>
                        <div class="text-xs text-gray-500">{{ $ad->phone }}</div>
                    </td>
                    <td class="p-3 border">
                        <div class="font-bold">{{ $ad->title }}</div>
                        <div class="text-xs text-gray-400 line-clamp-1 truncate" style="max-width: 200px;">{{ $ad->description }}</div>
                    </td>
                    <td class="p-3 border">
                        <span class="px-2 py-1 rounded text-xs font-bold {{ $ad->type == 'hiring' ? 'bg-blue-50 text-blue-700' : 'bg-green-50 text-green-700' }}">
                            {{ $ad->type == 'hiring' ? 'توظيف' : 'بحث' }}
                        </span>
                    </td>
                    <td class="p-3 border text-sm">{{ $ad->governorate }}</td>
                    <td class="p-3 border">
                        @php
                            $statusLabels = ['pending' => 'قيد المراجعة', 'approved' => 'مقبول', 'rejected' => 'مرفوض'];
                            $statusClasses = ['pending' => 'bg-yellow-100 text-yellow-800', 'approved' => 'bg-green-100 text-green-800', 'rejected' => 'bg-red-100 text-red-800'];
                        @endphp
                        <span class="px-2 py-1 rounded text-xs font-bold {{ $statusClasses[$ad->status] ?? 'bg-gray-100' }}">
                            {{ $statusLabels[$ad->status] ?? $ad->status }}
                        </span>
                    </td>
                    <td class="p-3 border text-gray-600 text-sm">{{ $ad->created_at->format('Y-m-d') }}</td>
                    <td class="p-3 border">
                        <div class="flex gap-2">
                            @if($ad->status === 'pending')
                                <form action="{{ route('admin.jobs.update-status', $ad->id) }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="status" value="approved">
                                    <button type="submit" class="text-xs bg-green-500 text-white px-2 py-1 rounded hover:bg-green-600">
                                        قبول
                                    </button>
                                </form>
                                <form action="{{ route('admin.jobs.update-status', $ad->id) }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="status" value="rejected">
                                    <button type="submit" class="text-xs bg-red-500 text-white px-2 py-1 rounded hover:bg-red-600">
                                        رفض
                                    </button>
                                </form>
                            @endif
                            <form action="{{ route('admin.jobs.destroy', $ad->id) }}" method="POST" onsubmit="return confirm('هل أنت متأكد من حذف هذا الإعلان؟')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="text-gray-400 hover:text-red-600">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="p-8 text-center text-gray-500 italic">لا توجد إعلانات حالياً للمراجعة.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

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