@extends('layouts.app')
@section('titlePage', 'Test Leaderboard')
@section('content')
<script>
    document.getElementById("kts-15").classList.add("is-expanded");
    document.getElementById("ktss-15").classList.add("active","is-expanded");
    document.getElementById("test-15").classList.add("active");
</script>
    <div class="page-wrapper">
        <!-- [ breadcrumb ] start -->
        <div class="breadcrumb-header justify-content-between">
            <div class="left-content">
                <span class="main-content-title">Test Report</span>
            </div>
            <div class="justify-content-center mt-2">
                <ol class="breadcrumb breadcrumb-style3">
                    <li class="breadcrumb-item"><a href="{{ _route('client.leaderboard.tests.index') }}"><i class="feather icon-home"></i></a></li>
                    <li class="breadcrumb-item"><a href="#!">Detail</a></li>
                </ol>
            </div>
        </div>
        <!-- [ breadcrumb ] end -->
        <!-- [ Main Content ] start -->
        <div class="row">
            <div class="col-sm-12">
                <div class="card">

                    <div class="card-body">
                        <div class="table-responsive dt-responsive">
                            <div id="dt-ajax-array_wrapper" class="dataTables_wrapper dt-bootstrap4">
                                @include('common.alert')
                                <div class="row">
                                    <div class="col-sm-12">
                                        <table id="dt-ajax-array" class="table table-striped table-bordered nowrap dataTable" role="grid" aria-describedby="dt-ajax-array_info">
                                            <thead>
                                                <tr role="row">
                                                    <th>Sl No</th>
                                                    <th>Title</th>
                                                    <th>Category</th>
                                                    <th>Student Name</th>
                                                    <th>Registration Number</th>
                                                    <th>Student Department</th>
                                                    <th>Student Marks</th>
                                                    <th>Maximum Test Marks</th>
                                                    <th>Time of Submission</th>
                                                    <th>Position</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            @foreach ($data as $key => $value)
                                                <tr>
                                                    <td>
                                                        {{ getSttItem($data, $key) }}
                                                    </td>
                                                    <td>{{ $value->test->title }}</td>
                                                    <td>{{ $value->test->category->category }}</td>
                                                    <td>{{ $value->student->fullname }}</td>
                                                    <td>{{ $value->student->registration_number }}</td>
                                                    <td>{{ $value->student->department->d_name }}</td>
                                                    <td>{{ $value->marks_obtained }}</td>
                                                    <td>{{ $value->total_marks }}</td>
                                                    <td>{{ $value->quiz_question->end_time }}</td>
                                                    <td>{{ $value->std_rank }}</td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                        {!! $data->links() !!}
                                    </div>
                                </div>
                                {{-- Pagination --}}
                                <div class="row">
                                    <div class="col-sm-12 col-md-12">
                                        <div class="dataTables_paginate paging_simple_numbers" id="dt-ajax-array_paginate">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- [ Main Content ] end -->
    </div>
@endsection