@extends('layouts.teacher-portal')
@section('title', 'Timetable')
@section('header', 'My Timetable')

@section('content')
    <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 xl:grid-cols-3">
        @forelse ($entries as $day => $dayEntries)
            <div class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-900/5">
                <h3 class="mb-4 font-display text-sm font-bold uppercase tracking-wide text-primary-700">{{ ucfirst($day) }}</h3>
                @foreach ($dayEntries as $entry)
                    <div class="border-b border-slate-50 py-3 last:border-0">
                        <div class="flex items-center justify-between gap-3">
                            <div class="min-w-0">
                                <p class="truncate text-sm font-semibold text-slate-800">{{ $entry->subject?->name }}</p>
                                <p class="text-xs text-slate-400">{{ $entry->classroom?->name }} @if($entry->room) &middot; {{ $entry->room }} @endif</p>
                            </div>
                            <span class="shrink-0 rounded-full bg-slate-100 px-2.5 py-1 font-mono text-[11px] font-semibold text-slate-600">{{ \Carbon\Carbon::parse($entry->start_time)->format('H:i') }}</span>
                        </div>
                    </div>
                @endforeach
            </div>
        @empty
            <div class="col-span-full rounded-2xl bg-white p-12 text-center shadow-sm ring-1 ring-slate-900/5">
                <p class="text-sm text-slate-400">No timetable entries are assigned to you yet.</p>
            </div>
        @endforelse
    </div>
@endsection