@extends('layouts.master', ['title' => 'Job Seeker Exam Paper'])
@section('content')
<style>
    body {
        background-color: #eee;
    }

    label.radio {
        cursor: pointer;
    }

    label.radio input {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        pointer-events: none;
    }

    label.radio span {
        padding: 4px 0px;
        border: 1px solid red;
        display: inline-block;
        color: red;
        width: 100px;
        text-align: center;
        border-radius: 3px;
        margin-top: 7px;
        text-transform: uppercase;
    }

    label.radio input:checked+span {
        border-color: red;
        background-color: red;
        color: #fff;
    }

    .ans {
        margin-left: 36px !important;
    }

    .btn:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

    .btn:active {
        outline: 0 !important;
        box-shadow: none !important;
    }
</style>
{{-- test purpose only --}}
<div class="content-wrapper container mb-3">
    <div class="row">
        <div class="col-12 grid-margin">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Exam Result</h4>
                    <div class="card-body" id="timer">
                        <div class="container">
                            <p>Name : {{ ucwords(Auth::user()->first_name. " ".Auth::user()->last_name) }}</p>
                            <p>Exam Result : <span class="{{ $resultExamStatus == 'fail' ? 'text-danger' : 'text-success' }}">You Are  {{ucwords($resultExamStatus)}}, Please try after 6 months</span></p>    
                            <p><a href="{{url('/jobseekerdashboard')}}">Go to Dashboard</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection