@extends('classroom.feedback.layout-mobile')
@section("feedback-content")
    <div class="correct-popup-wrap" style="display: block;">
        <div class="correct-popup-header">
            <a href="{{route('classroom.feedback-list', ['service' => $service])}}" class="ico-back">뒤로가기</a>
            <h2>
                <span>첨삭 내역</span>
                <strong>첨삭 피드백</strong>
            </h2>
            <a href="{{route('classroom.feedback-list', ['service' => $service])}}" class="ico-close">닫기</a>
        </div>
        <div class="correct-popup-container">
            <div class="correct-popup-contents">
                <!-- basic s -->
                @if ($feedbackRequest->enrollmentFeedbackResponse)
                    @php
                        $feedbackResponse = $feedbackRequest->enrollmentFeedbackResponse;
                    @endphp
                    @include('classroom.feedback.partials.grade', ['subject' => 'Speaking', 'isMobile' => 1])
                @endif
                <div class="correct-detail-wrap">
                    @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'Basic' ||
                        $feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'CDT')
                        <div class="speaking-textarea">
                            <h3>첨삭 내용</h3>
                            <div class="swiper-pagination3"></div>
                            <div class="swiper skSwiper3">
                                <div class="swiper-wrapper">
                                    @for ($i = 1 ; $i <= 3 ; $i++)
                                        @php
                                            $field = "feedback_part_".$i;
                                        @endphp

                                        @if (!empty($feedbackResponse->{$field}))
                                            <div class="swiper-slide">

                                                <ul class="file-down">
                                                    <li>
                                                        <a href="#none" onclick="downloadFeedback({{ $i }})">
                                                            {{-- <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/my_class/mo/ico-file-bs.svg" alt=""> --}}
                                                            <div>
                                                                <span class="file-name">Speaking_Part_{{ $i }}.pdf</span>
                                                                <span class="date">{{ \Carbon::parse($feedbackResponse->updated_at)->locale('ko')->isoFormat('YY.MM.DD(dd)') }}</span>
                                                            </div>
                                                            <i class="ico-download"></i>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <textarea name="" id=""  readonly>{{ $feedbackResponse->{$field} }}</textarea>
                                            </div>
                                        @endif
                                    @endfor
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="correct-detail-wrap">
                            <h3>
                                첨삭 내용
                            </h3>
                            <h5>
                                <strong>{{ $feedbackResponse->teacher->name }}</strong>
                            </h5>
                            @if (!empty($feedbackResponse->feedback_files))
                            <ul class="file-down">
                                @foreach(json_decode($feedbackResponse->feedback_files) as $file)
                                <li>
                                    <a href="{{ route('classroom.download.feedback', ['service' => $service, 'id' => $feedbackResponse->id]) }}?id={{ $file->id }}" target="_blank">
                                        @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'Premium')
                                            <img src="{{$feedbackRequest->teacher ? app(S3Helper::class)->getPublicUrl($feedbackRequest->teacher->photo) : app(S3Helper::class)->getPublicUrl($feedbackResponse->teacher->photo)}}" alt="">
                                        @endif
                                        <div>
                                            <span class="file-name">{{ $file->original_name }}</span>
                                            <span class="date">{{ \Carbon::parse($feedbackResponse->updated_at)->locale('ko')->isoFormat('YY.MM.DD(dd)') }}</span>
                                        </div>
                                        <i class="ico-download"></i>
                                    </a>
                                </li>
                                @endforeach
                            </ul>
                            @endif
                        </div>
                    @endif
                </div>
                <!-- // -->
                <x-comment.comment-replay page="feedback" />
            </div>

            <div class="info-popup-wrap">
                <div class="info-popup height-auto">
                    <a href="#none" class="close-info"></a>
                    {{-- <h3>
                        <i class="ico-pencil"></i>
                        내답변 보기
                    </h3> --}}
                    <div class="overflow-wrap">
                        @include('classroom.feedback.partials.request', ['isMobile' => true])
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('feedback-script')
    <script>
        let bullet = [];
        @if (!empty($feedbackResponse->feedback_part_1))
            bullet.push('Part 1');
        @endif
        @if (!empty($feedbackResponse->feedback_part_2))
            bullet.push('Part 2');
        @endif
        @if (!empty($feedbackResponse->feedback_part_3))
            bullet.push('Part 3');
        @endif

        // bullet이 비어있으면 기본값 설정
        if (bullet.length === 0) {
            bullet = ['Part 2', 'Part 3'];
        }


        var swiper = new Swiper(".skSwiper3", {
            pagination: {
                el: ".swiper-pagination3",
                clickable: true,
                renderBullet: function (index, className) {
                    return '<div class="' + className + '"><span>' + (bullet[index]) + '</span></div>';
                }
            },
        });


        function onEvent() {

        }
        function downloadFeedback(part) {
            $.ajax({
                url: '{{ route("classroom.download-request-text", ['id' => $feedbackRequest->id, 'service' => $service]) }}&part=' + part,
                method: 'GET',
                xhrFields: {
                    responseType: 'blob'
                },
                success: function(data) {
                    const blob = new Blob([data], { type: 'application/pdf' });
                    const link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = 'Speaking_Part_'+part+'.pdf';
                    link.click();
                },
                error: function() {
                    alert('Failed to download PDF.');
                }
            });
        }
    </script>
@endsection