@extends('layouts.school')
@section('title', $subject->name)
@section('header', $subject->name)
@section('content')
    <div class="mb-6 flex items-center justify-between">
        <a href="{{ route('school.subjects.index', request()->route('schoolId')) }}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to subjects</a>
        <div class="flex gap-3">
            <a href="{{ route('school.subjects.edit', [request()->route('schoolId'), $subject->id]) }}" class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50">Edit</a>
            <form method="POST" action="{{ route('school.subjects.destroy', [request()->route('schoolId'), $subject->id]) }}" onsubmit="return confirm('Delete this subject?')">
                @csrf @method('DELETE')
                <button type="submit" class="rounded-lg border border-red-200 bg-white px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50">Delete</button>
            </form>
        </div>
    </div>
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
        <dl class="grid grid-cols-2 md:grid-cols-3 gap-4 text-sm">
            <div><dt class="text-gray-500">Subject Name</dt><dd class="font-medium text-gray-900">{{ $subject->name }}</dd></div>
            <div><dt class="text-gray-500">Code</dt><dd class="font-medium text-gray-900">{{ $subject->code ?? '—' }}</dd></div>
            <div><dt class="text-gray-500">Class</dt><dd class="font-medium text-gray-900">{{ $subject->classroom?->name ?? '—' }}</dd></div>
            <div><dt class="text-gray-500">Teacher</dt><dd class="font-medium text-gray-900">{{ $subject->teacher?->full_name ?? '—' }}</dd></div>
            <div><dt class="text-gray-500">Max Marks</dt><dd class="font-medium text-gray-900">{{ $subject->max_marks }}</dd></div>
            <div><dt class="text-gray-500">Pass Marks</dt><dd class="font-medium text-gray-900">{{ $subject->pass_marks }}</dd></div>
            @if($subject->description)
                <div class="col-span-2 md:col-span-3"><dt class="text-gray-500">Description</dt><dd class="font-medium text-gray-900">{{ $subject->description }}</dd></div>
            @endif
        </dl>
    </div>
@endsection