@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <!-- Teacher Details -->
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="mb-0">Teacher Details</h4>
                    <div class="btn-group">
                        <a href="{{ route('teachers.edit', $teacher->id) }}" class="btn btn-warning">
                            <i class="fas fa-edit"></i> Edit
                        </a>
                        <a href="{{ route('teachers.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> Back
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3 text-center mb-4">
                            <div class="avatar-lg mx-auto mb-3">
                                <div class="avatar-title bg-primary rounded-circle text-white" style="width: 80px; height: 80px; font-size: 2rem;">
                                    {{ substr($teacher->user->username, 0, 1) }}
                                </div>
                            </div>
                            <h5>{{ $teacher->user->username }}</h5>
                            <p class="text-muted">{{ $teacher->user->email }}</p>
                            <span class="badge bg-{{ $teacher->user->is_active ? 'success' : 'secondary' }}">
                                {{ $teacher->user->is_active ? 'Active' : 'Inactive' }}
                            </span>
                        </div>
                        <div class="col-md-9">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-borderless">
                                        <tr>
                                            <th width="40%">Employee Code:</th>
                                            <td>{{ $teacher->employee_code }}</td>
                                        </tr>
                                        <tr>
                                            <th>Department:</th>
                                            <td>
                                                @if($teacher->department)
                                                    <span class="badge bg-info">{{ $teacher->department }}</span>
                                                @else
                                                    <span class="text-muted">Not Set</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Join Date:</th>
                                            <td>
                                                @if($teacher->joined_at)
                                                    {{ $teacher->joined_at->format('M d, Y') }}
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-borderless">
                                        <tr>
                                            <th width="40%">Username:</th>
                                            <td>{{ $teacher->user->username }}</td>
                                        </tr>
                                        <tr>
                                            <th>Phone:</th>
                                            <td>{{ $teacher->user->phone ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Last Updated:</th>
                                            <td>{{ $teacher->updated_at->format('M d, Y') }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            
                            @if($teacher->bio)
                            <div class="mt-3">
                                <h6>Bio:</h6>
                                <p class="text-muted">{{ $teacher->bio }}</p>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <!-- Current Classes -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Current Classes</h5>
                </div>
                <div class="card-body">
                    @php
                        $activeClasses = $teacher->classes->where('status', 'active');
                    @endphp
                    
                    @if($activeClasses->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Batch</th>
                                        <th>Subject</th>
                                        <th>Schedule</th>
                                        <th>Weekly Hours</th>
                                        <th>Next Class</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($activeClasses as $class)
                                        <tr>
                                            <td>{{ $class->batch->name ?? 'N/A' }}</td>
                                            <td>
                                                @if($class->subject)
                                                    <strong>{{ $class->subject->code ?? 'N/A' }}</strong><br>
                                                    <small class="text-muted">{{ $class->subject->title ?? 'N/A' }}</small>
                                                @else
                                                    <span class="text-muted">No Subject</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($class->schedule)
                                                    {{ $class->schedule }}
                                                @else
                                                    <span class="text-muted">Not scheduled</span>
                                                @endif
                                            </td>
                                            <td>{{ $class->weekly_hours ?? 0 }} hrs/week</td>
                                            <td>
                                                @if($class->class_date)
                                                    {{ $class->class_date->format('M d, Y') }}
                                                @else
                                                    <span class="text-muted">No date set</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted mb-0">No active classes assigned.</p>
                    @endif
                </div>
            </div>

            <!-- Recent Classes -->
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Recent Classes</h5>
                </div>
                <div class="card-body">
                    @php
                        $recentClasses = $teacher->classes()
                            ->with(['batch', 'subject'])
                            ->where('active' ,true)
                            ->orderBy('created_at', 'desc')
                            ->take(5)
                            ->get();
                    @endphp

                    @if($recentClasses->count() > 0)
                        <div class="list-group list-group-flush">
                            @foreach($recentClasses as $class)
                                <div class="list-group-item px-0">
                                    <div class="d-flex justify-content-between align-items-start">
                                        <div>
                                            <strong>{{ $class->subject->code ?? 'N/A' }} - {{ $class->batch->name ?? 'N/A' }}</strong>
                                            <br>
                                            <small class="text-muted">{{ $class->topic ?? 'No topic' }}</small>
                                        </div>
                                        <div class="text-end">
                                            <small class="text-muted d-block">{{ $class->created_at->format('M d') }}</small>
                                            <small class="text-muted">{{ $class->formatted_time }}</small>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <p class="text-muted mb-0">No recent classes found.</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <!-- Statistics -->
            <!-- Statistics -->
<div class="card mb-4">
    <div class="card-header">
        <h5 class="mb-0">Statistics</h5>
    </div>
    <div class="card-body">
        <div class="d-flex justify-content-between mb-3">
            <span>Active Classes:</span>
            <strong>{{ $teacher->classes->where('status', 'active')->count() }}</strong>
        </div>
        <div class="d-flex justify-content-between mb-3">
            <span>Total Classes:</span>
            <strong>{{ $teacher->classes->count() }}</strong>
        </div>
        <div class="d-flex justify-content-between mb-3">
            <span>Attendance Sessions:</span>
            <strong>
                {{-- Count attendance sessions through classes --}}
                @php
                    $attendanceSessionsCount = 0;
                    foreach ($teacher->classes as $class) {
                        $attendanceSessionsCount += $class->attendanceSessions->count();
                    }
                @endphp
                {{ $attendanceSessionsCount }}
            </strong>
        </div>
        <div class="d-flex justify-content-between">
            <span>Materials Uploaded:</span>
            <strong>{{ $teacher->materials->count() }}</strong>
        </div>
    </div>
</div>
            <!-- Quick Actions -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Quick Actions</h5>
                </div>
                <div class="card-body">
                    <a href="{{ route('teachers.classes', $teacher->id) }}" class="btn btn-primary w-100 mb-2">
                        <i class="fas fa-calendar"></i> View All Classes
                    </a>
                    <a href="#" class="btn btn-info w-100 mb-2">
                        <i class="fas fa-chalkboard-teacher"></i> Take Attendance
                    </a>
                    <a href="#" class="btn btn-success w-100 mb-2">
                        <i class="fas fa-upload"></i> Upload Material
                    </a>
                    <a href="#" class="btn btn-warning w-100">
                        <i class="fas fa-chart-line"></i> Performance Report
                    </a>
                </div>
            </div>

            <!-- Upcoming Classes -->
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Upcoming Classes</h5>
                </div>
                <div class="card-body">
                    @php
                        $upcomingClasses = $teacher->classes()
                            ->with(['batch', 'subject'])
                            ->where('created_at', '>=', now())
                            ->where('active', true)
                            ->orderBy('created_at', 'asc')
                            ->take(3)
                            ->get();
                    @endphp

                    @if($upcomingClasses->count() > 0)
                        <div class="list-group list-group-flush">
                            @foreach($upcomingClasses as $class)
                                <div class="list-group-item px-0">
                                    <div class="d-flex justify-content-between align-items-start">
                                        <div>
                                            <strong>{{ $class->subject->code ?? 'N/A' }}</strong>
                                            <br>
                                            <small class="text-muted">{{ $class->batch->name ?? 'N/A' }}</small>
                                        </div>
                                        <div class="text-end">
                                            <small class="text-muted d-block">{{ $class->class_date->format('M d') }}</small>
                                            <small class="text-info">{{ $class->class_date->diffForHumans() }}</small>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <p class="text-muted mb-0">No upcoming classes.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

<style>
.avatar-lg {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.avatar-title {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>