@extends('layouts.examiner')
@section('title', 'Subjects')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Subjects</h1>
    <a href="{{ route('examiner.subjects.create') }}" class="btn btn-sm btn-primary">
        <i class="fas fa-plus"></i> Add Subject
    </a>
</div>

<div class="card shadow mb-4">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-sm">
                <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>Subject</th>
                        <th>Code</th>
                        <th>Questions</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($subjects as $subject)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $subject->name }}</td>
                    <td>{{ $subject->code ?? '—' }}</td>
                    <td>{{ $subject->questions_count }}</td>
                    <td>
                        <a href="{{ route('examiner.subjects.edit', $subject) }}" class="btn btn-xs btn-warning">Edit</a>
                        <form method="POST" action="{{ route('examiner.subjects.destroy', $subject) }}" class="d-inline"
                              onsubmit="return confirm('Remove this subject?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-xs btn-danger">Del</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center text-muted">No subjects found</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $subjects->links() }}
    </div>
</div>
@endsection