@extends('layouts.admin')

@section('title', 'Add Class')

@section('content')
	<form action="{{ route('admin.classes.store') }}" method="post" style="max-width:600px;">
		@csrf
		<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
			<div>
				<label>Grade (1-12)</label>
				<input type="number" min="1" max="12" name="grade" value="{{ old('grade') }}" style="display:block;width:100%;border:1px solid #e5e7eb;padding:8px 10px;border-radius:6px;">
				@error('grade')<div style="color:#b91c1c;">{{ $message }}</div>@enderror
			</div>
			<div>
				<label>Section</label>
				<input type="text" name="section" value="{{ old('section') }}" style="display:block;width:100%;border:1px solid #e5e7eb;padding:8px 10px;border-radius:6px;">
			</div>
		</div>
		<div style="margin-top:16px;">
			<label>Subjects</label>
			<select name="subject_ids[]" multiple size="8" style="display:block;width:100%;max-width:600px;border:1px solid #e5e7eb;padding:8px 10px;border-radius:6px;">
				@foreach($subjects as $s)
					<option value="{{ $s->id }}" @selected(collect(old('subject_ids',[]))->contains($s->id))>{{ $s->name }}</option>
				@endforeach
			</select>
		</div>
		<div style="margin-top:16px;">
			<button style="padding:10px 14px;border-radius:6px;background:#0ea5e9;color:#fff;">Create</button>
			<a href="{{ route('admin.classes.index') }}" style="padding:10px 14px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;">Cancel</a>
		</div>
	</form>
@endsection