@extends('candidate::layouts.master')
@section('pagetitle','Manage Interview')
@section('content')

    <!--begin::Container-->
    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <!--begin::Post-->
        <div class="content flex-row-fluid mt-15" id="kt_content">
            
            <!--begin::Row-->
                <!-- <div class="row p-3"> -->
                    <!--begin::Tables Widget 5-->
                    <div class="card card-bordered mb-5 mb-xl-8">
                        
                        <!-- <div class="card-header">
                            <h3 class="card-title">Question:</h3>
                            <div class="card-toolbar">
                                
                            </div>
                        </div> -->
                        <!--begin::Body-->
                        <div class="card-body py-3 ">
                            <div class="row mb-5 py-15">
                                <div class="col-3">
                                </div>
                                <div class="col-6">
                                    <p class="fs-3 fw-bolder mb-5">Hi there, {{ucfirst($candidate->name)}}
                                    </p>

                                    <p class="fs-5 mb-5">Over the course of this video interview you will answer a serires of 
                                        <br>questions by recording a video response for each one.
                                    </p>

                                    <p class="fs-5 mb-8">You are allowed to read the question for as long as you like, but the  
                                    <br>time to answer is limited. </p>

                                    <h4 class="fs-5 fw-bolder mb-5">A REMINDER, BEFORE WE START</h4>
                                    <p class="fs-5 mb-5">You will be interviewing for the position of <span class="fw-bolder">{{ucfirst($candidate->position->name)}}</span> at <span class="fw-bolder">{{ucfirst($candidate->employer->company_name)}}</span> </p>
                                    <p class="fs-5 mb-8">This interview consists of <span class="fw-bolder">{{$question_count}}</span> and will take around <span class="fw-bolder">{{$sumofmin}} Minutes</span>.</p>

                                    <h4 class="fs-5 fw-bolder mb-5">FOR A SUCCESSFULL INTERVIEW EXPERIENCE</h4>
                                    <p class="fs-5 mb-5">Find <span class="fw-bolder">quiet and well-lit room </span>where you can answer the interview
                                        <br>questions uninterrupted</p>
                                    <p class="fs-5 ">Make sure your <span class="fw-bolder">device battery is charged</span> and you are in an area.
                                    <br>with <span class="fw-bolder">good internet</span></p>

                                </div>

                                <div class="col-3">
                                </div>
                            </div>
                        </div>
                        <!--end::Body-->
                        <div class="card-footer text-center"> 
                            <span class="text-muted px-5">
                                Good Luck!
                            </span>
                 
                            <a href="javascript:void(0);" data-encptcandid="{{$enpt_candidid}}" class="btn btn-sm btn-primary tocontinue">
                                <span class="indicator-label">Continue</span>
                                <span class="indicator-progress">Please wait...
                                <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                            </a>
                        </div>
                    </div>
                    <!--end::Tables Widget 5-->
                <!-- </div> -->
            <!--end::Row-->

        </div>
        <!--end::Post-->
    </div>
    <!--end::Container-->
@endsection

@section('scripts')
<script src="{{asset('js/candidate/candidate.js')}}"></script>
@endsection