@extends('layout.layout')

@section('content')
    <div class="container py-5">
        @include('components.alert')
        <div class="mb-3">
            <p class="fw-bold">Feedback</p>
            <hr>
        </div>
        @csrf
        <div class="">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="d-flex align-items-center gap-5">
                        <div class="fw-bold">Student Name</div>
                        <div>
                            @foreach ($course->studentInvoices as $student)
                                {{ $student->student->first_name }} {{ $student->student->last_name }}
                                <input disabled type="hidden" name="student_id" value="{{ $student->student_id }}">
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-md-6 mb-3">

                    <input disabled type="hidden" name="schedule_id" value="{{ $course->id }}">



                    <div class="d-flex align-items-center gap-5">
                        <div class="fw-bold">Date / Time</div>

                        @php
                            $date = now()->format('Y-m-d');
                            $time = now()->format('H:i');
                        @endphp
                        <div>
                            @if ($existingReport)
                                {{ $existingReport->created_at->format('Y-m-d H:i') }}
                            @else
                                {{ $date }} {{ $time }}
                            @endif
                        </div>
                    </div>
                </div>

                <hr>
                <div class="col-md-6 my-3 text-start">

                    <span for="goals_{{ $course->id }}" class="form-span fw-bold">Goals<span
                            class="text-danger">*</span></span>
                    <input disabled type="text" name="goals" id="goals_{{ $course->id }}" class="form-control"
                        value="{{ old('goals', $existingReport->goals ?? '') }}" required>



                </div>
                <div class="col-md-6 my-3 text-start">

                    <span for="feedback_{{ $course->id }}" class="form-span fw-bold">Feedback<span
                            class="text-danger">*</span></span>
                    <input disabled type="text" name="feedback" id="feedback_{{ $course->id }}" class="form-control"
                        value="{{ old('feedback', $existingReport->feedback ?? '') }}" required>
                </div>
                <hr>


                <div class="col-md-12 my-3 text-start">
                    <span class="fw-bold">Current Skills </span>
                    <hr>
                </div>

                <div class="col-md-12 my-3 text-start">
                    <span for="listening_{{ $course->id }}" class="form-span fw-bold">Listening<span
                            class="text-danger">*</span></span>
                    <input disabled type="text" name="listening" id="listening_{{ $course->id }}" class="form-control"
                        value="{{ old('listening', $existingReport->listening ?? '') }}" required>
                </div>


                <hr>
                <div class="col-md-12 my-3 text-start">
                    <span for="reading_{{ $course->id }}" class="form-span fw-bold">Reading<span
                            class="text-danger">*</span></span>
                    <input disabled type="text" name="reading" id="reading_{{ $course->id }}" class="form-control"
                        value="{{ old('reading', $existingReport->reading ?? '') }}" required>
                </div>

                <hr>
                <div class="col-md-12 my-3 text-start">
                    <span for="speaking_{{ $course->id }}" class="form-span fw-bold">Speaking<span
                            class="text-danger">*</span></span>
                    <input disabled type="text" name="speaking" id="speaking_{{ $course->id }}" class="form-control"
                        value="{{ old('speaking', $existingReport->speaking ?? '') }}" required>
                </div>

                <hr>
                <div class="col-md-12 my-3 text-start">
                    <span for="vocabulary_{{ $course->id }}" class="form-span fw-bold">Vocabulary<span
                            class="text-danger">*</span></span>
                    <input disabled type="text" name="vocabulary" id="vocabulary_{{ $course->id }}"
                        class="form-control" value="{{ old('vocabulary', $existingReport->vocabulary ?? '') }}" required>
                </div>

                <hr>
                <div class="col-md-12 my-3 text-start">
                    <span for="grammar_{{ $course->id }}" class="form-span fw-bold">Grammar<span
                            class="text-danger">*</span></span>
                    <input disabled type="text" name="grammar" id="grammar_{{ $course->id }}" class="form-control"
                        value="{{ old('grammar', $existingReport->grammar ?? '') }}" required>
                </div>

                <hr>
                <div class="col-md-12 my-3 text-start">
                    <span for="objectives_{{ $course->id }}" class="form-span fw-bold">Objectives<span
                            class="text-danger">*</span></span>
                    <textarea disabled name="objectives" id="objectives_{{ $course->id }}" class="form-control" required>
    {{ old('objectives', is_array($existingReport->objectives ?? null) ? implode("\n", $existingReport->objectives) : json_decode($existingReport->objectives ?? '', true) ?? '') }}
</textarea>


                </div>

            </div>
        </div>



    </div>
@endsection
<script src="{{ asset('assets/js/ckeditor/ckeditor.js') }}"></script>


<script>
    document.addEventListener('DOMContentLoaded', function() {
        try {
            CKEDITOR.replace(`objectives_{{ $course->id }}`, {
                height: 200
            });
        } catch (e) {
            console.error('CKEditor initialization failed for objectives:', e);
        }
    });
</script>