@push("script")
<script>
    function startTimer(minute, display) {
        var sec = 60;
        --minute;
        setInterval(function() {
            document.getElementById(display).innerHTML = "Results available in " + minute + " : " + sec + " mins";
            sec--;
            if (sec == 00) {
                minute--;
                sec = 60;
            }
        }, 1000);
    }
</script>
@endpush
<div class="row">
        @php    
        if($dataConfigs['brand'] == 'default' || $dataConfigs == 'dark'){
            $defult_test = is_default()['test_blue'];
        } else {
            $defult_test = is_default()['test_green'];
        }
            $instructions = [];
        @endphp
        @foreach ($data as $test)
        @php
            $status = $test->getStatus();
            $instructions[$test->slug] = $test->instruction->content ?? null;
            $check_time = $test->checkTimeCanAnswer();
            $count_number_answerd = $test->countNumberAnswered();
            $can_answer = false;
            if ($count_number_answerd < $test->answer_maximum_number) {
                $can_answer = true;
            }
            @endphp
                    @if (is_student_master())
                   
                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 " data-date="{{now()->toDateTimeString()}}">
                            <div class="card overflow-hidden "> 
                                <div class="card-body">
                                <div class="row">
                                    <div class="d-md-flex justify-content-between mb-1">
                                        <div class="">
                                            <h4 class="tx-muted font-weight-semibold text-primary mb-0 text-capitalize">{{ $test->title }}</h4>
                                        </div>
                                        <div class="">
                                            @php
                                            $time = $test->getExpireTimeRemaining();
                                            $days_diff = now()->parse($test->test_end_date)->diffInDays(now());
                                            @endphp

                                            @if ($time == "Expired")
                                                <span class="badge badge-sm badge-danger-transparent me-1">{{$time}}</span>
                                                @else
                                                @if($days_diff < 10) <span class="badge badge-sm badge-warning-transparent me-1">{{$time}}</span>
                                                    @else
                                                    <span class="badge badge-sm badge-primary-transparent me-1">{{$time}}</span>
                                                    @endif
                                                    @endif
                                            </div>
                                    </div>
                                            <hr> 
                                             <div class=" col-xl-5 col-lg-5 col-md col-sm ">
                                                    <img src="{{$test->image}}" width="210" height="200" alt="img" onerror="this.src='{{asset('assets/b2c_img/test.svg')}}'; this.alt='Image';">
                                                </div>

                                            <div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 ">
                                            <div class="">
                                            <p class=" tx-14 mb-1"><i class="bi bi-alarm me-2 tx-17 tx-primary"></i><strong>Start : </strong>
                                            {{ now()->parse($test->test_start_date)->format('d M Y') }} {{ !empty($test->payment) ? now()->parse($test->payment->created_at)->format('H:i A') : now()->parse($test->test_start_date)->format('H:i A')  }}</p>

                                            <p class="tx-14 mb-1"><i class="bi bi-clock me-2 tx-17 tx-primary"></i><strong>End :</strong> 
                                            {{ now()->parse($test->test_end_date)->format('d M Y') }} {{ !empty($test->payment) ? now()->parse($test->payment->expire_date)->format('H:i A') : now()->parse($test->test_end_date)->format('H:i A') }}</p>
                                        
                                                {{--<p> Maximum <b>{{ $test->answer_maximum_number }}</b> / Total <b>{{$count_number_answerd}}</b> </p>--}}
                                            <p class="tx-14 mb-1"><i class="fa fa-check me-2 tx-17 tx-primary"></i> <strong>No of Attempts :</strong> {{ $test->answer_maximum_number }} </p>
                                            <p class="tx-14 mb-1"><i class="fa fa-check me-2 tx-17 tx-primary"></i><strong> Attempts : </strong> {{$count_number_answerd}}  </p>
                                            <i class="fa fa-check me-2 tx-17 tx-primary"></i>
                                                @switch($status)
                                            @case('Completed')
                                            <span class="badge badge-success p-2">Completed</span>
                                            @break
                                            @case('Paused')
                                            <span class="badge badge-warning p-2">Paused</span>
                                            @break
                                            @case('Not Started')
                                            <span class="badge badge-primary p-2">Not Started</span>
                                            @break
                                            @case('Inprogress')
                                            <span class="badge badge-info p-2">Inprogress</span>
                                            @break
                                            @case('Terminated')
                                            <span class="badge badge-danger p-2">Terminated</span>
                                            @break
                                            @default
                                            @endswitch
                                            </div>
                                            </div>
                                               
                                            </div>
                                                <hr>
                                                    <div class="mt-3">
                                                        @include('student.test.table_btn_action')
                                                    </div>
                                                    
                                        
                                    </div>
                                    
                               
                            </div>
                        </div>

                    @endif

                @endforeach
                        
                </div>   
            </div>
            <br>

@push('modal')
<div class="modal fade" id="modal-instruction-test" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myLargeModalLabel">Instruction</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body" id="text_area">
            </div>
            <div class="modal-footer">
                <a href="" class="btn btn-primary">I Agree</a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>
@endpush

@push('script')
<script>
    $('#modal-instruction-test').on('show.bs.modal', function(event) {
        var instructions = @json($instructions);
        var button = $(event.relatedTarget);
        var href = button.data('href');
        var slug = button.data('slug');
        var modal = $(this);
        modal.find('.modal-body#text_area').html(instructions[slug]);
        modal.find('.modal-footer a').attr('href', href);
    });
    $('.test-table').dataTable({
        "paging": false,
        "searching": false,
        "info": false,
    });
</script>
<script type="text/javascript">
    var version = 1.0;
</script>

<script language="Javascript1.1">
    version = 1.1;
</script>
<script language="Javascript1.2">
    version = 1.2;
</script>
<script language="Javascript1.3">
    version = 1.3;
</script>
<script language="Javascript1.4">
    version = 1.4;
</script>
<script language="Javascript1.5">
    version = 1.5;
</script>
<script language="Javascript1.6">
    version = 1.6;
</script>
<script language="Javascript1.7">
    version = 1.7;
</script>
<script language="Javascript1.8">
    version = 1.8;
</script>
<script language="Javascript1.9">
    version = 1.9;
</script>
<script type="text/javascript">
    $(".take_test").each(function(index) {
        $(this).attr("data-href", $(this).attr("data-href") + version);
    });
</script>

@endpush