@extends('layouts.app')
@section('titlePage', 'Assignment Report')
@section('content')
<script>
    document.getElementById("kts-15").classList.add("is-expanded");
    document.getElementById("ktss-15").classList.add("active","is-expanded");
    document.getElementById("assessment-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">Assignment Report</span>
            </div>
            <div class="justify-content-center mt-2">
                <ol class="breadcrumb breadcrumb-style3">
                    <li class="breadcrumb-item"><a href="{{ _route('client.leaderboard.assignments.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>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                
                                                @foreach ($data as $key => $value)
												@php
													$end_date = "";
													if(!empty($value->quiz_question->end_time)){									
														$end_date = date('d-m-Y H:i:s',strtotime($value->quiz_question->end_time));
													}
												@endphp 
                                                    <tr>
                                                        <td>
                                                            {{ getSttItem($data, $key) }}
                                                        </td>
                                                        <td>{{ $value->assignment->title }}</td>
                                                        <td>{{ $value->assignment->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>{{ $end_date }}</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