@extends('layouts.app')
@section('style')
<link rel="stylesheet" href="{{ asset('assets/front/assets/css/countrySelect.css') }}" />
@endsection

@section('sub-header')
<div class="job-wrap">
    <h4 class="">{{$examDetails->jobDetails->jobTitle->name ?? 'N/A'}}</h4>
    <ul>
        <li><img src="images/clock.png" alt="">Timer: <strong id="time_count"><span id="time_block"
                    class="time_block">{{$examTime}}</span>min
                <span class="time_block" id="">00</span> sec</strong></li>
    </ul>
</div>
<p style="display: none;" class="salary">Online Question Paper: <strong>Set
        {{$candidateDetails->selectedCandidate->question_set ?? 'N/A'}}</strong></p>
@endsection

@section('content')

<div class="ugf-progress">
    <div id="time_count" class="progress justify-content-center">
        <!-- 01 Hour 33 Mins 12 Sec -->
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-lg-8 offset-lg-2">
            <div id="question_sug" class="alert alert-warning mb-5" role="alert">
                <p>Exam Time: 15 Minutes</p>
                <p>The value of each question is equal to (2 * 1) = 2 numbers.</p>
                <p>You are being monitored by CCTV cameras, any kind of misconduct, answering with Google search or
                    talking to each other may be considered as cancellation of your exam. </p>
            </div>
            <div id="question_end" class="alert alert-danger mb-5 p-4" role="alert">
                <h4 class="mb-2">Time is Up!</h4>
                <p>We are sorry to say, you are unable to answer all questions within due time. But your given answers
                    will forward to our HR. If you need any support please contact with our support team.</p>
            </div>

            <div id="wizard_container">
                <div id="top-wizard">
                    <!-- <div id="progressbar" class="mb-5"></div> -->
                </div>
                <!-- /top-wizard -->
                <form id="wrapped" method="POST" action="{{ route('candidate.questionnaire.qa.platform.submit') }}"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" value="{{ $userId }}" required name="userId">
                    <input type="hidden" value="{{ $examDetails->jobDetails->id }}" required name="job_id">

                    <input id="website" name="website" type="text" value="">
                    <!-- Leave for security protection, read docs for details -->
                    <div id="middle-wizard">

                        @if(isset($question_answers) && count($question_answers) > 0)
                        @php
                            $countId = 1;
                        @endphp

                        @foreach($question_answers as $key=> $question)
                        @php
                            $numItems = count($question_answers);
                            $submitClass = "";
                            if($loop->iteration == $numItems) {
                            $submitClass = "submit";
                            }
                        @endphp
                        <div class=" step">
                            <div class="card">
                                <div class="card-body">
                                    <h3 class="main_question mt-3 mb-4">
                                        <strong><span
                                                class="text-primary">{{$loop->iteration}}</span>/{{$numItems}}</strong>
                                        {{$question->question}}
                                    </h3>

                                    @if ($question->question_type == 'radio')
                                    @php
                                    $question->ans_parameter = array_keys(json_decode($question->ans_parameter, true));
                                    @endphp
                                    @foreach ($question->ans_parameter as $ans_parameter)

                                    <div class="form-group">
                                        <label class="container_radio version_2">{{ $ans_parameter }}
                                            <input