@extends('web.layouts.layout')

@section('content')

    <main class="mt-100">
        <!-- services_det-->
        <section class="tests_pg ">
            <div class="container">
                <div class="row">
                    @if(isset($exams) && $exams->isNotEmpty())
                        @foreach($exams as $exam)
                            <div class="col-lg-3">
                                <div class="test_card">
                                    <div class="img_box">
                                        <img src="{{ getImage($exam->image) }}"
                                             class="img img_cover"
                                             alt="{{ $exam->title }}"/>
                                    </div>
                                    <div class="card-body text-center py-2">
                                        <h5 class="fs-4 fw-bold exam-title">{{ $exam->title }}</h5>
                                        <div class="text fs-6 mt-2">
                                            {{ pluralize('exams::exams.question_count', $exam->total_questions) }}
                                        </div>
                                        <a href="{{ route('web.exams.show', $exam->id) }}"
                                           class="btn btn-primary hvr-txt-trans px-4 py-2 d-block mt-3">
                                            <div class="txt" data-text="{{ __('exams::exams.go_to_exam') }}">
                                              <span class="fs-7"> {{ __('exams::exams.go_to_exam') }}
                                                <i class="fa-regular fa-arrow-left-long vertical-middle ms-2"></i>
                                              </span>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="col-lg-12">
                            <div class="alert alert-info text-center">{{ __('general.no_results') }}</div>
                        </div>
                    @endif
                </div>

                {{ $exams->links('vendor.pagination.custom2') }}

            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush