@extends('layouts.app')
@section('title', $teacher->name . ' - Teacher Profile')
@section('page-title', 'Teacher Profile')

@section('content')
<div class="max-w-4xl mx-auto space-y-6">

    {{-- Header --}}
    <div class="flex items-center justify-between">
        <a href="{{ route('teachers.index') }}" class="text-sm text-gray-500 hover:text-gray-700"><i class="fas fa-arrow-left mr-1"></i> Back to Teachers</a>
        <a href="{{ route('teachers.edit', $teacher) }}" class="inline-flex items-center gap-2 bg-primary-700 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-primary-800 transition">
            <i class="fas fa-edit"></i> Edit
        </a>
    </div>

    {{-- Profile Card --}}
    <div class="bg-white rounded-xl shadow-sm ring-1 ring-gray-200/60 overflow-hidden">
        <div class="px-6 py-5 border-b border-gray-100 flex items-center gap-4">
            <div class="w-14 h-14 bg-primary-700 rounded-full flex items-center justify-center text-xl font-bold text-white">
                {{ strtoupper(substr($teacher->name, 0, 1)) }}
            </div>
            <div>
                <h2 class="text-xl font-bold text-gray-800">{{ $teacher->name }}</h2>
                <p class="text-sm text-gray-500">{{ $teacher->email }}@if($teacher->phone) · {{ $teacher->phone }}@endif</p>
            </div>
            <div class="ml-auto">
                @if($teacher->is_active)
                    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">Active</span>
                @else
                    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800">Inactive</span>
                @endif
            </div>
        </div>
        <div class="p-6 grid grid-cols-2 md:grid-cols-4 gap-6">
            <div>
                <p class="text-xs text-gray-400 uppercase font-medium">Employee ID</p>
                <p class="text-sm font-medium text-gray-800 mt-1">{{ $teacher->teacherProfile?->employee_id ?? '—' }}</p>
            </div>
            <div>
                <p class="text-xs text-gray-400 uppercase font-medium">Qualification</p>
                <p class="text-sm font-medium text-gray-800 mt-1">{{ $teacher->teacherProfile?->qualification ?? '—' }}</p>
            </div>
            <div>
                <p class="text-xs text-gray-400 uppercase font-medium">Specialization</p>
                <p class="text-sm font-medium text-gray-800 mt-1">{{ $teacher->teacherProfile?->specialization ?? '—' }}</p>
            </div>
            <div>
                <p class="text-xs text-gray-400 uppercase font-medium">Joining Date</p>
                <p class="text-sm font-medium text-gray-800 mt-1">{{ $teacher->teacherProfile?->joining_date?->format('d M Y') ?? '—' }}</p>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        {{-- Assigned Classes (Class Teacher) --}}
        <div class="bg-white rounded-xl shadow-sm ring-1 ring-gray-200/60 overflow-hidden">
            <div class="px-6 py-4 border-b border-gray-100 bg-gray-50/50">
                <h3 class="font-semibold text-gray-800"><i class="fas fa-chalkboard mr-2 text-primary-600"></i>Class Teacher Of</h3>
            </div>
            <div class="p-6">
                @if($assignedClasses->count())
                    <div class="space-y-2">
                        @foreach($assignedClasses as $class)
                            <div class="flex items-center gap-3 p-2.5 bg-gray-50 rounded-lg">
                                <i class="fas fa-door-open text-gray-400"></i>
                                <span class="text-sm font-medium text-gray-700">{{ $class->full_name }}</span>
                                <span class="text-xs text-gray-400 ml-auto">{{ $class->students->count() ?? 0 }} students</span>
                            </div>
                        @endforeach
                    </div>
                @else
                    <p class="text-sm text-gray-400 text-center py-4">Not assigned as class teacher</p>
                @endif
            </div>
        </div>

        {{-- Subject Assignments --}}
        <div class="bg-white rounded-xl shadow-sm ring-1 ring-gray-200/60 overflow-hidden">
            <div class="px-6 py-4 border-b border-gray-100 bg-gray-50/50">
                <h3 class="font-semibold text-gray-800"><i class="fas fa-book mr-2 text-primary-600"></i>Subject Assignments</h3>
            </div>
            <div class="p-6">
                @if($assignedSubjects->count())
                    <div class="space-y-2">
                        @foreach($assignedSubjects as $assignment)
                            <div class="flex items-center gap-3 p-2.5 bg-gray-50 rounded-lg">
                                <i class="fas fa-bookmark text-gray-400"></i>
                                <div>
                                    <span class="text-sm font-medium text-gray-700">{{ $assignment->subject_name }}</span>
                                    <span class="text-xs text-gray-400 ml-2">{{ $assignment->class_name }}{{ $assignment->section ? " - {$assignment->section}" : '' }}</span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <p class="text-sm text-gray-400 text-center py-4">No subjects assigned yet</p>
                @endif
            </div>
        </div>
    </div>

    {{-- Recent Activity --}}
    <div class="bg-white rounded-xl shadow-sm ring-1 ring-gray-200/60 overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-100 bg-gray-50/50">
            <h3 class="font-semibold text-gray-800"><i class="fas fa-clock mr-2 text-primary-600"></i>Recent Attendance Entries</h3>
        </div>
        <div class="p-6">
            @if($recentActivity->count())
                <div class="space-y-2">
                    @foreach($recentActivity as $entry)
                        <div class="flex items-center justify-between p-2.5 bg-gray-50 rounded-lg">
                            <span class="text-sm text-gray-700"><i class="fas fa-calendar-check text-gray-400 mr-2"></i>{{ \Carbon\Carbon::parse($entry->date)->format('d M Y') }}</span>
                            <span class="text-xs font-medium text-gray-500">{{ $entry->entries }} records</span>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="text-sm text-gray-400 text-center py-4">No attendance records yet</p>
            @endif
        </div>
    </div>
</div>
@endsection