@extends('layouts.app')
@section('title', 'Assignments')
@section('page-title', 'Assignments')

@section('content')
<div class="space-y-6">
    @if(auth()->user()->isAdmin() || auth()->user()->isTeacher())
    <div class="flex justify-end">
        <a href="{{ route('assignments.create') }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
            <i class="fas fa-plus mr-2"></i>New Assignment
        </a>
    </div>
    @endif

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        @forelse($assignments as $assignment)
        <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
            <div class="flex items-start justify-between mb-3">
                <span class="px-2 py-1 text-xs rounded-full {{ $assignment->status === 'published' ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-700' }}">
                    {{ ucfirst($assignment->status) }}
                </span>
                @if($assignment->due_date < now())
                    <span class="text-xs text-red-500 font-medium">Overdue</span>
                @endif
            </div>
            <h3 class="text-lg font-semibold text-gray-800">{{ $assignment->title }}</h3>
            <p class="text-sm text-gray-500 mt-1">{{ $assignment->subject->name }} • {{ $assignment->class_->full_name }}</p>
            <p class="text-sm text-gray-600 mt-2">{{ Str::limit($assignment->description, 100) }}</p>
            <div class="mt-4 flex items-center justify-between text-sm">
                <span class="text-gray-500"><i class="far fa-clock mr-1"></i>{{ $assignment->due_date->format('d M Y, h:i A') }}</span>
                <span class="text-gray-500">{{ $assignment->max_marks }} marks</span>
            </div>
            <div class="mt-4 pt-3 border-t border-gray-100">
                <a href="{{ route('assignments.show', $assignment) }}" class="text-blue-600 hover:underline text-sm">View Details →</a>
            </div>
        </div>
        @empty
        <div class="col-span-3 text-center py-12 text-gray-500">No assignments found.</div>
        @endforelse
    </div>

    {{ $assignments->links() }}
</div>
@endsection