@extends('layouts.adminapp')

@section('content')

    {{-- Batch Exam Report --}}

    <div class="container mt-4">
        <h2 class="mt-4">
            Student Exam Report
        </h2>

        <form action="SearchDetails" method="Post" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-header shadow">
                    <div class="card-body p-5">
                        <div class="col-md-6 mb-3">
                            <label for="searchstudent" class="form-label">Enter Admission No./Name:</label>
                            <input type="text" oninput="SearchStudent()" class="form-control" name="searchstudent"
                                id="SearchStudentID" autocomplete="off" required />
                            <div id="hint_tbl">
                            </div>
                            <input type="hidden" id="StudentID" name="Student_id" />
                            <button type="submit" class="btn btn-primary mt-4">
                                Search
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>


        <!-- With actions -->
        <div class="card mb-4">
            <div class="card-header">
                <div class="card-body p-5">
                    @if ($Student != null)
                        <table id="datatablesSimple">
                            <thead>
                                <tr>
                                    <th>Admission No.</th>
                                    <th>Name</th>
                                    <th>Batch</th>
                                    <th>Course</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        {{ $Student->admission_no }}
                                    </td>
                                    <td>
                                        {{ $Student->name }}
                                    </td>
                                    <td>
                                        {{ $Student->batchcourse->batch->title }}
                                    </td>
                                    <td>
                                        {{ $Student->batchcourse->course->title }}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    @endif
                </div>
            </div>
        </div>


        <div class="row row-cols-4 g-4">
            @if ($CompletedBatchCourses != null)
                @foreach ($CompletedBatchCourses as $CompletedBatchCourse)
                    <div>
                        <a class="btn btn-dark d-flex align-items-center justify-content-between w-100"
                            href="{{ route('StudentIndividualReport', [$Student->id, $CompletedBatchCourse->id]) }}">
                            <i class="fas fa-poll"></i>
                            <span>{{ $CompletedBatchCourse->courseperiod->title }}</span>
                            <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
        <script>
            function SearchStudent() {
                hint_tbl.style.display = "block";
                var items = document.getElementById("SearchStudentID").value;

                $.ajax({
                    url: '{{ route('SearchStudent') }}',
                    method: "get",
                    data: {
                        _token: '{{ csrf_token() }}',
                        searchitems: items
                    },
                    success: function(response) {

                        document.getElementById('hint_tbl').innerHTML = response;


                    }
                });
            }

            function clickSelect(ID, name) {

                document.getElementById('SearchStudentID').value = name;
                document.getElementById('StudentID').value = ID;
                hint_tbl.style.display = "none";
            }
        </script>
    @endsection