@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Individual Student Statistic Report</div>

                <div class="panel-body">

                    <table class="table is-responsive">
   
                    <tbody>
                        
                        @if($individualStatisticList != null && count($individualStatisticList)>0)
                            <tr>
                                <th>StudentID</th>
                                <th>Number Correct</th>
                                <th>Percent</th>
                                <th>Percentile Rank</th>
                            </tr>

                            @foreach($individualStatisticList as $item)
                                <tr>
                                    <td>{{$item->studentID}}</td>
                                    <td>{{$item->grade}}</td>
                                    <td>{{number_format($item->percent*100,2)."%"}}</td>
                                    <td>{{$item->rank}}</td>
                            
                                </tr>

                            @endforeach
                        @else
                            <tr>
                                <td>No data found</td>
                            </tr>    
                        @endif

                      </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
</div>



@endsection