@extends('layouts.default')
@section('content')
<style type="text/css">
.correct-answ {
    background: none repeat scroll 0 0 #4b4b4b !important;
    border-bottom: 3px solid #5cb85c;
    color: #fff;
    font-size: 16px;
    margin: 5px;
    width: auto;
    cursor: default !important;
}
.wrong-answ {
    background: none repeat scroll 0 0 #4b4b4b !important;
    border-bottom: 3px solid #d9534f;
    color: #fff;
    font-size: 16px;
    margin: 5px;
    width: auto;
    cursor: default !important;
}
.wnm-user {
    font-size: 13px;
    color: #fff !important;
    margin-top: 25px;
    margin: 0px;
    width: auto;
    height: 30px;
    background: #384145;
    border-radius: 0 !important;
    border-bottom: 4px solid #000;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    line-height: 0px;
    border-radius: 3px !important;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
  for(var i=1;i<='';i++){
    if(i>1){
      $(".list"+i).hide();
    }
  }
});
</script>
<div class="right_col" role="main">
    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>Exam Result</h3>
            </div>
        <div class="title_right">
        <div class="text-right">
              <a href="{{ url('home') }}" class="btn btn-warning btn-xs"><strong>Dashboard</strong></a>
            <a href="studentMockExam" class="btn btn-warning btn-xs"><strong>Retake Exam</strong></a>
        </div></div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_content">
                        <div class="col-sm-8">
                            <div class="panel panel-primary">
                                <div class="panel-heading"></div>
                                <div class="panel-body recent_activities" style="max-height: 481px;overflow-y: auto">
                                    <ul class="list-group" id="">
                                                                            </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="panel panel-primary">
                                <div class="panel-heading">Quiz Info <i class="fa fa-exclamation-circle"></i></div>
                                <div class="panel-body">
                                    <div class="row" style="margin-bottom: 5px">
                                        <div class="col-sm-9">
                                            Total Questions:
                                        </div>
                                        <div class="col-sm-3">
                                            <button type="button" class="btn bg-inverse wnm-user"></button>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-bottom: 5px">
                                        <div class="col-sm-9">
                                            Time (allotted in minutes):
                                        </div>
                                        <div class="col-sm-3">
                                            <button type="button" class="btn bg-inverse wnm-user"></button>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-bottom: 5px">
                                        <div class="col-sm-9">
                                            Time (consumed):
                                        </div>
                                        <div class="col-sm-3">
                                            <button type="button" class="btn bg-inverse wnm-user"></button>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-9">
                                            Your Score is:
                                        </div>
                                        <div class="col-sm-3">
                                            <button type="button" class="btn bg-inverse wnm-user"> / </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-primary">
                                <div class="panel-heading">Results Summary <i class="fa fa-tasks"></i></div>
                                <div class="panel-body">
                                    <div class="row" style="margin-bottom: 5px">
                                        <div class="col-sm-12">
                                            Attempted Questions: %                                        </div>
                                        <div class="col-sm-12">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-info" data-transitiongoal="" aria-valuenow=""></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-bottom: 5px">
                                        <div class="col-sm-12">
                                            Correct Answers : %                                        </div>
                                        <div class="col-sm-12">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-success" data-transitiongoal="" aria-valuenow=""></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-bottom: 5px">
                                        <div class="col-sm-12">
                                            Wrong Answers : %                                        </div>
                                        <div class="col-sm-12">
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-danger" data-transitiongoal="" aria-valuenow=""></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
$(function(){
    var lastjavascripthash='';
    lastjavascripthash=location.hash='#loaded';  
    setInterval(function() {
        if(location.hash != lastjavascripthash){
            window.location.href = '