@extends('layouts.admin')
@section('title','Courses')
@section('breadcrumb')<li class="breadcrumb-item active">Courses</li>@endsection
@section('admin-content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0" style="color:#1e3a5f"><i class="fas fa-book me-2 text-warning"></i>Courses</h4>
    <a href="{{ route('admin.courses.create') }}" class="btn btn-primary"><i class="fas fa-plus me-1"></i>Add Course</a>
</div>
<div class="card"><div class="card-body p-0">
<table class="table table-hover mb-0 dataTable">
<thead><tr><th>#</th><th>Name</th><th>Code</th><th>Type</th><th>Duration</th><th>Semesters</th><th>Students</th><th>Status</th><th>Actions</th></tr></thead>
<tbody>
@forelse($courses as $c)
<tr>
    <td>{{ $loop->iteration }}</td>
    <td><strong>{{ $c->name }}</strong></td>
    <td><span class="badge bg-secondary">{{ $c->code ?? '-' }}</span></td>
    <td><span class="badge bg-info text-dark">{{ $c->type }}</span></td>
    <td>{{ $c->duration_years }} yr</td>
    <td>{{ $c->total_semesters }}</td>
    <td>{{ $c->students_count }}</td>
    <td><span class="badge {{ $c->is_active ? 'bg-success' : 'bg-danger' }}">{{ $c->is_active ? 'Active' : 'Inactive' }}</span></td>
    <td>
        <a href="{{ route('admin.courses.edit', $c) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
        <form action="{{ route('admin.courses.destroy', $c) }}" method="POST" class="d-inline">@csrf @method('DELETE')
        <button class="btn btn-sm btn-outline-danger btn-delete"><i class="fas fa-trash"></i></button></form>
    </td>
</tr>
@empty
<tr><td colspan="9" class="text-center py-4 text-muted">No courses found.</td></tr>
@endforelse
</tbody></table>
</div></div>
<div class="mt-3">{{ $courses->links() }}</div>
@endsection
@push('scripts')<script>$('.dataTable').DataTable({paging:false,searching:true,info:false});</script>@endpush