@extends($service.'.layout')

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

    @if ($service == 'academy')
    {!! resource('css/myclass/my_class_academy.css') !!}
    @endif
@endsection

@section($service.'-content')
<div class="container">
    <div class="my-class-wrapper">
        <div class="wrapper">
            @include('classroom.'.$service.'.menu')

            <div class="my-class-contents">
                @if ($service == 'ielts')
                    <div class="row">
                        <div class="column c100p">
                            <div class="my-tab">
                                <ul>
                                    <li><a href="{{ route('classroom.feedback', ['service' => 'ielts']) }}">첨삭신청</a></li>
                                    <li class="on"><a href="{{ route('classroom.feedback-list', ['service' => 'ielts']) }}">첨삭내역</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                @else
                    @include('classroom.'.$service.'.cdt-tab-menu')
                @endif
                
                <div class="row">
                    <div class="column c100p">
                        <div class="card my-class-sub">
                            <table class="correct-table">
                                <thead>
                                    <tr>
                                        <th>첨삭명</th>
                                        <th>서비스 구분</th>
                                        <th>등록 회차</th>
                                        <th>등록 일자</th>
                                        <th>과목</th>
                                        <th>모듈</th>
                                        <th>첨삭타입</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>{{ $feedbackRequest->enrollmentFeedbackPass->feedbackPass->name }}</td>
                                        <td>{{ $feedbackRequest->enrollmentFeedbackPass->feedbackPass->type }}</td>
                                        <td>{{ $feedbackRequest->round }}회차/{{ $feedbackRequest->enrollmentFeedbackPass->total_use_count }}회</td>
                                        <td>{{ \Carbon::parse($feedbackRequest->applied_at)->locale('ko')->isoFormat('YY.MM.DD(dd)') }}</td>
                                        <td>{{ $feedbackRequest->feedbackTopic->subject }}</td>
                                        <td>{{ $feedbackRequest->feedbackTopic->module }}</td>
                                        <td>{{ $feedbackRequest->feedbackTopic->type }}</td>
                                    </tr>
                                    <tr>
                                        <td class="pd24" colspan="7">
                                            <dl>
                                                <dt>{{ $feedbackRequest->feedbackTopic->pattern }}</dt>
                                                <dd>{{ ($feedbackRequest->feedbackTopic->subject == 'Writing' && $feedbackRequest->feedbackTopic->type == 'Task 1') ? config('edmclass.feedback_patterns')[$feedbackRequest->feedbackTopic->subject][$feedbackRequest->feedbackTopic->type][$feedbackRequest->feedbackTopic->module][$feedbackRequest->feedbackTopic->pattern] : config('edmclass.feedback_patterns')[$feedbackRequest->feedbackTopic->subject][$feedbackRequest->feedbackTopic->type][$feedbackRequest->feedbackTopic->pattern] }}</dd>
                                            </dl>
                                            @if ($feedbackRequest->feedbackTopic->chart_type && $feedbackRequest->feedbackTopic->chart_s3_key)
                                            <dl>
                                                <dt>Chart</dt>
                                                <dd>{{ $feedbackRequest->feedbackTopic->chart_type }}</dd>
                                            </dl>
                                            @endif
                                            <dl class="topic">
                                                <dt>Topic</dt>
                                                <dd>{!! $feedbackRequest->feedbackTopic->question !!}</dd>
                                            </dl>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="chart-img-detail mt24">
                                @if ($feedbackRequest->feedbackTopic->chart_type && $feedbackRequest->feedbackTopic->chart_s3_key)
                                <div class="chart-img"><img src="{{ $feedbackRequest->feedbackTopic->chart_image }}"></div>
                                @endif
                                <div class="chart-detail">
                                    {!! nl2br($feedbackRequest->writing_text) !!}
                                </div>
                            </div>

                            @if ($feedbackRequest->enrollmentFeedbackResponse)
                                @php
                                    $feedbackResponse = $feedbackRequest->enrollmentFeedbackResponse;
                                @endphp
                                <h4 class="correct-title">
                                    <i class="ico-clipboard"></i>
                                    첨삭 피드백
                                </h4>
                                <h5 class="correct-sub-title">
                                    <span class="point-color">항목별</span> 점수
                                </h5>
                                <ul class="score-ul">
                                    <li>
                                        <div class="bg-gradient">
                                            Task<br>Achievement
                                        </div>
                                        <div>
                                            {{ number_format($feedbackResponse->grade_1, 1) }}
                                        </div>
                                    </li>
                                    <li>
                                        <div class="bg-gradient">
                                            Cohesion &<br>Coherence
                                        </div>
                                        <div>
                                            {{ number_format($feedbackResponse->grade_2, 1) }}
                                        </div>
                                    </li>
                                    <li>
                                        <div class="bg-gradient">
                                            Lexical<br>Resources
                                        </div>
                                        <div>
                                            {{ number_format($feedbackResponse->grade_3, 1) }}
                                        </div>
                                    </li>
                                    <li>
                                        <div class="bg-gradient">
                                            Grammatical Range<br>& Accuracy
                                        </div>
                                        <div>
                                            {{ number_format($feedbackResponse->grade_4, 1) }}
                                        </div>
                                    </li>
                                    <li>
                                        <div class="bg-gradient">
                                            Band Score
                                        </div>
                                        <div>
                                            {{ number_format($feedbackResponse->band_score, 1) }}
                                        </div>
                                    </li>
                                </ul>
                                <h5 class="correct-sub-title">
                                    첨삭 내용
                                </h5>
                                @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'CDT')
                                    <div class="file-list">
                                        <span class="name">
                                            <i class="ico-file"></i>
                                            Writing1
                                        </span>

                                        @if (!empty($feedbackResponse->feedback_files))
                                            <ul>
                                                @foreach(json_decode($feedbackResponse->feedback_files) as $file)
                                                    @if ($file->subject == 'WT1')
                                                    <li>
                                                        <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}" target="_blank">{{ $file->original_name }}</a>
                                                        <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}" target="_blank">
                                                            다운로드
                                                            <i class="ico-download"></i>
                                                        </a>
                                                    </li>
                                                    @endif
                                                @endforeach
                                            </ul>
                                        @endif

                                        <span class="date">
                                            (첨부일자) {{ \Carbon::parse($feedbackResponse->updated_at)->locale('ko')->isoFormat('YY.MM.DD(dd)') }}
                                        </span>
                                    </div>

                                    <div class="file-list">
                                        <span class="name">
                                            <i class="ico-file"></i>
                                            Writing2
                                        </span>

                                        @if (!empty($feedbackResponse->feedback_files))
                                            <ul>
                                                @foreach(json_decode($feedbackResponse->feedback_files) as $file)
                                                    @if ($file->subject == 'WT2')
                                                    <li>
                                                        <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}" target="_blank">{{ $file->original_name }}</a>
                                                        <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}" target="_blank">
                                                            다운로드
                                                            <i class="ico-download"></i>
                                                        </a>
                                                    </li>
                                                    @endif
                                                @endforeach
                                            </ul>
                                        @endif

                                        <span class="date">
                                            (첨부일자) {{ \Carbon::parse($feedbackResponse->updated_at)->locale('ko')->isoFormat('YY.MM.DD(dd)') }}
                                        </span>
                                    </div>
                                @else
                                    <div class="file-list">
                                        <span class="name">
                                            <i class="ico-file"></i>
                                            @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'Premium')
                                                {{ $feedbackRequest->teacher ? $feedbackRequest->teacher->name : $feedbackResponse->teacher->name }} 선생님
                                            @else
                                                Writing1
                                            @endif
                                        </span>

                                        @if (!empty($feedbackResponse->feedback_files))
                                            <ul>
                                                @foreach(json_decode($feedbackResponse->feedback_files) as $file)
                                                <li>
                                                    <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}" target="_blank">{{ $file->original_name }}</a>
                                                    <a href="{{ app(S3Helper::class)->getDownloadPresignedUrl($file->s3_path) }}" target="_blank">
                                                        다운로드
                                                        <i class="ico-download"></i>
                                                    </a>
                                                </li>
                                                @endforeach
                                            </ul>
                                        @endif

                                        <span class="date">
                                            (첨부일자) {{ \Carbon::parse($feedbackResponse->updated_at)->locale('ko')->isoFormat('YY.MM.DD(dd)') }}
                                        </span>
                                    </div>
                                @endif

                            @endif

                            @include('classroom.feedback-comment')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection