@extends('layout.layout')

@section('title', 'Add Demo Feedback')

@section('content')
    @include('components.alert')

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="space-y-4">
                <x-page-title
                    title="Add Demo Feedback"
                    description="Create the tester performance report for the selected student.">
                    <a href="{{ route('students.index') }}" class="asset-btn asset-btn--secondary">
                        Back
                    </a>
                </x-page-title>

                <div class="ui-card p-4">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <form action="{{ route('students.feedback.store') }}" method="POST">
                        @csrf

                        <input type="hidden" name="student_id" value="{{ $student->id }}">
                        <input type="hidden" name="staff_schedule_id" value="{{ $staffScheduleId }}">
                        <input type="hidden" name="session_id" value="{{ $sessionId }}">
                        <input type="hidden" name="type" value="demo">

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="suggested_levels" class="form-label fw-bold">Suggested Levels <span class="text-danger">*</span></label>
                                <input type="text" name="suggested_levels" id="suggested_levels"
                                    class="form-control @error('suggested_levels') is-invalid @enderror"
                                    value="{{ old('suggested_levels') }}" placeholder="Enter suggested levels" required>
                                @error('suggested_levels')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            <div class="col-md-6">
                                <label for="suggested_band" class="form-label fw-bold">Suggested Band <span class="text-danger">*</span></label>
                                <input type="text" name="suggested_band" id="suggested_band"
                                    class="form-control @error('suggested_band') is-invalid @enderror"
                                    value="{{ old('suggested_band') }}" placeholder="Enter suggested band" required>
                                @error('suggested_band')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            @foreach (['listening', 'reading', 'speaking', 'vocabulary', 'grammar'] as $skill)
                                <div class="col-md-12">
                                    <label for="demo_{{ $skill }}" class="form-label fw-bold">{{ ucfirst($skill) }} <span class="text-danger">*</span></label>
                                    <textarea name="demo_{{ $skill }}" id="demo_{{ $skill }}"
                                        class="form-control @error('demo_' . $skill) is-invalid @enderror"
                                        placeholder="Enter {{ ucfirst($skill) }} feedback..." rows="3" required>{{ old('demo_' . $skill) }}</textarea>
                                    @error('demo_' . $skill)<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                            @endforeach

                            <div class="col-12">
                                <label for="objectivies" class="form-label fw-bold">Objectivies <span class="text-danger">*</span></label>
                                <textarea name="objectivies" id="objectivies" rows="4"
                                    class="form-control @error('objectivies') is-invalid @enderror"
                                    placeholder="Enter objectivies..." required>{{ old('objectivies') }}</textarea>
                                @error('objectivies')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            <div class="col-12">
                                <label for="comment" class="form-label fw-bold">Comment <span class="text-danger">*</span></label>
                                <textarea name="comment" id="comment" rows="4"
                                    class="form-control @error('comment') is-invalid @enderror"
                                    placeholder="Enter comment..." required>{{ old('comment') }}</textarea>
                                @error('comment')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>

                        <div class="mt-4 text-end">
                            <a href="{{ route('students.index') }}" class="btn btn-outline-secondary">Cancel</a>
                            <button type="submit" class="btn btn-outline-primary">Save Feedback</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection