@extends('layouts.admin')

@section('title', 'Classes')

@section('content')
	@if(session('status'))
		<div style="background:#dcfce7;border:1px solid #86efac;color:#166534;padding:8px 12px;border-radius:6px;margin-bottom:12px;">{{ session('status') }}</div>
	@endif

	<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
		<div></div>
		<a href="{{ route('admin.classes.create') }}" style="padding:8px 12px;border-radius:6px;background:#0ea5e9;color:#fff;text-decoration:none;">Add Class</a>
	</div>

	<div style="overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;">
		<table style="width:100%;border-collapse:collapse;">
			<thead style="background:#f8fafc;text-align:left;">
				<tr>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Grade</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Section</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Subjects</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;width:160px;">Actions</th>
				</tr>
			</thead>
			<tbody>
			@foreach($classes as $class)
				<tr>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $class->grade }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $class->section ?? '-' }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $class->subjects->pluck('name')->join(', ') }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">
						<a href="{{ route('admin.classes.edit', $class) }}" style="padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;">Edit</a>
						<form action="{{ route('admin.classes.destroy', $class) }}" method="post" style="display:inline;" onsubmit="return confirm('Delete this class?');">
							@csrf
							@method('DELETE')
							<button style="padding:6px 10px;border-radius:6px;border:1px solid #fecaca;background:#fee2e2;color:#991b1b;">Delete</button>
						</form>
					</td>
				</tr>
			@endforeach
			</tbody>
		</table>
	</div>

	<div style="margin-top:12px;">{{ $classes->links() }}</div>
@endsection