@extends($service.'.layout')

@section($service.'-css')
    {!! resource('css/'.$service.'/sub.css') !!}

    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_'.$service.'.css') !!}
@endsection

@section($service."-content")
    <div class="container_m">
        <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>
            @if ($feedbackRequest->enrollmentFeedbackResponse)
                @php
                    $feedbackResponse = $feedbackRequest->enrollmentFeedbackResponse;
                @endphp
            <div class="correct-popup-container">
                <div class="correct-popup-contents">
                    <!-- cdt w -->
                    <div class="correct-detail-wrap">
                        <h3>
                            <strong>항목별</strong> 점수
                        </h3>
                        <h4>
                            <i class="ico-score"></i>
                            Band Score <strong>{{ number_format($feedbackResponse->band_score, 1) }}</strong>
                        </h4>
                        <div class="score-wrap">
                            <div class="box">
                                <p class="txt">Task Achievement</p>
                                <p class="score">{{ number_format($feedbackResponse->grade_1, 1) }}</p>
                            </div>
                            <div class="box">
                                <p class="txt">Cohesion & Coherence</p>
                                <p class="score">{{ number_format($feedbackResponse->grade_2, 1) }}</p>
                            </div>
                            <div class="box">
                                <p class="txt">Lexical Resources</p>
                                <p class="score">{{ number_format($feedbackResponse->grade_3, 1) }}</p>
                            </div>
                            <div class="box">
                                <p class="txt">Grammatical Range & Accuracy</p>
                                <p class="score">{{ number_format($feedbackResponse->grade_4, 1) }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="correct-detail-wrap">
                        <h3>
                            첨삭 내용
                        </h3>
                        @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'CDT')
                            @if (!empty($feedbackResponse->feedback_files))

                                <h5>
                                    <strong>Writing 1</strong>
                                </h5>
                                <ul class="file-down">
                                    @foreach(json_decode($feedbackResponse->feedback_files) as $file)
                                        @if ($file->subject == 'WT1')
                                            <li>
                                                <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}"
                                                   target="_blank">
                                                    <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>
                                        @endif
                                    @endforeach

                                </ul>
                                <h5>
                                    <strong>Writing 2</strong>
                                </h5>
                                <ul class="file-down">
                                    @foreach(json_decode($feedbackResponse->feedback_files) as $file)
                                        @if ($file->subject == 'WT2')
                                            <li>
                                                <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}"
                                                   target="_blank">
                                                    <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>
                                        @endif
                                    @endforeach
                                </ul>
                            @endif
                        @else
                            <h5>
                                <strong>
                                    @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'Premium')
                                        {{ $feedbackRequest->teacher ? $feedbackRequest->teacher->name : $feedbackResponse->teacher->name }} 선생님
                                    @else
                                        Writing1
                                    @endif
                                </strong>
                            </h5>
                            @if (!empty($feedbackResponse->feedback_files))
                                <ul class="file-down">
                                    @foreach(json_decode($feedbackResponse->feedback_files) as $file)
                                        <li>
                                            <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}" 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

                        @endif

                    </div>
                    <!-- // -->
                    <div class="correct-detail-wrap">
                        @include('classroom.feedback-comment-mobile')
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
@endsection

@section($service.'-script')
    <script>
        $(document).ready(function () {

        });
    </script>
@endsection