@extends('Training::layouts.app')

@section('content')
    <h3 class="main_question mb-5">
        <button type="button" name="button" class="btn btn-primary"><i class="las la-graduation-cap"></i>
        </button>
        Surprise Exam Details
        <a href="{{ route('training.surpriseExams.index') }}" class="btn btn-primary float-right"><i
                class="las la-arrow-left"></i>
        </a>
    </h3>
   
    <div class="card">
        <div class="card-body">
            <div class="met-profile">
                <div class="row">
                    <div class="col-lg-6 align-self-center mb-3 mb-lg-0">
                        <div class="met-profile-main">
                            <div class="met-profile_user-detail">                                
                                @if(!$isPerticipated && strtotime($trSurpriseSchedule->end_time) > strtotime(now(new DateTimeZone('Asia/Dhaka'))) )
                                <div id="time_count" class="">
                                    <!-- 01 Hour 33 Mins 12 Sec -->
                                </div>
                                @endif
                                
                                
                                <h5 class="met-user-name mt-0 mb-0">{{  $trSurpriseSchedule->trTest->name }}</h5>
                                @if($isPerticipated)
                                
                                <span class="badge badge-success">Participated</span>
                             
                               @elseif(strtotime($trSurpriseSchedule->end_time) < strtotime(now(new DateTimeZone('Asia/Dhaka'))))
                               <span class="badge badge-warning">Not Available</span>
                               
                               @elseif(strtotime($trSurpriseSchedule->end_time) > strtotime(now(new DateTimeZone('Asia/Dhaka'))) && strtotime($trSurpriseSchedule->start_time) > strtotime(now(new DateTimeZone('Asia/Dhaka'))))
                               <span class="badge badge-warning">Upcoming</span>
                               @else
                               @if($trSurpriseSchedule->link)
                               <a 
                               href="{{ route('training.surpriseExams.start', [$trSurpriseSchedule->id, base64_encode($emp_id)]) }}"
                               class="btn btn-primary btn-sm">Start Test</a>
                               @else
                                 <span class="badge badge-warning">Running on Offline</span>
                               @endif
                               @endif

                            </div>
                        </div>
                    </div><!--end col-->
                    <div class="col-lg-4 ml-auto">
                        <ul class="list-unstyled personal-detail text-right mb-0">
                            <li class="text-primary">Start Date: <b>{{ date('d/m/Y - h:i A',
                                                strtotime($trSurpriseSchedule->start_time)) }}</b>
                            </li>
                            <li class="text-primary">End Date:
                                <b>{{ date('d/m/Y - h:i A', strtotime($trSurpriseSchedule->end_time)) }}</b>
                            </li>
                        </ul>
                    </div><!--end col-->
                </div><!--end row-->
            </div><!--end f_profile-->
            <div class="job_details mt-4">                
                            </div>
        </div><!--end card-body-->
    </div>
@endsection

@push('js')
    <script src="{{ asset('assets/front/assets/js/countdownTimer.min.js') }}"></script>
    <script>
            var exam_url = window.location.origin+"/training/exams/"+"{{ $exam_url }}";
            var examTimerCount = {{ (strtotime($trSurpriseSchedule->start_time) - strtotime(now(new DateTimeZone('Asia/Dhaka')))) / 60 }};

            var delay = examTimerCount * 60; 

            if(delay > 0) {
            var timer=null
            function countdown() { 
            timer = setTimeout(countdown, 1000) ; 
            delay --; 
            if (delay < 0 ) { 
            clearTimeout(timer);
            window.location = exam_url; 
            delay = 0 ; 
            } 
            } 
            countdown() ; 
            }

            $('#time_count').countdownTimer({
            seconds: examTimerCount < 0 ? 0 : examTimerCount*60,
            });
    </script>
@endpush