@php
    $feedbackUsage = $enrollmentCdtPass?->enrollment?->enrollmentFeedbackPasses->first();
@endphp

@if ($feedbackUsage)
    @php
        $feedback_remaining_count = $feedbackUsage?->remaining_count;
    @endphp
    @if ($feedback_remaining_count > 0)
    @endif
@endif

<h3>{{ $enrollmentCdtPass?->name }}</h3>
<ul class="cdt-history">
    @if ($enrollmentCdtSets->count()>0)
        @foreach($enrollmentCdtSets as $enrollmentCdtSet)
            @php
                $subjects = explode("|", $enrollmentCdtSet->cdtSet?->subjects);
                $cdtSetId = $enrollmentCdtSet->cdt_set_id ?? 0;
                $isActive = $enrollmentCdtSet->is_active;
            @endphp
            <li>
                <div class="correct-detail-wrap">
                    <p>{{ $enrollmentCdtSet->cdtSet?->name }}</p>
                    <h4>
                        <i class="ico-score"></i>
                        Overall <strong>{{ $enrollmentCdtSet->overall_score ?? '-' }}</strong>
                    </h4>
                    <div class="score-wrap cdt">
                        <div class="box l">
                            <p class="txt">Listening</p>
                            <p class="score">{{ $enrollmentCdtSet->listening_score ?? '-' }}</p>
                        </div>
                        <div class="box r">
                            <p class="txt">Reading</p>
                            <p class="score">{{ $enrollmentCdtSet->reading_score ?? '-' }}</p>
                        </div>
                        <div class="box w">
                            <p class="txt">Writing</p>
                            @php
                                // $feedbackAvailable = $enrollmentCdtSet->enrollmentCdtPass->getAvailableFeedbackPass();
                                $feedbackAvailable = $enrollmentCdtSet->enrollmentCdtPass->getAvailableCdtFeedbackPass();

                                $writingStatus = $enrollmentCdtSet->writing_status;
                                $hasTakenExam = !is_null($writingStatus) && $writingStatus !== 'NOT_STARTED';
                            @endphp

                            {{-- 버튼 노출 처리 --}}
                            @if (!$hasTakenExam || !$feedbackAvailable)
                                <p class="score">{{ $enrollmentCdtSet->writing_score ?? '-' }}</p>
                            @else
                                @switch($writingStatus)
                                    @case('COMPLETED')
                                        {{-- 응시 완료, 첨삭 가능, 아직 신청 안함 --}}
                                        <div class="buttonWrap">
                                            <a href="{{ route('classroom.cdt-feedback-request', ['service' => $service,'enrollmentCdtSetId' => $enrollmentCdtSet->id,'subject' => 'writing']) }}"
                                               class="cdt-btn" data-action="feedback-request">
                                                첨삭신청
                                            </a>
                                        </div>
                                        @break

                                    @case('REQUESTED')
                                        {{-- 첨삭 요청 후 대기중 --}}
                                        <div class="buttonWrap">
                                            <a href="{{ route('classroom.feedback-list', ['service' => $service]) }}"
                                               class="cdt-btn waiting" data-action="feedback-result">
                                                답변대기
                                            </a>
                                        </div>
                                        @break

                                    @case('FINISHED')
                                        {{-- 첨삭 완료 --}}
                                        <div class="buttonWrap">
                                            <a href="{{ route('classroom.feedback-list', ['service' => $service]) }}"
                                               class="cdt-btn" data-action="feedback-result">
                                                첨삭보기
                                            </a>
                                        </div>
                                        @break
                                @endswitch
                            @endif
                        </div>
                        <div class="box s">
                            <p class="txt">Speaking</p>
                            @php
                                $speakingStatus = $enrollmentCdtSet->speaking_status;
                                $hasSpeakingExam = !is_null($speakingStatus) && $speakingStatus !== 'NOT_STARTED';
                                // $feedbackAvailable = $enrollmentCdtSet->enrollmentCdtPass->getAvailableFeedbackPass();
                                $feedbackAvailable = $enrollmentCdtSet->enrollmentCdtPass->getAvailableCdtFeedbackPass();
                            @endphp

                            @if (!$hasSpeakingExam || !$feedbackAvailable)
                                <p class="score">{{ $enrollmentCdtSet->speaking_score ?? '-' }}</p>
                            @else
                                @switch($speakingStatus)
                                    @case('COMPLETED')
                                        <div class="buttonWrap">
                                            {{-- 응시 완료, 첨삭 가능, 아직 신청 안함 --}}
                                            <a href="{{ route('classroom.cdt-feedback-request', ['service' => $service,'enrollmentCdtSetId' => $enrollmentCdtSet->id,'subject' => 'speaking'
                                            ]) }}" class="cdt-btn" data-action="feedback-request">
                                                첨삭신청
                                            </a>
                                        </div>
                                        @break

                                    @case('REQUESTED')
                                        {{-- 첨삭 요청 후 대기중 --}}
                                        <div class="buttonWrap">
                                            <a href="{{ route('classroom.feedback-list', ['service' => $service]) }}"
                                               class="cdt-btn waiting" data-action="feedback-result">
                                                답변대기
                                            </a>
                                        </div>
                                        @break

                                    @case('FINISHED')
                                        {{-- 첨삭 완료 --}}
                                        <div class="buttonWrap">
                                            <a href="{{ route('classroom.feedback-list', ['service' => $service]) }}"
                                               class="cdt-btn" data-action="feedback-result">
                                                첨삭보기
                                            </a>
                                        </div>
                                        @break
                                @endswitch
                            @endif
                        </div>
                    </div>
                </div>
            </li>
        @endforeach
    @else
        <li id="noData">
            <div class="flex"><p>응시 가능한 CDT가 없습니다.</p></div>
        </li>
    @endif


</ul>
<script>

    $('.cdt-btn').each(function () {
        $(this).on('click', function (e) {
            e.preventDefault();
            const action = $(this).data('action');
            const url = $(this).attr('href');

            if (action === 'feedback-request') {
                @if (isset($feedback_remaining_count) && $feedback_remaining_count > 0)
                popup({
                    title: 'CDT 모의고사 첨삭신청',
                    confirmText: '확인',
                    closeText: '취소',
                    icon: 'icon-q',
                    content: "첨삭 신청을 하시겠습니까?<br>신청 이후에는 수정 및 삭제가 불가합니다.",
                    onConfirm: function () {
                        // ajax request and return message
                        $.ajax({
                            url: url,
                            type: 'POST',
                            data: {
                                _token: '{{ csrf_token() }}'
                            },
                            success: function (response) {
                                if (response.result === 'success') {
                                    alertPopup('첨삭 신청이 완료되었습니다.<br>답변은 등록일로부터 3~5일 정도 소요(영업일 기준)되며, 내강의살->첨삭학습->첨삭내역에서 확인하실 수 있습니다.', {
                                        title: 'CDT 모의고사 첨삭 신청 완료!',
                                        confirmText: '확인',
                                        icon: 'icon-c',
                                        onConfirm: function () {
                                            location.reload();
                                        }
                                    });
                                } else {
                                    alertPopup(response.message || '첨삭 신청 중 오류가 발생했습니다.', {
                                        confirmText: '확인'
                                    });
                                }
                            },
                            error: function (response) {
                                console.log(response);
                                alertPopup('첨삭 신청 중 오류가 발생했습니다. 잠시 후 다시 시도해주세요.' + response.message, {
                                    confirmText: '확인'
                                });
                            }
                        });
                    }
                });
                @else
                alertPopup('첨삭 상품 보유(구매)회원에 한해<br>신청 가능합니다.', {
                    confirmText: '확인'
                });
                @endif
            } else if (action === 'feedback-result') {
                location.href = url;
            } else if (action === 'feedback-not-available') {
                alertPopup('첨삭 상품 보유(구매)회원에 한해<br>신청 가능합니다.', {
                    confirmText: '확인'
                });
            }
        });
    });
</script>