@extends('layouts.app')
@section('title', 'Student 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>

{{-- Personal Info --}}
<div class="row g-3 mb-4">
    <div class="col-md-8">
        <div class="table-card">
            <div class="card-header">FYP Information</div>
            <div class="card-body" style="padding: 1.25rem;">
                @if($student->studentFyp)
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <dl class="detail-list">
                            <dt>Student ID</dt>
                            <dd>{{ $student->user_id }}</dd>
                            <dt>Program</dt>
                            <dd>{{ $student->program ?? 'N/A' }}</dd>
                            <dt>Email</dt>
                            <dd>{{ $student->email }}</dd>
                            <dt>Contact</dt>
                            <dd>{{ $student->contact ?? 'N/A' }}</dd>
                        </dl>
                    </div>
                    <div class="col-md-6 mb-3">
                        <dl class="detail-list">
                            <dt>Supervisor</dt>
                            <dd>{{ $student->studentFyp->supervisorDisplayName() }}</dd>
                            <dt>Project Title</dt>
                            <dd>{{ $student->studentFyp->projectTitle?->title ?? 'Not Assigned' }}</dd>
                            <dt>Category</dt>
                            <dd>{{ $student->studentFyp->projectTitle?->category?->name ?? 'N/A' }}</dd>
                            <dt>FYP Duration</dt>
                            <dd>{{ $student->studentFyp->fyp_duration ?? 'Not Set' }}</dd>
                        </dl>
                    </div>
                </div>
                <div>
                    <span class="badge-status
                        @if($student->studentFyp->status === 'Active') badge-approved
                        @elseif($student->studentFyp->status === 'Completed') badge-proceed
                        @else badge-pending
                        @endif
                    " style="font-size:0.8rem;">Status: {{ $student->studentFyp->status }}</span>
                </div>
                @else
                    <div class="empty-state">You have not been assigned to a Final Year Project yet. Please contact the administrator.</div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="table-card">
            <div class="card-header">Quick Links</div>
            <div class="card-body" style="padding: 1rem;">
                <a href="{{ route('student.reports.index') }}" class="btn btn-primary w-100 mb-2">Submit Report Log</a>
                <a href="{{ route('student.reports.create') }}" class="btn btn-outline-primary w-100">New Submission</a>
            </div>
        </div>
    </div>
</div>

{{-- Announcements --}}
<div class="table-card">
    <div class="card-header">Recent Announcements</div>
    @if($announcements->count() > 0)
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Title</th>
                <th>Description</th>
                <th>Attachments</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach($announcements as $a)
            <tr>
                <td><strong>{{ $a->title }}</strong></td>
                <td style="color: #64748b;">{{ Str::limit($a->description, 100) }}</td>
                <td>
                    @foreach($a->attachments as $att)
                        <a href="{{ route('admin.attachment.download', $att) }}" style="font-size:0.8rem;">
                            &#128196; {{ $att->file_name }}
                        </a><br>
                    @endforeach
                </td>
                <td>{{ $a->created_at->format('d M Y') }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    @else
        <div class="empty-state">No announcements at this time.</div>
    @endif
</div>
@endsection