@extends('classroom.feedback.layout')

@section('feedback-content')

    @if ( $feedbackType == 'CDT')

        @include('classroom.feedback.partials.requests')
    @else
        @include('classroom.feedback.partials.request')
    @endif

    @if ($feedbackRequest->enrollmentFeedbackResponse)
        @php
            $feedbackResponse = $feedbackRequest->enrollmentFeedbackResponse;
        @endphp
        <h4 class="correct-title">
            <i class="ico-clipboard"></i>
            첨삭 피드백
        </h4>
        @include('classroom.feedback.partials.grade', ['subject' => 'Writing'])

        @if (! empty($feedbackResponse->feedback_files))
            <h5 class="correct-sub-title">첨삭 내용</h5>
            @if ( $feedbackType == 'CDT')
                @foreach ($cdtFeedbacks as $request )
                    @include('classroom.feedback.partials.files', [
                        'subject' => 'Writing',
                        'feedbackResponse' => $request->enrollmentFeedbackResponse,
                        'request' => $request
                    ])
                @endforeach
            @else
                @include('classroom.feedback.partials.files', ['subject' => 'Writing'])
            @endif
        @endif
    @endif

    <x-comment.comment-replay page="feedback" />
	<!-- TODO 댓글 영역 START -->

@endsection

@section('feedback-script')
    @if ($feedbackType == 'CDT')
        <script>
            var bullet = ['Task 1', 'Task 2'];
            var swiper = new Swiper(".ctSwiper", {
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
                pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                    renderBullet: function (index, className) {
                        return '<div class="' + className + '"><span>' + (bullet[index]) + '</span></div>';
                    }
                },
            });
        </script>
    @endif
@endsection