<!----- User Profile ----->
<div class="clearfix">&nbsp;</div>
<div class="clearfix">&nbsp;</div>
<div class="clearfix">&nbsp;</div>
<div class="clearfix">&nbsp;</div>
<div class="row">
    <div class="col-md-3"><img src="{{asset('public/images')}}/{{$settings->header_image}}" class="img-responsive"></div>
    <div class="col-md-9"> </div>
</div>
<div class="clearfix">&nbsp;</div>
<div class="col-md-3 bg-head">
    <img class=" img-thumbnail " src="https://graph.facebook.com/{{(Auth::user()->user_level == 1)?2:$data['fbid']}}/picture">
    Hello, <strong>{{{ $data['name'] }}}</strong>
</div>
<div class="hide">
<div class="col-md-6 bg-head hidden-xs hidden-sm">
    <div class="col-md-4 text-center">
        <h4><strong>{{$info['total']}}</strong></h4>
        <span class="label label-info">Played</span>
    </div>
    <div class="col-md-4 text-center">
        <h4><strong>{{$info['pass']}}</strong></h4>
        <span class="label label-success">Passed</span>
    </div>
    <div class="col-md-4 text-center">
        <h4><strong>{{$info['fails']}}</strong></h4>
        <span class="label label-danger">Failed</span>
    </div>
</div>
<!-- Visible for small divice -->
<div class="panel-group visible-xs visible-sm" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default quiz-info">
        <div class="panel-heading" role="tab" id="headingOne">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    <h5> See more <b class="caret"></b></h5>
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
            <div class="panel-body">
                <div class="col-md-4 bg-head visible-xs visible-sm">
                    <div class="col-md-4 text-center">
                        <h4><strong>{{$info['total']}}</strong></h4>
                        <span class="label label-info">Played</span>
                    </div>
                </div>
                <div class="col-md-4 bg-head visible-xs visible-sm">
                    <div class="col-md-4 text-center">
                        <h4><strong>{{$info['pass']}}</strong></h4>
                        <span class="label label-success">Passed</span>
                    </div>
                </div>
                <div class="col-md-4 bg-head visible-xs visible-sm">
                    <div class="col-md-4 text-center">
                        <h4><strong>{{$info['fails']}}</strong></h4>
                        <span class="label label-danger">Failed</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- // Visible for small divice -->
<div class="col-md-3 bg-head text-right">
    <a class="btn btn-sm btn-primary btn-block" href="{{url('/logout')}}"><i class="fa fa-sign-out"></i> Logout</a>
    @if(!empty($quiz_data) || isset($result['parcent']))
    <a href="{{url('/')}}/user/user" class="btn btn-warning btn-sm btn-block"> Start Again  </a>
    @else
    <a href="http://markallenpolls.com/polls" class="btn btn-warning btn-sm btn-block"> Get Started  </a>
    @endif

</div>
<!-----// End User Profile ----->
