@extends('layouts.app')
@section('title', 'سجل الطلاب')
@section('content')
<div class="relative overflow-hidden rounded-[20px] bg-gradient-to-br from-primary-900 via-secondary-600 to-primary-800 p-7 mb-6 shadow-xl">
    <div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4wNCI+PGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iMiIvPjwvZz48L2c+PC9zdmc+')] opacity-50"></div>
    <div class="relative flex items-start justify-between">
        <div>
            <span class="inline-block px-3 py-1 rounded-full bg-white/15 border border-white/20 text-[0.7rem] font-semibold tracking-wider mb-2">STUDENTS</span>
            <h1 class="text-white text-[1.6rem] font-display font-extrabold">سجل الطلاب</h1>
            <p class="text-white/70 text-sm mt-1">جميع الطلاب المسجلين في النظام</p>
        </div>
        <form method="GET" class="relative">
            <span class="absolute right-3 top-1/2 -translate-y-1/2 text-muted text-sm">🔍</span>
            <input type="text" name="search" value="{{ $search ?? '' }}" placeholder="بحث باسم الطالب أو رقمه..."
                   class="pr-9 pl-4 py-2.5 rounded-xl border border-white/20 bg-white/10 text-white placeholder-white/50 text-sm focus:outline-none focus:ring-2 focus:ring-accent-500/30 focus:border-accent-400 transition-all w-64">
        </form>
    </div>
</div>

<div class="bg-white rounded-[16px] border border-gray-200 shadow-sm overflow-hidden">
    <div class="px-5 py-4 border-b border-gray-100 flex items-center justify-between">
        <h2 class="font-display font-bold text-primary-900 text-base flex items-center gap-2">
            <span class="w-6 h-6 rounded-md bg-accent-500/10 flex items-center justify-center text-xs">🎓</span>
            قائمة الطلاب
        </h2>
        <span class="text-xs px-2.5 py-1 rounded-full bg-secondary-500/10 text-secondary-600 font-semibold">{{ $students instanceof \Illuminate\Pagination\LengthAwarePaginator ? $students->total() : $students->count() }} طالب</span>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-right">
            <thead>
                <tr class="border-b border-gray-100">
                    <th class="px-5 py-3.5 text-xs font-semibold text-muted tracking-wide">#</th>
                    <th class="px-5 py-3.5 text-xs font-semibold text-muted tracking-wide">الاسم</th>
                    <th class="px-5 py-3.5 text-xs font-semibold text-muted tracking-wide">الهاتف</th>
                    <th class="px-5 py-3.5 text-xs font-semibold text-muted tracking-wide">البريد</th>
                    <th class="px-5 py-3.5 text-xs font-semibold text-muted tracking-wide">حالة الليد</th>
                    <th class="px-5 py-3.5 text-xs font-semibold text-muted tracking-wide">تاريخ التسجيل</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @forelse ($students as $student)
                    <tr class="hover:bg-surface/50 transition-colors">
                        <td class="px-5 py-4 text-sm text-muted">{{ $student->id }}</td>
                        <td class="px-5 py-4 font-semibold text-primary-900">{{ $student->lead_name ?? $student->name ?? '—' }}</td>
                        <td class="px-5 py-4 text-sm text-muted">{{ $student->phone ?? '—' }}</td>
                        <td class="px-5 py-4 text-sm text-muted">{{ $student->email ?? '—' }}</td>
                        <td class="px-5 py-4">
                            @php
                                $statusLabels = ['new'=>'جديد','contacted'=>'تم التواصل','dead'=>'ميت','interested'=>'مهتم','documents_collected'=>'مستندات','initial_acceptance'=>'قبول مبدئي','paid'=>'تم الدفع','final_acceptance'=>'قبول نهائي','registered'=>'مسجل'];
                                $color = $student->lead_status === 'registered' ? 'bg-green-50 text-green-700' : 'bg-amber-50 text-amber-700';
                            @endphp
                            <span class="text-xs px-2.5 py-1 rounded-full font-medium {{ $color }}">{{ $statusLabels[$student->lead_status] ?? $student->lead_status ?? '—' }}</span>
                        </td>
                        <td class="px-5 py-4 text-sm text-muted">{{ \Carbon\Carbon::parse($student->created_at)->format('Y-m-d') }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="px-5 py-12 text-center">
                            <div class="text-4xl mb-3">📂</div>
                            <p class="text-muted text-sm font-semibold">لا يوجد طلاب</p>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if (method_exists($students, 'links'))
        <div class="px-5 py-4 border-t border-gray-100">{{ $students->links() }}</div>
    @endif
</div>
@endsection