@extends('layout.layout')
@section('title', 'Add Teacher Feedback')
@section('content')
    <div class="container py-4">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card shadow-sm">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0">➕ Add Teacher Feedback</h5>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('teacher_feedback.store') }}" method="POST">
                            @csrf
                            <div class="row g-3">
                                <!-- Type (disabled but displayed) -->
                                <input type="hidden" name="student_id" value="{{ $student->id }}">
                                <input type="hidden" name="staff_schedule_id" value="{{ $staff_schedule_id}}">
                                <div class="col-md-6">
                                    <label for="type" class="form-label">Type</label>
                                    <select id="type" class="form-select" disabled>
                                        <option value="initial" {{ $nextType == 'initial' ? 'selected' : '' }}>Initial
                                        </option>
                                        <option value="mid" {{ $nextType == 'mid' ? 'selected' : '' }}>Mid</option>
                                        <option value="final" {{ $nextType == 'final' ? 'selected' : '' }}>Final</option>
                                    </select>
                                    <input type="hidden" name="type" value="{{ $nextType }}">
                                </div>
                                @if (in_array($nextType, ['initial', 'mid']))
                                    <!-- Level -->
                                    <div class="col-md-6">
                                        <label for="level" class="form-label">Level</label>
                                        <select name="level" id="level"
                                            class="form-select @error('level') is-invalid @enderror">
                                            <option value="">Select Level</option>
                                            <option value="Pioneer" {{ old('level') == 'Pioneer' ? 'selected' : '' }}>Pioneer
                                            </option>
                                            <option value="Advanced" {{ old('level') == 'Advanced' ? 'selected' : '' }}>
                                                Advanced</option>
                                            <option value="Super Advanced"
                                                {{ old('level') == 'Super Advanced' ? 'selected' : '' }}>Super Advanced
                                            </option>
                                        </select>
                                        @error('level')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <!-- Need -->
                                    <div class="col-md-6">
                                        <label for="need" class="form-label">Need</label>
                                        <input type="text" name="need" id="need"
                                            class="form-control @error('need') is-invalid @enderror"
                                            value="{{ old('need') }}" placeholder="Enter student needs">
                                        @error('need')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <!-- First Feedback -->
                                    <div class="col-md-12">
                                        <label for="first_feedback" class="form-label">First Feedback</label>
                                        <textarea name="first_feedback" id="first_feedback" rows="4"
                                            class="form-control @error('first_feedback') is-invalid @enderror" placeholder="Enter first feedback...">{{ old('first_feedback') }}</textarea>
                                        @error('first_feedback')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                @elseif($nextType === 'final')
                                    <!-- Final feedback fields -->
                                    <div class="col-md-6">
                                        <label for="level" class="form-label">Level</label>
                                        <select name="level" id="level"
                                            class="form-select @error('level') is-invalid @enderror">
                                            <option value="">Select Level</option>
                                            <option value="Pioneer" {{ old('level') == 'Pioneer' ? 'selected' : '' }}>Pioneer
                                            </option>
                                            <option value="Advanced" {{ old('level') == 'Advanced' ? 'selected' : '' }}>
                                                Advanced</option>
                                            <option value="Super Advanced"
                                                {{ old('level') == 'Super Advanced' ? 'selected' : '' }}>Super Advanced
                                            </option>
                                        </select>
                                        @error('level')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <!-- Result -->
                                    <div class="col-md-6">
                                        <label for="result" class="form-label">Result</label>
                                        <input type="text" name="result" id="result"
                                            class="form-control @error('result') is-invalid @enderror"
                                            value="{{ old('result') }}" placeholder="Enter Result">
                                        @error('result')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <!-- Score -->
                                    <div class="col-md-6">
                                        <label for="score" class="form-label">Score</label>
                                        <input type="number" name="score" id="score"
                                            class="form-control @error('score') is-invalid @enderror"
                                            value="{{ old('score') }}" placeholder="Enter Score">
                                        @error('score')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <!-- Up To Level -->
                                    <div class="col-md-6">
                                        <label for="up_to_level" class="form-label">Up To Level</label>
                                        <select name="up_to_level" id="up_to_level"
                                            class="form-select @error('up_to_level') is-invalid @enderror">
                                            <option value="">Select Level</option>
                                            <option value="Pioneer" {{ old('up_to_level') == 'Pioneer' ? 'selected' : '' }}>
                                                Pioneer</option>
                                            <option value="Advanced"
                                                {{ old('up_to_level') == 'Advanced' ? 'selected' : '' }}>Advanced</option>
                                            <option value="Super Advanced"
                                                {{ old('up_to_level') == 'Super Advanced' ? 'selected' : '' }}>Super Advanced
                                            </option>
                                        </select>
                                        @error('up_to_level')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <!-- Skills -->
                                    @foreach (['grammar', 'speaking', 'appropriacy', 'listening', 'reading', 'writing'] as $skill)
                                        <div class="col-md-4">
                                            <label for="{{ $skill }}"
                                                class="form-label">{{ ucfirst($skill) }}</label>
                                            <input type="number" name="{{ $skill }}" id="{{ $skill }}"
                                                class="form-control @error($skill) is-invalid @enderror"
                                                value="{{ old($skill) }}" placeholder="0 - 100">
                                            @error($skill)
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    @endforeach

                                    <!-- Teacher’s Note -->
                                    <div class="col-12">
                                        <label for="teachers_note" class="form-label">Teacher’s Note</label>
                                        <textarea name="teachers_note" id="teachers_note" rows="4"
                                            class="form-control @error('teachers_note') is-invalid @enderror" placeholder="Enter teacher’s notes...">{{ old('teachers_note') }}</textarea>
                                        @error('teachers_note')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                @endif
                            </div>

                            <!-- Buttons -->
                            <div class="mt-4 text-end">
                                <a href="{{ route('teacher_feedback.index') }}" class="btn btn-secondary">
                                    <i class="bi bi-arrow-left"></i> Cancel
                                </a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="bi bi-save"></i> Save Feedback
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection