@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">Summary Report</div>

                <div class="panel-body">

                    <table class="table is-responsive">
   
                    <tbody>
                        <tr>
                            <td class="firstColumn">Total Students Number: </td>
                            <td>{{$summaryData->numberOfStudents}}</td>
       
                        </tr>
                        <tr>
                            <td class="firstColumn">Total Questions Number: </td>
                            <td>{{$summaryData->numberOfQuestions}}</td>
                        </tr>
                        <tr>
                            <td class="firstColumn">Maximum Possible Score: </td>
                            <td>{{$summaryData->maximumPossibleScore}}</td>
    
                        </tr>
                        <tr>
                            <td class="firstColumn">Means Sore: </td>
                            <td>{{$summaryData->meansSore}}</td>
                        </tr>
                        <tr>
                            <td class="firstColumn">Standard Deviation: </td>
                            <td>{{$summaryData->standardDeviation}}</td>
       
                        </tr>
                        <tr>
                            <td class="firstColumn">Max Sore: </td>
                            <td>{{$summaryData->maxSore}}</td>
                         </tr>

                        <tr>
                            <td class="firstColumn">Min Sore: </td>
                            <td>{{$summaryData->minSore}}</td>
        
                        </tr>
                    </tbody>
                    </table>

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



@endsection