@extends('layouts.app')
@section('title', 'Lịch học')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4"><div><h3 class="fw-bold mb-1">Lịch học</h3><div class="text-muted">Quản lý lịch học, buổi học và phân công giảng viên</div></div><a href="{{ route('class-schedules.create') }}" class="btn btn-primary"><i class="bi bi-plus-circle me-1"></i> Thêm lịch học</a></div>
@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
<div class="card shadow-sm"><div class="card-body"><table class="table table-hover align-middle"><thead class="table-light"><tr><th>STT</th><th>Nội dung buổi học</th><th>Lớp học</th><th>Giảng viên</th><th>Ngày học</th><th>Thời gian</th><th>Trạng thái</th><th class="text-end">Thao tác</th></tr></thead><tbody>
@forelse($schedules as $index => $schedule)
<tr><td>{{ $index + 1 }}</td><td><strong>{{ $schedule->title }}</strong></td><td>{{ $schedule->trainingClass->name ?? 'Chưa cập nhật' }}</td><td>{{ $schedule->teacher->full_name ?? 'Chưa phân công' }}</td><td>{{ $schedule->study_date ? \Carbon\Carbon::parse($schedule->study_date)->format('d/m/Y') : 'Chưa cập nhật' }}</td><td>{{ ($schedule->start_time ?? '') . ($schedule->end_time ? ' - ' . $schedule->end_time : '') }}</td><td><span class="badge bg-success">{{ $schedule->status }}</span></td><td class="text-end"><a href="{{ route('class-schedules.show', $schedule->id) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a> <a href="{{ route('class-schedules.edit', $schedule->id) }}" class="btn btn-sm btn-outline-warning"><i class="bi bi-pencil"></i></a> <form action="{{ route('class-schedules.destroy', $schedule->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Bạn có chắc chắn muốn xóa lịch học này?');">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form></td></tr>
@empty<tr><td colspan="8" class="text-center text-muted py-4">Chưa có lịch học nào.</td></tr>@endforelse
</tbody></table></div></div>
@endsection
