@extends('layouts.app')
@section('title', 'Report Logs - Student')

@section('content')
<div class="page-header">
    <h2>Report Logs</h2>
    <p style="font-size: 0.8rem; color: #64748b; margin: 0;">Submit and track your FYP report progress</p>
</div>

{{-- Student Information --}}
<div class="table-card mb-4">
    <div class="card-header">Student Information</div>
    <div class="card-body" style="padding: 1.25rem;">
        <div class="row">
            <div class="col-md-4 mb-2">
                <dl class="detail-list">
                    <dt>Full Name</dt>
                    <dd>{{ $student->fullname }}</dd>
                    <dt>Student ID</dt>
                    <dd>{{ $student->user_id }}</dd>
                    <dt>Program</dt>
                    <dd>{{ $student->program ?? 'N/A' }}</dd>
                </dl>
            </div>
            <div class="col-md-4 mb-2">
                <dl class="detail-list">
                    <dt>Contact</dt>
                    <dd>{{ $student->contact ?? 'N/A' }}</dd>
                    <dt>Email</dt>
                    <dd>{{ $student->email }}</dd>
                </dl>
            </div>
            <div class="col-md-4 mb-2">
                <dl class="detail-list">
                    <dt>Supervisor</dt>
                    <dd>{{ $fyp->supervisorDisplayName() }}</dd>
                    <dt>Project Title</dt>
                    <dd>{{ $fyp->projectTitle->title ?? 'Not Assigned' }}</dd>
                </dl>
            </div>
        </div>
    </div>
</div>

{{-- FYP Information --}}
<div class="table-card mb-4">
    <div class="card-header">FYP Information</div>
    <div class="card-body" style="padding: 1.25rem;">

        {{-- Information --}}
        <h6 style="font-size:0.85rem; font-weight:600; margin-bottom:0.75rem;">Information</h6>
        @if($informations->count() > 0)
            @foreach($informations as $info)
            <div class="mb-3" style="font-size:0.85rem; padding:0.75rem; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px;">
                <strong>{{ $info->title }}</strong>
                <p style="margin:0.25rem 0 0; color:#64748b;">{{ $info->description }}</p>
                <small style="color:#94a3b8;">Posted {{ $info->created_at->format('d M Y, h:i A') }}</small>
            </div>
            @endforeach
        @else
            <div class="empty-state" style="font-size:0.85rem;">No information available yet.</div>
        @endif

        {{-- Templates --}}
        <h6 style="font-size:0.85rem; font-weight:600; margin:1.25rem 0 0.75rem;">Templates</h6>
        @if($templates->count() > 0)
            <table class="table table-striped" style="font-size:0.85rem;">
                <thead>
                    <tr style="background:#f8fafc;">
                        <th>#</th>
                        <th>Title</th>
                        <th>Description</th>
                        <th style="width:150px;">Attachment</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($templates as $i => $tpl)
                    <tr>
                        <td>{{ $i + 1 }}</td>
                        <td>{{ Str::replace('[TEMPLATE] ', '', $tpl->title) }}</td>
                        <td style="color:#64748b;">{{ Str::limit($tpl->description, 80) }}</td>
                        <td>
                            @if($tpl->attachments->count() > 0)
                                @foreach($tpl->attachments as $att)
                                    <a href="{{ route('student.attachments.download', $att) }}" class="btn btn-sm btn-outline-primary mb-1">Download</a>
                                @endforeach
                            @else
                                <span style="color:#94a3b8;">-</span>
                            @endif
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <div class="empty-state" style="font-size:0.85rem;">No templates available yet.</div>
        @endif
    </div>
</div>

{{-- Log Book Submission --}}
<div class="form-card mb-4">
    <div class="card-header">Log Book Submission</div>
    <div class="card-body">
        <form method="POST" action="{{ route('student.reports.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="mb-3">
                <label class="form-label">Submission Title</label>
                <input type="text" name="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title') }}" placeholder="Enter submission title...">
                @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="mb-3">
                <label class="form-label">Report File (PDF or DOCX only) <span class="text-danger">*</span></label>
                <input type="file" name="file" class="form-control @error('file') is-invalid @enderror" required>
                <small style="color: #64748b;">Maximum file size: 10MB</small>
                @error('file') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
    </div>
</div>

{{-- List of Report Log --}}
<div class="table-card">
    <div class="card-header">List of Report Log</div>
    <table class="table table-striped">
        <thead>
            <tr>
                <th style="width:50px;">No</th>
                <th>Title</th>
                <th>Comment</th>
                <th style="width:180px;">Status</th>
                <th style="width:130px;">Your Attachment</th>
                <th style="width:150px;">Supervisor File</th>
            </tr>
        </thead>
        <tbody>
            @forelse($reports as $i => $report)
            <tr>
                <td class="text-center">{{ $reports->firstItem() + $i }}</td>
                <td style="font-size:0.85rem; font-weight:500;">{{ $report->title }}</td>
                <td style="max-width:250px;">
                    @if($report->supervisor_comment)
                        <span style="font-size:0.8rem;">{{ $report->supervisor_comment }}</span>
                    @else
                        <span style="color: #94a3b8;">-</span>
                    @endif
                </td>
                <td>
                    <span class="badge-status
                        @if($report->status === 'Pending') badge-pending
                        @elseif($report->status === 'Proceed') badge-proceed
                        @elseif($report->status === 'Enhancement Required') badge-enhancement
                        @elseif($report->status === 'Reject') badge-redo
                        @endif
                    ">{{ $report->status }}</span>
                </td>
                <td>
                    <a href="{{ route('student.reports.download', $report) }}" class="btn btn-sm btn-outline-primary">Download</a>
                </td>
                <td>
                    @if($report->supervisor_file_path)
                        <a href="{{ route('student.reports.supervisor-file', $report) }}" class="btn btn-sm btn-outline-success">Download</a>
                    @else
                        <span style="color: #94a3b8;">-</span>
                    @endif
                </td>
            </tr>
            @empty
            <tr><td colspan="6" class="empty-state">No reports submitted yet.</td></tr>
            @endforelse
        </tbody>
    </table>
    <div class="px-3 py-2">{{ $reports->links() }}</div>
</div>
@endsection