@php
    $answers = [];
    $not_answered_questions = [];
    if (!is_null($last_answer)) {
        $answers = json_decode($last_answer->current_state, true);
    }
@endphp
<div class="card mb-4" id="pallete_list">
    <div class="card-body">
        <div class="demo-inline-spacing btn-question">
            @if ($test->exam_type == 'NSNT')
                <h5 class="mb-2 text-primary section-name"><b>Question</b></h5>
                @for($i=0; $i<count($questions); $i++)
                                <button 
                    id="pallet-{{$questions[$i]->id}}"
                    question-id="{{$questions[$i]->id}}"
                    type="button" 
                    class="btn btn-load-question {{$default_class}} @if($para_count > 1) parent-button @endif" 
                    style="display: none">{{$i+1}}</button>

                    @if($questions[$i]->question_type == 'para')
                        @if ($para_count > 1)
                            <div class="sub-button" id="sub-para-{{$questions[$i]->id}}" style="color:none">
                                @for($m=1; $m<=$para_count; $m++)
                                    <button 
                                        id="pallet-{{$questions[$i]->id}}-{{$m}}"
                                        type="button" 
                                        class="btn-load-question btn outline-blue" 
                                        data-sub-index="{{$m}}"
                                        question-id="{{$questions[$i]->id}}" >{{$i+1}}.{{$m}}</button>
                                @endfor
                            </div>
                        @endif
                    @endif
                @endfor
            @elseif($test->exam_type)
                @php
                    $i=0;
                  /*  $section_data = json_decode($test->section_data, true);
                    $section_data = is_array($section_data) ? $section_data : []; */
                @endphp
                @foreach($section_data as $key => $value)
                    <hr class="" style="border-color:rgb(var( --primary-rgb))">
                    <h5 class="mb-2 text-primary section-name">{{$value['section_name'] ?? $key}}</h5>
                    @if (isset($value['questions']) && count($value['questions']) > 0)
                        @foreach($value['questions'] as $key_id => $question)
                            @php
                                $collection = collect($data['questions'] ?? []);
                                $filtered = $collection->where('id', $question);
                                $question = $filtered->first();
                            @endphp
                            @if (!is_null($question))
                                @php
                                    $default_class = 'outline-blue';
                                    if(isset($answers) && $answers) {
                                        if(array_key_exists($question->id, $answers)){
                                            $default_class = 'green';
                                        }
                                    }
                                    $para_count = 0;
                                    if($question->question_type == 'para'){
                                        $ques = json_decode($question->answers);
                                        $para_count = is_array($ques) ? count($ques) : 0;
                                    }
                                @endphp
                                <button 
                                    id="pallet-{{$question->id}}"
                                    type="button" 
                                    class="btn-load-question btn {{$default_class}} @if($para_count > 1) parent-button @endif" 
                                    question-id="{{$question->id}}"
                                    section-key="{{$key}}">{{$i+1}}</button>
                                    @if($question->question_type == 'para')
                                        @if ($para_count > 1)
                                            <div class="sub-button" id="sub-para-{{$question->id}}" style="display:none">
                                                @for($m=1; $m<=$para_count; $m++)
                                                    <button
                                                        id="pallet-{{$question->id}}-{{$m}}"
                                                        section-key="{{$key}}" 
                                                        type="button" 
                                                        class="btn-load-question btn outline-blue"
                                                        data-sub-index="{{$m}}"
                                                        question-id="{{$question->id}}" 
                                                        value>{{$i+1}}.{{$m}}</button>
                                                @endfor
                                            </div>
                                        @endif
                                    @endif
                                @php
                                    $i++;
                                @endphp
                            @endif
                        @endforeach
                    @endif
                @endforeach
            @endif
        </div>
        <div class="d-none d-sm-block" id="summary" style="display: none">
            <hr class="" style="border-color:rgb(var( --primary-rgb))">
            <h5 class="mb-2 text-primary"><b>Summary</b></h5>
            <div class="row">
                <div class="col-sm-6">
                    <p><span class="exam-badge green palette_total_answered">0</span> Answered</p>
                </div>
                <div class="col-sm-6">
                    <p><span class="exam-badge yellow palette_total_not_answered">0</span> Not Answered</p>
                </div>
                <div class="col-sm-6">
                    <p><span class="exam-badge blue palette_present">0</span> Current Selection</p>
                </div>
                <div class="col-sm-6">
                    <p><span class="exam-badge outline-blue palette_total_not_visited">0</span> Not Visited</p>
                </div>
                <div class="col-sm-6">
                    <p><span class="exam-badge outline-blue top-badge palette_total_marked">0</span> Attempt Question</p>
                </div>
				<div class="col-sm-6">
                    <p><span class="exam-badge review-outline-blue palette_total_review_answer">0</span> Review Answer</p>
                </div>
            
                
            </div>
        </div>

        


    </div>
</div>


<div class="d-none d-sm-block" id="summary" style="display: none">
            <!-- <hr class="title-bottom"> -->
            <div class="row">
                
                <div class="col-sm-3">
                        <div class="btn btn-primary" id="btn-prev" style="display: none">
                            <span class="d-none d-sm-block"><i class="fe fe-chevrons-left"></i>Prev</span>
                        </div>
                        <div class="btn btn-primary" id="btn-para-prev" style="display: none">
                            <span class="d-none d-sm-block"><i class="fe fe-chevrons-left"></i>Prev</span>
                        </div>
                </div>
                <div class="col-sm-3">
                <div class="btn btn-primary" id="btn-next" style="display: none">
                       
                        <span class="d-none d-sm-block"> Next <i class="fe fe-chevrons-right"></i> </span>
                    </div>
                    <div class="btn btn-primary" id="btn-para-next" style="display: none">
                       
                        <span class="d-none d-sm-block"> Next <i class="fe fe-chevrons-right"></i></span>
                    </div>
                </div>
               
                <div class="col-sm-6">
                    <div class="btn btn-outline-primary" id="btn-clear-response" style="display: none">
                   <i class="pe-7s-back"> Clear <span class="d-none d-sm-inline-block">Answer</span></i>
                        @if(!is_null($test) && !is_null($test->test_quiz_questions) && $test->type != 1)
                            @if($test->test_quiz_questions->type == 'test' && !is_student_master())
                                <input type="hidden" id="time_end_date" value="{{$test->end_date->toDateTimeString()}}">
                                <input type="hidden" id="isMaster" value="0">
                            @elseif(is_student_master())
                                <input type="hidden" id="isMaster" value="1">
                            @endif
                        @endif
                            <input type="hidden" id="type_test" value="{{$test->test_quiz_questions->type ?? ''}}">
                    </div>
                </div>
                
            </div>
            <!-- <hr class="title-bottom"> -->
            <div class="row">
            <div class="col-sm-12 mt-3">
                <div class="btn btn-outline-danger" id="btn-submit" data-toggle="modal" data-target=".bd-example-modal-lg" style="display: none">Submit </div>
            </div>
            </div>                 
        </div>