@extends('layouts.app')
@section('title', 'Supervisor Dashboard - FYP')

@section('content')
<div class="page-header">
    <h2>Dashboard</h2>
    <p style="font-size: 0.8rem; color: #64748b; margin: 0;">Welcome, {{ Auth::user()->fullname }}</p>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4 col-sm-6">
        <div class="stat-card">
            <div class="stat-value">{{ $assignedStudents->count() }}</div>
            <div class="stat-label">Assigned Students</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6">
        <div class="stat-card">
            <div class="stat-value">{{ $pendingReports }}</div>
            <div class="stat-label">Pending Reports</div>
        </div>
    </div>
    <div class="col-md-4 col-sm-6">
        <div class="stat-card">
            <div class="stat-value">{{ $reviewedReports }}</div>
            <div class="stat-label">Reviewed Reports</div>
        </div>
    </div>
</div>

<div class="table-card">
    <div class="card-header">Assigned Students</div>
    @if($assignedStudents->count() > 0)
    <table class="table table-striped">
        <thead>
            <tr>
                <th>#</th>
                <th>Student</th>
                <th>Student ID</th>
                <th>Project Title</th>
                <th>Duration</th>
                <th>Status</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($assignedStudents as $i => $fyp)
            <tr>
                <td>{{ $i + 1 }}</td>
                <td>{{ $fyp->studentDisplayName() }}</td>
                <td style="font-family: monospace;">{{ $fyp->studentDisplayId() }}</td>
                <td>{{ $fyp->projectTitle?->title ?? '-' }}</td>
                <td>{{ $fyp->fyp_duration ?? '-' }}</td>
                <td>
                    <span class="badge-status
                        @if($fyp->status === 'Active') badge-approved
                        @else badge-proceed
                        @endif
                    ">{{ $fyp->status }}</span>
                </td>
                <td>
                    <a href="{{ route('supervisor.students.show', $fyp->student) }}" class="btn btn-sm btn-primary">View Details</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    @else
        <div class="empty-state">No students assigned to you yet.</div>
    @endif
</div>
@endsection