@extends('layouts.admin')

@section('title', 'Teachers')

@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.teachers.create') }}" style="padding:8px 12px;border-radius:6px;background:#0ea5e9;color:#fff;text-decoration:none;">Add Teacher</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;">Name</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">User</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Classes</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($teachers as $teacher)
				<tr>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $teacher->first_name }} {{ $teacher->last_name }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $teacher->user?->email }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $teacher->schoolClasses->pluck('grade')->join(', ') }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $teacher->subjects->pluck('name')->join(', ') }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">
						<a href="{{ route('admin.teachers.edit', $teacher) }}" style="padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;">Edit</a>
						<form action="{{ route('admin.teachers.destroy', $teacher) }}" method="post" style="display:inline;" onsubmit="return confirm('Delete this teacher?');">
							@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;">{{ $teachers->links() }}</div>
@endsection