@extends('layouts.admin')

@section('styles')

@endsection

@section('content')
    <div class="container-fluid">

        <style>
            .table thead tr td {
                padding: 0px 0px 15.2px 0px;
            }
        </style>
          <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-10">
                                @include('elements.admin-breadcrumb')
                            </div>
                            <div class="col-2 text-end">
                                <a class="btn btn-primary" href="{{ route('admin.export.examReport') }}"><i class="fa-solid fa-file-export"></i> Export</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @include('elements.alert')

                    <form class="mb-15" id="kt_course_delete" action="" method="POST">
                        @csrf
                        @method('post')
                        <table class="table  w-100 nowrap  no-footer">
                            <tbody>
                                <tr>

                                    <td  class="col-md-3">
                                        <select id="student" class="form-select form-control-sm datatable-input select2" data-toggle="select2">
                                            <option value="">- Select Student -</option>
                                            @foreach ($students as $student)
                                                <option value="{{ $student->id }}">{{ $student->full_name }}</option>
                                            @endforeach
                                        </select>
                                    </td>

                                    <td  class="col-md-3">
                                        <select id="chapter" class="form-select form-control-sm datatable-input select2" data-toggle="select2">
                                            <option value="">- Select Chapter -</option>
                                            @foreach ($chapters as $chapter)
                                                <option value="{{ $chapter->id }}">{{ $chapter->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>

                                    <td  class="col-md-3">
                                        <select id="topic" class="form-select form-control-sm datatable-input select2" data-toggle="select2">
                                            <option value="">- Select Topic -</option>
                                            @foreach ($topics as $topic)
                                                <option value="{{ $topic->id }}">{{ $topic->title }}</option>
                                            @endforeach
                                        </select>
                                    </td>

                                    <td class="col-md-1">
                                        <input type="date" id="start_date" class="form-control form-control-sm datatable-input"style="padding: 8px;" />
                                    </td>

                                    <td class="col-md-1">
                                        <input type="date" id="end_date" class="form-control form-control-sm datatable-input" style="padding: 8px;"/>
                                    </td>




                                    <td>

                                        <button type="button" class="btn btn-dark" id="kt_reset">Reset</button>

                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table id="common_datatable" class="table table-striped w-100"
                        data-column="student_id,chapter_id,topic_id,score,status,createdByName,created_at"
                        data-column-name="id,student.full_name,chapter_topic,chapter_topic_name,score,status,createdByName,created_at,actions"
                        data-extra-param="student,chapter,topic,start_date,end_date"
                        data-extra-param-name="student_id,chapter_id,topic_id,start_date,end_date"
                        data-control="{{route('admin.exam-report.list')}}" data-sorting="6" data-sorting-type="DESC"
                        data-serial-number="1" data-except-sorting-columns="8"
                        role="grid"
                        data-hide-delete="TRUE"
                        aria-describedby="common_datatable_info">

                            <thead>


                                <tr>

                                    <th>Student Name</th>
                                    <th>Actions</th>
                                    <th>Chapter Name / Topic Name</th>
                                    <th>Score</th>
                                    <th>Status</th>
                                    <th>Created By</th>

                                    <th>Created On</th>
                                    <th>Action</th>


                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </form>

                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div> <!-- end row-->
    </div>
@endsection

@section('scripts')


@endsection