@extends('layouts.admin')

@section('title', 'Upload Material')

@section('content')
	<form action="{{ route('admin.materials.store') }}" method="post" enctype="multipart/form-data" style="max-width:640px;">
		@csrf
		<div style="margin-bottom:12px;">
			<label>Title</label>
			<input type="text" name="title" value="{{ old('title') }}" style="display:block;width:100%;border:1px solid #e5e7eb;padding:8px 10px;border-radius:6px;">
			@error('title')<div style="color:#b91c1c;">{{ $message }}</div>@enderror
		</div>
		<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
			<div>
				<label>Class</label>
				<select name="school_class_id" style="display:block;width:100%;border:1px solid #e5e7eb;padding:8px 10px;border-radius:6px;">
					@foreach($classes as $c)
						<option value="{{ $c->id }}" @selected(old('school_class_id')==$c->id)>Grade {{ $c->grade }}</option>
					@endforeach
				</select>
				@error('school_class_id')<div style="color:#b91c1c;">{{ $message }}</div>@enderror
			</div>
			<div>
				<label>Subject</label>
				<select name="subject_id" style="display:block;width:100%;border:1px solid #e5e7eb;padding:8px 10px;border-radius:6px;">
					@foreach($subjects as $s)
						<option value="{{ $s->id }}" @selected(old('subject_id')==$s->id)>{{ $s->name }}</option>
					@endforeach
				</select>
				@error('subject_id')<div style="color:#b91c1c;">{{ $message }}</div>@enderror
			</div>
		</div>
		<div style="margin-top:12px;">
			<label>PDF File</label>
			<input type="file" name="file" accept="application/pdf" style="display:block;">
			@error('file')<div style="color:#b91c1c;">{{ $message }}</div>@enderror
		</div>
		<div style="margin-top:16px;">
			<button style="padding:10px 14px;border-radius:6px;background:#0ea5e9;color:#fff;">Upload</button>
			<a href="{{ route('admin.materials.index') }}" style="padding:10px 14px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;">Cancel</a>
		</div>
	</form>
@endsection