@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | Timetables')
@section('page-title', 'Timetables')

@section('content')
<div class="mb-3">
    <a href="{{ route('academics.index') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left mr-1"></i> Back to Academics</a>
    <a href="{{ route('timetables.create') }}" class="btn btn-sm btn-primary ml-2"><i class="fas fa-plus mr-1"></i> New Timetable</a>
    <a href="{{ route('timetables.ai') }}" class="btn btn-sm btn-info ml-2"><i class="fas fa-robot mr-1"></i> AI Assistant</a>
</div>

<div class="card card-outline card-primary shadow-sm">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-table mr-1"></i> Timetables</h3>
        <div class="card-tools">
            <form method="GET" class="d-inline-flex gap-1">
                <select name="class_id" class="form-control form-control-sm" style="width:auto;">
                    <option value="">All Classes</option>
                    @foreach($classes as $c)
                        <option value="{{ $c->id }}" {{ request('class_id') == $c->id ? 'selected' : '' }}>{{ $c->name }} ({{ $c->gradeLevel->name ?? '' }})</option>
                    @endforeach
                </select>
                <select name="term_id" class="form-control form-control-sm" style="width:auto;">
                    <option value="">All Terms</option>
                    @foreach($terms as $t)
                        <option value="{{ $t->id }}" {{ request('term_id') == $t->id ? 'selected' : '' }}>{{ $t->name }} ({{ $t->academicYear->name ?? '' }})</option>
                    @endforeach
                </select>
                <input type="search" name="q" value="{{ request('q') }}" class="form-control form-control-sm" style="width:auto;" placeholder="Search name or class">
                <button type="submit" class="btn btn-sm btn-outline-primary"><i class="fas fa-filter mr-1"></i> Filter</button>
                <a href="{{ route('timetables.index') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-times mr-1"></i> Clear</a>
            </form>
        </div>
    </div>
    <div class="card-body table-responsive p-0">
        <table class="table table-hover text-nowrap mb-0">
            <thead>
                <tr>
                    <th>Class</th>
                    <th>Grade</th>
                    <th>Term / Year</th>
                    <th>Name</th>
                    <th>Periods</th>
                    <th>Status</th>
                    <th>Created By</th>
                    <th class="text-right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($timetables as $t)
                    <tr>
                        <td class="font-weight-bold">{{ $t->schoolClass->name ?? '—' }}</td>
                        <td>{{ $t->schoolClass->gradeLevel->name ?? '—' }}</td>
                        <td>
                            {{ $t->term->name ?? '—' }}<br>
                            <small class="text-muted">{{ $t->academicYear->name ?? '—' }}</small>
                        </td>
                        <td>{{ $t->name }}</td>
                        <td><span class="badge badge-light border">{{ $t->entries_count }}</span></td>
                        <td>
                            @if($t->is_active)
                                <span class="badge badge-success">Active</span>
                            @else
                                <span class="badge badge-secondary">Inactive</span>
                            @endif
                        </td>
                        <td><small>{{ $t->creator->name ?? '—' }}</small></td>
                        <td class="text-right">
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('timetables.show', $t) }}" class="btn btn-outline-primary" title="View"><i class="fas fa-eye"></i></a>
                                <a href="{{ route('timetables.edit', $t) }}" class="btn btn-outline-secondary" title="Edit"><i class="fas fa-edit"></i></a>
                                <a href="{{ route('timetables.pdf', $t) }}" class="btn btn-outline-info" title="PDF"><i class="fas fa-file-pdf"></i></a>
                                <form action="{{ route('timetables.destroy', $t) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete this timetable?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger" title="Delete"><i class="fas fa-trash"></i></button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center text-muted py-4">
                            No timetables found.
                            <a href="{{ route('timetables.create') }}">Create one</a>
                            or let the <a href="{{ route('timetables.ai') }}">AI assistant</a> draft it for you.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($timetables->hasPages())
        <div class="card-footer clearfix">
            {{ $timetables->links() }}
        </div>
    @endif
</div>
@endsection