@extends('adminlte::page')

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

@section('content_header')
<div class="d-flex justify-content-between align-items-center">
    <h1 class="text-success mb-0">Add New Subject</h1>
    <a href="{{ route('subjects.index') }}" class="btn btn-secondary">Back</a>
</div>
@stop

@section('content')
<div class="card shadow">
    <div class="card-body">
        <form action="{{ route('subjects.store') }}" method="POST">
            @csrf

            <!-- Subject Name -->
            <div class="form-group mb-3">
                <label class="fw-bold">Subject Name</label>
                <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
                @error('name') <small class="text-danger">{{ $message }}</small> @enderror
            </div>

            <!-- Subject Code -->
            <div class="form-group mb-3">
                <label class="fw-bold">Subject Code</label>
                <input type="text" name="code" class="form-control" value="{{ old('code') }}">
                @error('code') <small class="text-danger">{{ $message }}</small> @enderror
            </div>

            <!-- Subject Type -->
            <div class="form-group mb-3">
                <label class="fw-bold">Subject Type</label>
                <select name="type" class="form-control" required>
                    <option value="">-- Select Type --</option>
                    <option value="core" {{ old('type') == 'core' ? 'selected' : '' }}>Core</option>
                    <option value="elective" {{ old('type') == 'elective' ? 'selected' : '' }}>Elective</option>
                </select>
                @error('type') <small class="text-danger">{{ $message }}</small> @enderror
            </div>

            <!-- Department -->
            <div class="form-group mb-3">
                <label class="fw-bold">Department</label>
                <select name="department_id" class="form-control" required>
                    <option value="">-- Select Department --</option>
                    @foreach($departments as $department)
                        <option value="{{ $department->id }}" {{ old('department_id') == $department->id ? 'selected' : '' }}>
                            {{ $department->name }}
                        </option>
                    @endforeach
                </select>
                @error('department_id') <small class="text-danger">{{ $message }}</small> @enderror
            </div>

            <!-- Assign Classes & Teachers -->
            <div class="form-group mb-3">
                <label class="fw-bold">Assign to Classes & Teachers</label>

                @foreach($classes as $class)
                    <div class="mb-2">
                        <input type="checkbox" name="classes[]" value="{{ $class->id }}"
                            {{ old('classes') && in_array($class->id, old('classes')) ? 'checked' : '' }}>
                        <strong>{{ $class->name }}</strong>

                        <select name="teacher[{{ $class->id }}]" class="form-control mt-1">
                            <option value="">-- Select Teacher --</option>
                            @foreach($teachers as $teacher)
                                <option value="{{ $teacher->id }}"
                                    {{ old('teacher.'.$class->id) == $teacher->id ? 'selected' : '' }}>
                                    {{ $teacher->first_name }} {{ $teacher->last_name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                @endforeach

                @error('classes') <small class="text-danger d-block">{{ $message }}</small> @enderror
                @error('teacher') <small class="text-danger d-block">{{ $message }}</small> @enderror
            </div>

            <button type="submit" class="btn btn-success">
                <i class="fas fa-save"></i> Save Subject
            </button>
        </form>
    </div>
</div>
@stop