@extends('layouts.siswa')

@section('title', 'Daftar Tugas')
@section('page_title', 'Tugas Pembelajaran')

@section('content')
<!-- TITLE CARD -->
<div class="card" style="margin-bottom: 24px;">
    <div class="card-body">
        <h3 style="color: var(--text-dark); margin-bottom: 8px;">Daftar Tugas Kelas {{ $kelas ?? '-' }}</h3>
        <p style="color: var(--text-gray); margin-bottom: 0;">Berikut adalah tugas-tugas aktif yang perlu dikerjakan atau sudah dikumpulkan. Kumpulkan tepat waktu agar mendapatkan nilai terbaik!</p>
    </div>
</div>

<!-- TABLE CONTAINER CARD -->
<div class="card">
    <div class="card-body" style="padding: 0;">
        <div class="table-responsive">
            <table class="modern-table">
                <thead>
                    <tr>
                        <th>Judul Tugas</th>
                        <th>Mata Pelajaran</th>
                        <th>Deadline</th>
                        <th>Status Pengumpulan</th>
                        <th style="width: 150px; text-align: center;">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($tugasList as $tugas)
                        @php
                            $submission = $submissions->get($tugas->id);
                            $statusText = 'Belum Dikerjakan';
                            $badgeClass = 'badge-libur';
                            
                            if ($submission) {
                                if ($submission->status === 'Sudah Mengumpulkan') {
                                    $statusText = 'Sudah Dikumpulkan';
                                    $badgeClass = 'badge-selesai';
                                } elseif ($submission->status === 'Dinilai') {
                                    $statusText = 'Dinilai';
                                    $badgeClass = 'badge-aktif';
                                }
                            }
                        @endphp
                        <tr>
                            <td style="font-weight: 600; color: var(--text-dark);">{{ $tugas->judul }}</td>
                            <td>{{ $tugas->mataPelajaran?->nama_mapel ?? '-' }}</td>
                            <td style="font-size: 14px; color: var(--text-gray);">
                                {{ $tugas->deadline->translatedFormat('d M Y, H:i') }} WIB
                            </td>
                            <td>
                                <span class="badge {{ $badgeClass }}">{{ $statusText }}</span>
                            </td>
                            <td style="text-align: center;">
                                <a href="{{ route('siswa.tugas.show', $tugas) }}" class="btn btn-primary btn-sm" style="text-decoration: none; display: inline-flex; align-items: center; gap: 6px;">
                                    <i class="fa-solid fa-file-invoice"></i> Detail
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" style="text-align: center; color: var(--text-gray); padding: 32px;">Tidak ada tugas aktif saat ini. Hore! 🎉</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
