@extends('layouts.teacher')

@section('title', 'Tugas - ' . $course->title)

@section('header', 'Daftar Tugas')

@section('breadcrumb')
    <a href="{{ route('teacher.courses.index') }}">Kursus</a>
    <span class="breadcrumb-sep">/</span>
    <a href="{{ route('teacher.courses.show', $course) }}">{{ $course->title }}</a>
    <span class="breadcrumb-sep">/</span>
    <span>Tugas</span>
@endsection

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-[var(--navy)]">Daftar Tugas</h1>
        <a href="{{ route('teacher.courses.assignments.create', $course) }}" 
           class="bg-[var(--gold)] text-[var(--navy)] px-4 py-2 rounded-lg font-semibold hover:bg-[var(--gold-2)] transition">
            <i class="fas fa-plus mr-2"></i> Tambah Tugas
        </a>
    </div>

    @if($assignments->isEmpty())
        <div class="bg-white rounded-lg shadow-sm border border-[var(--border)] p-12 text-center">
            <div class="text-6xl mb-4">📝</div>
            <h3 class="text-lg font-semibold text-gray-700 mb-2">Belum Ada Tugas</h3>
            <p class="text-gray-500">Mulai tambahkan tugas untuk kursus ini.</p>
        </div>
    @else
        <div class="grid gap-4">
            @foreach($assignments as $assignment)
            <div class="bg-white rounded-lg shadow-sm border border-[var(--border)] p-5">
                <div class="flex justify-between items-start">
                    <div>
                        <h3 class="font-semibold text-[var(--navy)] text-lg">{{ $assignment->title }}</h3>
                        <p class="text-gray-500 text-sm mt-1">{{ Str::limit($assignment->description, 100) }}</p>
                        <div class="flex items-center gap-4 mt-2 text-xs text-gray-400">
                            <span><i class="fas fa-calendar mr-1"></i> Tenggat: {{ $assignment->due_date ? $assignment->due_date->format('d M Y H:i') : '-' }}</span>
                            <span><i class="fas fa-upload mr-1"></i> Pengumpulan: {{ $assignment->submissions_count ?? 0 }}</span>
                        </div>
                    </div>
                    <div class="flex gap-2">
                        <a href="{{ route('teacher.courses.assignments.submissions', [$course, $assignment]) }}" 
                           class="px-3 py-1 text-sm bg-blue-100 text-blue-700 rounded-lg hover:bg-blue-200 transition">
                            <i class="fas fa-eye mr-1"></i> Lihat Kumpulan
                        </a>
                        <a href="{{ route('teacher.courses.assignments.edit', [$course, $assignment]) }}" 
                           class="px-3 py-1 text-sm bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition">
                            <i class="fas fa-edit"></i>
                        </a>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    @endif
</div>
@endsection