@extends('user.master')
@section('content')
@if (!empty($data))
<div class="col-md-12">
    <div class="col-md-2"></div>
    <div class="col-md-8">
        <!-- MAIN CONTENT AREA -->
        @include('user.user-profile') <!-- Include user profile blade file -->
        <div class="clearfix">&nbsp;</div>
        @if($group_details)
        <i class="fa fa-bullhorn"></i> Selected quiz group :<strong> {{$group_details->group_name}}</strong>
        @endif
        <div class="clearfix">&nbsp;</div>
        <!-- Animted body -->
        <div class="col-md-12 bg-default animated slideInLeft">
            @if(!empty($quiz_data))
            <!-- Quiz stutus and quiz -->
            <div class="row">
                <div class="col-md-4 visible-xs "> <h4 class="">Quiz : <span class="label label-warning">{{$nex_quiz_id['quiz_count']-$nex_quiz_id['quiz_remain_count']+1}}  /  {{$nex_quiz_id['quiz_count']}}</span> </h4></div>
                <div class="col-md-8">
                    <h4> <i class="fa fa-question-circle"></i> {{$quiz_data->text}}</h4>
                </div>
                <div class="col-md-4"> <h4 class="hidden-sm hidden-xs">Quiz : <span class="label label-warning">{{$nex_quiz_id['quiz_count']-$nex_quiz_id['quiz_remain_count']+1}}  /  {{$nex_quiz_id['quiz_count']}}</span> </h4></div>
            </div>
            <!-- End quiz stutus and quiz -->
            {{Form::open(array('url' => '/user/started?quiz_group='.Input::get('quiz_group'),'method'=>'POST'))}}
            @foreach($options[$quiz_data->id] as $op=>$key)
            {{Form::radio('option', $op);}} {{$key}} <br>
            @endforeach
            <br>
            {{Form::hidden('next',$quiz_data->id)}}
            {{Form::button('Next <i class="fa fa-arrow-right"></i>',array('class' => 'btn btn-primary btn-sm quiz-btn disabled' ,'disabled'=>'' , 'type'=>'submit'))}}
            {{Form::close()}}
            <div class="clearfix">&nbsp;</div>
            @else
            <h4> No quiz found in this group !</h4>
            @endif
        </div>
        <!-- End Animted body -->
        <!-- MAIN CONTENT AREA END -->
        <hr>
    </div>
    <div class="col-md-2"></div>
</div>
@endif
@stop
