@extends('admin.layout')
@section('title','Dashboard')
@section('page-title','Dashboard Overview')

@section('content')
<!-- Stats -->
<div class="grid-4">
    <div class="stat-card">
        <div class="icon" style="background:#eff6ff;color:#2563eb;"><i class="fas fa-users"></i></div>
        <div class="num">{{ $stats['total'] }}</div>
        <div class="lbl">Total Students</div>
    </div>
    <div class="stat-card">
        <div class="icon" style="background:#f0fdf4;color:#16a34a;"><i class="fas fa-book-open"></i></div>
        <div class="num">{{ $stats['studying'] }}</div>
        <div class="lbl">Currently Studying</div>
    </div>
    <div class="stat-card">
        <div class="icon" style="background:#fef9c3;color:#a16207;"><i class="fas fa-passport"></i></div>
        <div class="num">{{ $stats['visa'] }}</div>
        <div class="lbl">In Visa Process</div>
    </div>
    <div class="stat-card">
        <div class="icon" style="background:#fef2f2;color:#dc2626;"><i class="fas fa-plane-departure"></i></div>
        <div class="num">{{ $stats['japan'] }}</div>
        <div class="lbl">Sent to Japan</div>
    </div>
</div>

<!-- Stage Pipeline Overview -->
<div class="card" style="margin-bottom:24px;">
    <div class="card-header">
        <h3><i class="fas fa-route" style="color:var(--red);margin-right:8px;"></i>Student Pipeline Overview</h3>
        <a href="{{ route('admin.students') }}" class="btn btn-outline btn-sm">View All</a>
    </div>
    <div class="card-body">
        <div style="display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px;">
            @foreach($stages as $key => $info)
            @if(in_array($key,['enquiry','admission_form','fee_paid','studying','jlpt_passed','visa_approved','japan_departed']))
            <a href="{{ route('admin.students',['stage'=>$key]) }}" style="text-decoration:none;">
                <div style="background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 10px;text-align:center;transition:all 0.2s;" onmouseover="this.style.borderColor='var(--red)'" onmouseout="this.style.borderColor='#e2e8f0'">
                    <div style="font-size:22px;font-weight:900;color:{{ $info['color'] }};">{{ $stageCounts[$key] ?? 0 }}</div>
                    <div style="font-size:11px;color:#64748b;margin-top:4px;line-height:1.3;">{{ $info['label'] }}</div>
                </div>
            </a>
            @endif
            @endforeach
        </div>
        @if($stats['fee_due'] > 0)
        <div style="background:#fef9c3;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;">
            <i class="fas fa-exclamation-triangle" style="color:#a16207;"></i>
            <span style="font-size:13px;color:#92400e;font-weight:600;">₹{{ number_format($stats['fee_due']) }} in pending fees across students</span>
        </div>
        @endif
    </div>
</div>

<!-- Recent Students -->
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-clock" style="color:var(--red);margin-right:8px;"></i>Recent Students</h3>
        <a href="{{ route('admin.student.create') }}" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> Add Student</a>
    </div>
    <table>
        <thead>
            <tr><th>Student</th><th>ID</th><th>Course</th><th>Stage</th><th>Enrolled</th><th></th></tr>
        </thead>
        <tbody>
            @forelse($recent as $s)
            @php $si = $s->stageInfo(); @endphp
            <tr>
                <td>
                    <div style="font-weight:600;color:#0f172a;">{{ $s->name }}</div>
                    <div style="font-size:11px;color:#94a3b8;">{{ $s->email }}</div>
                </td>
                <td><span class="badge badge-gray">{{ $s->student_id }}</span></td>
                <td><span class="badge badge-blue">{{ $s->course }}</span></td>
                <td>
                    <span class="badge" style="background:{{ $si['color'] }}22;color:{{ $si['color'] }};">
                        <i class="fas {{ $si['icon'] }}"></i> {{ $si['label'] }}
                    </span>
                </td>
                <td style="font-size:12px;color:#94a3b8;">{{ $s->enrollment_date?->format('d M Y') ?? '—' }}</td>
                <td><a href="{{ route('admin.student.show',$s) }}" class="btn btn-outline btn-sm">View</a></td>
            </tr>
            @empty
            <tr><td colspan="6" style="text-align:center;color:#94a3b8;padding:32px;">No students yet. <a href="{{ route('admin.student.create') }}" style="color:var(--red);">Add first student</a></td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection