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

@section('content')
    {{-- Welcome --}}
    <div class="relative mb-6 overflow-hidden rounded-2xl bg-gradient-to-br from-primary-600 via-primary-600 to-primary-800 p-6 text-white shadow-lg shadow-primary-900/20 sm:p-7">
        <div class="pointer-events-none absolute -right-16 -top-24 h-64 w-64 rounded-full bg-white/10 blur-2xl"></div>
        <div class="pointer-events-none absolute -bottom-32 -left-10 h-72 w-72 rounded-full bg-accent-400/20 blur-3xl"></div>
        <div class="relative flex flex-col gap-4 sm:flex-row sm:items-center">
            <span class="flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-2xl bg-white/15 text-xl font-bold text-white ring-1 ring-white/25 ring-inset">
                @if ($teacher->photo)
                    <img src="{{ $teacher->photo_url }}" alt="" class="h-full w-full object-cover">
                @else
                    {{ $teacher->initials }}
                @endif
            </span>
            <div class="flex-1">
                <p class="text-sm font-medium text-primary-100">{{ now()->format('l, j F Y') }}</p>
                <h2 class="font-display text-2xl font-bold">Welcome back, {{ $teacher->full_name }}</h2>
                <p class="mt-1 text-sm text-primary-100/90">{{ $teacher->designation ?? 'Teacher' }} &middot; Staff ID {{ $teacher->employee_id }} &middot; {{ optional($currentYear)->name ?? '' }} {{ optional($currentTerm)->name ? '· ' . $currentTerm->name : '' }}</p>
            </div>
        </div>
    </div>

    {{-- Stat tiles (real counts) --}}
    @php
        $tiles = [
            [
                'title' => 'Classes Assigned',
                'value' => $classCount,
                'chip' => 'bg-primary-50 text-primary-600',
                'icon' => 'M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776',
                'sub' => null,
                'link' => ($perm['view_classes'] ?? false) ? ['route('tportal.classes', $school->id)', 'View my classes'] : null,
            ],
            [
                'title' => 'Subjects Assigned',
                'value' => $subjectCount,
                'chip' => 'bg-sky-100 text-sky-700',
                'icon' => 'M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25',
                'sub' => null,
                'link' => (($perm['view_classes'] ?? false) && ($perm['enter_marks'] ?? false)) ? ['route('tportal.marks.entry', $school->id)', 'Enter marks'] : null,
            ],
            [
                'title' => 'Pending Marks',
                'value' => $pendingMarks->count(),
                'chip' => $pendingMarks->count() ? 'bg-amber-100 text-amber-700' : 'bg-emerald-100 text-emerald-700',
                'icon' => 'M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10',
                'valueClass' => $pendingMarks->count() ? 'text-amber-600' : 'text-green-600',
                'sub' => optional($currentTerm)->name ? $currentTerm->name . ' combos with gaps' : 'No active term',
                'link' => null,
            ],
            [
                'title' => 'Attendance Tasks',
                'value' => $attendanceTasks->count(),
                'chip' => $attendanceTasks->count() ? 'bg-rose-100 text-rose-700' : 'bg-emerald-100 text-emerald-700',
                'icon' => 'M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008z',
                'valueClass' => $attendanceTasks->count() ? 'text-red-500' : 'text-green-600',
                'sub' => $attendanceTasks->count() ? 'Registers missing today' : 'All registers taken today',
                'link' => null,
            ],
        ];
    @endphp
    <div class="mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4">
        @foreach ($tiles as $tile)
            <div class="group rounded-2xl border border-slate-100 bg-white p-5 shadow-sm shadow-slate-900/[0.03] transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-slate-900/5">
                <div class="flex items-start justify-between gap-3">
                    <div class="min-w-0">
                        <p class="text-xs font-semibold uppercase tracking-wider text-slate-400">{{ $tile['title'] }}</p>
                        <p class="mt-2 truncate font-display text-3xl font-bold {{ $tile['valueClass'] ?? 'text-slate-900' }}">{{ $tile['value'] }}</p>
                        @if ($tile['sub'])
                            <p class="mt-1 text-[11px] text-slate-400">{{ $tile['sub'] }}</p>
                        @endif
                        @if ($tile['link'])
                            <a href="{{ $tile['link'][0] }}" class="mt-2 inline-block text-xs font-semibold text-primary-600 hover:text-primary-700">{{ $tile['link'][1] }} &rarr;</a>
                        @endif
                    </div>
                    <span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl {{ $tile['chip'] }} transition group-hover:scale-105">
                        <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="{{ $tile['icon'] }}"/></svg>
                    </span>
                </div>
            </div>
        @endforeach
    </div>

    {{-- Quick actions --}}
    <div class="mb-6 flex flex-wrap gap-3">
        @if ($perm['take_attendance'])
            <a href="{{ route('tportal.attendance.take', $school->id) }}" class="inline-flex items-center gap-2 rounded-xl bg-primary-600 px-5 py-2.5 text-sm font-semibold text-white shadow-md shadow-primary-500/20 hover:bg-primary-700">
                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                Take Attendance
            </a>
        @endif
        @if ($perm['enter_marks'])
            <a href="{{ route('tportal.marks.entry', $school->id) }}" class="inline-flex items-center gap-2 rounded-xl bg-white px-5 py-2.5 text-sm font-semibold text-slate-700 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50">
                <svg class="h-4 w-4 text-primary-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"/></svg>
                Enter Marks
            </a>
        @endif
        @if ($perm['view_classes'])
            <a href="{{ route('tportal.classes', $school->id) }}" class="inline-flex items-center gap-2 rounded-xl bg-white px-5 py-2.5 text-sm font-semibold text-slate-700 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50">
                <svg class="h-4 w-4 text-sky-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776"/></svg>
                View My Classes
            </a>
        @endif
        @if ($perm['view_timetable'])
            <a href="{{ route('tportal.timetable', $school->id) }}" class="inline-flex items-center gap-2 rounded-xl bg-white px-5 py-2.5 text-sm font-semibold text-slate-700 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50">
                <svg class="h-4 w-4 text-amber-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"/></svg>
                View Timetable
            </a>
        @endif
    </div>

    <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">

        {{-- Today's timetable --}}
        @if ($perm['view_timetable'])
            <div class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-900/5 lg:col-span-2">
                <h3 class="mb-4 flex items-center gap-2 font-display text-base font-semibold text-slate-900"><span class="flex h-7 w-7 items-center justify-center rounded-lg bg-primary-50 text-primary-600"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"/></svg></span>Today's Classes — {{ now()->format('l, j M Y') }}</h3>
                @forelse ($todayClasses as $entry)
                    <div class="flex items-center gap-4 border-b border-slate-50 py-3 last:border-0">
                        <span class="w-24 shrink-0 font-mono text-sm font-semibold text-primary-700">{{ \Carbon\Carbon::parse($entry->start_time)->format('H:i') }}–{{ \Carbon\Carbon::parse($entry->end_time)->format('H:i') }}</span>
                        <div class="min-w-0 flex-1">
                            <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>
                    </div>
                @empty
                    <p class="py-8 text-center text-sm text-slate-400">No classes scheduled for today.</p>
                @endforelse
            </div>
        @endif

        {{-- Pending marks --}}
        <div class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-900/5 {{ $perm['view_timetable'] ? '' : 'lg:col-span-2' }}">
            <h3 class="mb-4 flex items-center gap-2 font-display text-base font-semibold text-slate-900"><span class="flex h-7 w-7 items-center justify-center rounded-lg bg-amber-50 text-amber-600"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"/></svg></span>Pending Mark Entry</h3>
            @forelse ($pendingMarks as $row)
                <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">{{ $row->subject->name }}</p>
                            <p class="text-xs text-slate-400">{{ $row->subject->classroom?->name }}</p>
                        </div>
                        <span class="shrink-0 rounded-full px-2.5 py-0.5 text-xs font-semibold {{ $row->entered === 0 ? 'bg-red-50 text-red-600' : 'bg-amber-50 text-amber-600' }}">{{ $row->entered }}/{{ $row->total }}</span>
                    </div>
                    @php($pct = $row->total > 0 ? (int) round($row->entered / $row->total * 100) : 0)
                    <div class="mt-2 h-1.5 w-full overflow-hidden rounded-full bg-slate-100">
                        <div class="h-full rounded-full bg-primary-500" style="width: {{ $pct }}%"></div>
                    </div>
                </div>
            @empty
                <p class="py-8 text-center text-sm text-slate-400">All mark entry up to date. 🎉</p>
            @endforelse
        </div>

        {{-- Attendance tasks --}}
        @if ($perm['take_attendance'])
            <div class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-900/5">
                <h3 class="mb-4 flex items-center gap-2 font-display text-base font-semibold text-slate-900"><span class="flex h-7 w-7 items-center justify-center rounded-lg bg-rose-50 text-rose-600"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></span>Attendance Tasks Today</h3>
                @forelse ($attendanceTasks as $class)
                    <div class="flex items-center justify-between border-b border-slate-50 py-3 last:border-0">
                        <p class="text-sm font-medium text-slate-800">{{ $class->name }}</p>
                        <a href="{{ route('tportal.attendance.take', array_merge([$school->id], ['class_id' => $class->id])) }}" class="rounded-lg bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-primary-700">Take now</a>
                    </div>
                @empty
                    <p class="py-8 text-center text-sm text-slate-400">Every register is taken for today.</p>
                @endforelse
            </div>
        @endif

        {{-- Announcements --}}
        @if ($perm['view_announcements'])
            <div class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-900/5 {{ $perm['take_attendance'] ? '' : 'lg:col-span-2' }}">
                <div class="mb-4 flex items-center justify-between">
                    <h3 class="flex items-center gap-2 font-display text-base font-semibold text-slate-900"><span class="flex h-7 w-7 items-center justify-center rounded-lg bg-sky-50 text-sky-600"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.52-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46"/></svg></span>Announcements</h3>
                    <a href="{{ route('tportal.announcements', $school->id) }}" class="text-xs font-semibold text-primary-600 hover:text-primary-700">See all</a>
                </div>
                @forelse ($announcements as $announcement)
                    <div class="border-b border-slate-50 py-3 last:border-0">
                        <p class="text-sm font-semibold text-slate-800">{{ $announcement->title }}</p>
                        <p class="line-clamp-2 text-xs text-slate-400">{{ Str::limit(strip_tags($announcement->body), 90) }}</p>
                        <p class="mt-1 text-[11px] text-slate-300">{{ optional($announcement->published_at)->format('d M Y') }}</p>
                    </div>
                @empty
                    <p class="py-8 text-center text-sm text-slate-400">No announcements right now.</p>
                @endforelse
            </div>
        @endif

        {{-- Notifications --}}
        @unless ($notifications->isEmpty())
            <div class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-900/5">
                <h3 class="mb-4 flex items-center gap-2 font-display text-base font-semibold text-slate-900"><span class="flex h-7 w-7 items-center justify-center rounded-lg bg-violet-50 text-violet-600"><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0M3.124 7.5A8.969 8.969 0 015.292 3m13.416 0a8.969 8.969 0 012.168 4.5"/></svg></span>Notifications</h3>
                @foreach ($notifications as $notification)
                    <div class="border-b border-slate-50 py-3 last:border-0">
                        <p class="text-sm font-medium text-slate-800">{{ $notification->title }}</p>
                        <p class="line-clamp-2 text-xs text-slate-400">{{ Str::limit($notification->body, 80) }}</p>
                        <p class="mt-1 text-[11px] text-slate-300">{{ $notification->created_at->diffForHumans() }}</p>
                    </div>
                @endforeach
            </div>
        @endunless
    </div>
@endsection