@php
    // 페이지별 그룹 정보를 미리 계산
    $pageGroups = [];
    $groupCounter = 1; // 1부터 7까지 증가할 그룹 번호
    $groupBoundaries = [];
    
    // Passage 1
    foreach($cdtSet->config['passage1_pages'] as $groupIndex => $group) {
        foreach($group as $page) {
            $pageGroups[$page] = $groupCounter;
        }

        $groupBoundaries[] = [
            'start' => min($group),
            'end' => max($group)
        ];

        $groupCounter++;
    }
    
    // Passage 2
    foreach($cdtSet->config['passage2_pages'] as $groupIndex => $group) {
        foreach($group as $page) {
            $pageGroups[$page] = $groupCounter;
        }

        $groupBoundaries[] = [
            'start' => min($group),
            'end' => max($group)
        ];

        $groupCounter++;
    }
    
    // Passage 3
    if (isset($cdtSet->config['passage3_pages'])) {
        foreach($cdtSet->config['passage3_pages'] as $groupIndex => $group) {
            foreach($group as $page) {
                $pageGroups[$page] = $groupCounter;
            }

            $groupBoundaries[] = [
                'start' => min($group),
                'end' => max($group)
            ];

            $groupCounter++;
        }
    }

    // Passage 4
    if (isset($cdtSet->config['passage4_pages'])) {
        foreach($cdtSet->config['passage4_pages'] as $groupIndex => $group) {
            foreach($group as $page) {
                $pageGroups[$page] = $groupCounter;
            }

            $groupBoundaries[] = [
                'start' => min($group),
                'end' => max($group)
            ];

            $groupCounter++;
        }
    }
@endphp

<div class="cdt-controls">
    <div class="chk-review">
        <input type="checkbox" id="reviewChk" onclick="chkRevQuestion();"><label for="reviewChk">Review</label>
    </div>
    <div class="pagination"> <!-- 기본:펼침상태 / minimum 클래스 붙으면 최소화 -->
        <p class="num"> <!-- 정답을 체크했을 경우 : check / 검토 : review / 건너뛴 문제 : blank / 현재 보고 있는 문제 : current  -->
            @for ($page = 1; $page <= $cdtSet->config['pages']; $page++)
                @php
                    $pageNum = isset($pageGroups[$page]) ? $pageGroups[$page] : 1; 
                @endphp

                @if ($subject == 'listening' || $subject == 'reading')
                    @if ($page == 1) passage1
                    @elseif ($page == $cdtSet->config['passage1_count'] + 1) passage2
                    @elseif ($page == $cdtSet->config['passage1_count'] + $cdtSet->config['passage2_count'] + 1) <br>passage3
                    @elseif ($page == $cdtSet->config['passage1_count'] + $cdtSet->config['passage2_count'] + $cdtSet->config['passage3_count'] + 1) passage4
                    @endif
                @endif
                <span id="ansChk{{ $page }}" class="ansChk blank" data-pagenum="{{ $page }}" onclick="setGoPage({{ $page }});">{{ $page }}</span>
                <input type="hidden" name="pageNum" class="pageNum{{ $pageNum }}" id="pageNum{{ $page }}" value="{{ $pageNum }}" />
                <input type="hidden" name="userAnswerSave{{ $page }}" id="userAnswerSave{{ $page }}" value="" />
                <input type="hidden" name="isReview" id="isReview{{ $page }}" value="" />
            @endfor

            <input type="hidden" name="pageNow" id="pageNow" value="1" />
            <input type="hidden" name="pageStart" id="pageStart" value="1" />
            <input type="hidden" name="pageLast" id="pageLast" value="{{ $cdtSet->config['pages'] }}" />
            <input type="hidden" id="groupBoundaries" value="{{ json_encode($groupBoundaries) }}" />

            @if (isset($cdtSet->config['passage1_audio']))
                <input type="hidden" name="listeningSoundSection1" id="listeningSoundSection1" value="{{ $cdtSet->config['passage1_audio'] }}" />
                <audio id="sndSection1" src="{{ $cdtSet->config['passage1_audio'] }}"> HTML5 audio not supported</audio>
            @endif
            @if (isset($cdtSet->config['passage2_audio']))
                <input type="hidden" name="listeningSoundSection2" id="listeningSoundSection2" value="{{ $cdtSet->config['passage2_audio'] }}" />
                <audio id="sndSection2" src="{{ $cdtSet->config['passage2_audio'] }}"> HTML5 audio not supported</audio>
            @endif
            @if (isset($cdtSet->config['passage3_audio']))
                <input type="hidden" name="listeningSoundSection3" id="listeningSoundSection3" value="{{ $cdtSet->config['passage3_audio'] }}" />
                <audio id="sndSection3" src="{{ $cdtSet->config['passage3_audio'] }}"> HTML5 audio not supported</audio>
            @endif
            @if (isset($cdtSet->config['passage4_audio']))
                <input type="hidden" name="listeningSoundSection4" id="listeningSoundSection4" value="{{ $cdtSet->config['passage4_audio'] }}" />
                <audio id="sndSection4" src="{{ $cdtSet->config['passage4_audio'] }}"> HTML5 audio not supported</audio>
            @endif
        </p>
        <div class="toggle-btn">
            open / close window
        </div>
        <script>
            $(".toggle-btn").click(function() {
                $(".pagination").toggleClass("minimum");
            });
        </script>
    </div>
    <div class="page-arrow">
        <a href="javascript:setPrevPage();" class="prev">prev</a>
        <a href="javascript:setNextPage();" class="next">next</a>
    </div>
    @if ($subject == 'listening')
    <div class="audio-control"></div>
    @endif
</div>