@extends('main-site.partials.app', [
    'whiteHeader' => true,
])

@section('title', __('messages_302.Library'))

@section('content')

    <section class="library-section sec-padding bg-grey wow fadeInUp">
        <div class="container">
            @include('main-site.library.inc.taplist')


            <div class="tab-content p-3 pt-4" id="myTabContent">



                <!-- questionBank Tab -->
                <div class="tab-pane fade show active" id="questionBank" role="tabpanel">
                    <ul class="attachment-list question-bank">
                        @forelse ($exams as $exam)
                            <li class="d-flex align-items-center justify-content-between flex-wrap gap-3">
                                <div class="file-info d-flex align-items-center gap-2">
                                    <i class="icon-pencil-book"><span class="path1"></span><span
                                            class="path2"></span><span class="path3"></span><span
                                            class="path4"></span><span class="path5"></span></i>
                                    <p class="mb-0 dark-color">
                                        {{ $exam->lesson->title }}

                                        <span class="mb-0 d-block">
                                            <span class="small-text light-color">{{ __("website_301.exams.QuestionNo") }} - ({{ $exam->questions_count }}) {{ __("website_301.exams.Question") }}</span>
                                            <span class="light-color"> | </span>
                                            <span class="small-text light-color"> {{ __("messages_302.Time") }}:
                                                {{ $exam->time }} {{ __("website_301.playlist.Minute") }}</span>
                                        </span>
                                    </p>
                                </div>
                                <div class="d-flex align-items-center gap-3">

                                    <a href="{{ route('course-details.exams.show_exam', $exam->id) }}"
                                        class="btn main-btn outline text-nowrap">{{ __("website_301.exams.StartExam") }}</a>
                                </div>
                            </li>
                        @empty
                            @include('main-site.partials.empty_data', [
                                'message' =>__("website_301.library.NoExam"),
                            ])
                        @endforelse
                    </ul>
                    <div class="pagination justify-content-center mt-5">
                        {{ $exams->appends(Request::except(['_token']))->links('main-site.partials.custom-pagination') }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection