@extends('admin.layouts.app')
@section('title', 'Teacher Schedule')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.academics.classes.index') }}">Academics</a></li>
    <li class="breadcrumb-item active">Teacher Schedule</li>
@endsection
@section('content')
<div class="page-header">
    <h1 class="page-title">Teacher Schedule</h1>
</div>

<div class="card mb-4">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-5">
                <label class="form-label mb-1">Select Teacher</label>
                <select name="employee_id" class="form-select" onchange="this.form.submit()">
                    <option value="">— Select Teacher —</option>
                    @foreach($employees as $e)
                        <option value="{{ $e->id }}" {{ request('employee_id')==$e->id?'selected':'' }}>
                            {{ $e->user?->name }} — {{ $e->designation?->name }}
                        </option>
                    @endforeach
                </select>
            </div>
        </form>
    </div>
</div>

@if(request('employee_id') && $schedules->count())
@php $days = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; @endphp
<div class="row g-3">
    @foreach($days as $day)
    @php $daySlots = $schedules->where('day_of_week', $day); @endphp
    @if($daySlots->count())
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">{{ $day }}</div>
            <div class="list-group list-group-flush">
                @foreach($daySlots->sortBy('start_time') as $slot)
                <div class="list-group-item py-2 px-3">
                    <div class="d-flex align-items-center gap-3">
                        <div style="font-size:0.75rem;color:#64748b;min-width:70px">
                            {{ date('h:i A', strtotime($slot->start_time)) }}<br>
                            <span style="color:#94a3b8">– {{ date('h:i A', strtotime($slot->end_time)) }}</span>
                        </div>
                        <div>
                            <div style="font-weight:500;font-size:0.87rem">{{ $slot->subject?->name }}</div>
                            <div style="font-size:0.75rem;color:#64748b">{{ $slot->class?->name }}</div>
                            @if($slot->room)<div style="font-size:0.73rem;color:#94a3b8"><i class="bi bi-geo-alt me-1"></i>{{ $slot->room }}</div>@endif
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    @endif
    @endforeach
</div>
@elseif(request('employee_id'))
<div class="card text-center py-5 text-muted">
    <i class="bi bi-calendar-x" style="font-size:2.5rem;opacity:0.3"></i>
    <p class="mt-2">No schedule found for this teacher</p>
</div>
@endif
@endsection