@extends('layouts.admin')

@section('title', 'Materials')

@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.materials.create') }}" style="padding:8px 12px;border-radius:6px;background:#0ea5e9;color:#fff;text-decoration:none;">Upload PDF</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;">Title</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Class</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Subject</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">File</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;width:120px;">Actions</th>
				</tr>
			</thead>
			<tbody>
			@foreach($materials as $m)
				<tr>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $m->title }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">Grade {{ $m->schoolClass?->grade }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $m->subject?->name }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;"><a href="{{ asset('storage/' . $m->file_path) }}" target="_blank">View</a></td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">
						<form action="{{ route('admin.materials.destroy', $m) }}" method="post" onsubmit="return confirm('Delete this file?');">
							@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;">{{ $materials->links() }}</div>
@endsection