@extends('admin.layouts.app')
@section('title', 'Subjects')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.academics.classes.index') }}">Academics</a></li>
    <li class="breadcrumb-item active">Subjects</li>
@endsection
@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Subjects</h1>
            <p class="page-subtitle">Manage subjects across all classes and categories</p>
        </div>
        <a href="{{ route('admin.academics.subjects.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i>Add Subject
        </a>
    </div>

    <div class="card mb-3">
        <div class="card-body py-3">
            <form method="GET" class="row g-2 align-items-end">
                <div class="col-md-4">
                    <select name="class_id" class="form-select" onchange="this.form.submit()">
                        <option value="">All Classes</option>
                        @foreach ($classes as $c)
                            <option value="{{ $c->id }}" {{ request('class_id') == $c->id ? 'selected' : '' }}>
                                {{ $c->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <select name="category" class="form-select" onchange="this.form.submit()">
                        <option value="">All Categories</option>
                        @foreach (['Major', 'Minor', 'MDC_IDC', 'VAC', 'AEC', 'SEC', 'Miscellaneous'] as $cat)
                            <option value="{{ $cat }}" {{ request('category') == $cat ? 'selected' : '' }}>
                                {{ str_replace('_', '/', $cat) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2"><a href="{{ route('admin.academics.subjects.index') }}"
                        class="btn btn-outline-secondary">Clear</a></div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>Subject</th>
                        <th>Code</th>
                        <th>Class</th>
                        <th>Category</th>
                        <th>Credits</th>
                        <th>Hours</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($subjects as $sub)
                        <tr>
                            <td style="font-weight:500;font-size:0.87rem">{{ $sub->name }}</td>
                            <td><code style="font-size:0.8rem">{{ $sub->code }}</code></td>
                            <td style="font-size:0.82rem">{{ $sub->class?->name }}</td>
                            <td>
                                @php $catColors = ['Major'=>'primary','Minor'=>'info','MDC_IDC'=>'warning','VAC'=>'success','AEC'=>'secondary','SEC'=>'danger','Miscellaneous'=>'secondary']; @endphp
                                <span class="badge badge-soft-{{ $catColors[$sub->category] ?? 'secondary' }}"
                                    style="font-size:0.72rem">
                                    {{ str_replace('_', '/', $sub->category) }}
                                </span>
                            </td>
                            <td style="font-size:0.85rem">{{ $sub->credit_hours ?? '—' }}</td>
                            <td style="font-size:0.82rem">
                                @if ($sub->theory_hours)
                                    T:{{ $sub->theory_hours }}h
                                @endif
                                @if ($sub->practical_hours)
                                    P:{{ $sub->practical_hours }}h
                                @endif
                            </td>
                            <td><span
                                    class="badge badge-soft-{{ $sub->status === 'active' ? 'success' : 'secondary' }}">{{ ucfirst($sub->status) }}</span>
                            </td>
                            <td>
                                <button class="btn btn-sm btn-outline-secondary py-1 goTo" data-action="{{ route('admin.academics.subjects.edit', $sub->id) }}">
                                    <i class="bi bi-pencil"></i>
                                </button>
                                <form method="POST" action="{{ route('admin.academics.subjects.destroy', $sub->id) }}"
                                    onsubmit="return confirm('Deactivate this subject?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-outline-danger py-1"><i
                                            class="bi bi-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-4 text-muted">No subjects found</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="card-body py-2">{{ $subjects->withQueryString()->links() }}</div>
    </div>
@endsection