@extends('layouts.app')

@section('title', 'Admission Guides')

@section('content')
    @include('layouts.partials.page_header', [
          'title' => 'Admission Guides',
          'breadcrumbs' => [
              ['label' => 'Home', 'url' => route('home')],
              ['label' => 'Admission Guides', 'url' => '']
          ]
      ])

    <!-- Admission Guides Grid Start -->
    <section class="course-grid">
        <div class="container">
            <div class="row">
                @forelse($guides as $guide)
                    <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp"
                         data-wow-delay="{{ 100 * ($loop->index % 3) }}ms">
                        <div class="courses-two__single">
                            <div class="courses-two__img-box"
                                 style="background: #f0f4ff; display: flex; align-items: center; justify-content: center; height: 140px;">
                                @if($guide->country->flag_path)
                                    <img src="{{ asset('storage/' . $guide->country->flag_path) }}"
                                         alt="{{ $guide->country->name }}" style="max-height: 60px; max-width: 80px;">
                                @else
                                    <img src="{{ asset('images/resources/courses-2-1.jpg') }}"
                                         alt="{{ $guide->country->name }}" style="max-height: 60px; opacity: 0.6;">
                                @endif
                            </div>
                            <div class="courses-two__content">
                                <div class="courses-two__doller-and-review">
                                    <div class="courses-two__doller">
                                        <p>{{ $guide->country->name }}</p>
                                    </div>
                                    <div class="courses-two__review">
                                        <p><i class="icon-book"></i> Guide</p>
                                    </div>
                                </div>
                                <h3 class="courses-two__title"><a
                                        href="{{ route('admission-guides.show', $guide->slug) }}">{{ $guide->title }}</a>
                                </h3>
                                <p class="course-grid__search-text">{{ Str::limit($guide->meta_description ?? 'Step‑by‑step admission process', 90) }}</p>
                                <div class="courses-two__btn-box mt-3">
                                    <a href="{{ route('admission-guides.show', $guide->slug) }}" class="thm-btn-two">
                                        <span>Read Guide</span>
                                        <i class="icon-angles-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="col-12 text-center py-5">
                        <h4>No admission guides found.</h4>
                    </div>
                @endforelse
            </div>

            <!-- Pagination -->
            <div class="blog-list__pagination mt-5">
                {{ $guides->links('vendor.pagination.custom') }}
            </div>
        </div>
    </section>
    <!-- Admission Guides Grid End -->

@endsection