@if (isset($countries) && count($countries) > 0)
    <section id="countries" class="countries-section-three">
        <div class="anim-icons">
            <span class="icon icon-object-1"></span>
        </div>
        <div class="outer-box pt-0">
            <div class="auto-container">
                <div class="sec-title text-center">
                    <span class="sub-title">Countries we offer</span>
                    <h2>
                        @php
                            $countrySectionTitle = getDataBySlug('Widget', 'country-section-title', 'content');
                        @endphp

                        @if ($countrySectionTitle)
                            {!! $countrySectionTitle->content ?? '-' !!}
                        @endif
                    </h2>
                </div>
                <!--  Countries Carousel -->
                <div class="row">
                    @forelse ($countries as $country)
                    <!-- Country Block -->
                    <div class="country-block-three col-lg-4 col-md-6 col-sm-12">
                        <div class="inner-box">
                            <div class="content">
                                <div class="flag">
                                    @if ($country->feature_image && file_exists(public_path('uploads/countries/' . $country->feature_image)))
                                        <img src="{{ asset('uploads/countries/' . $country->feature_image) }}" alt="{{ $country->title ?? '-' }}" title="{{ $country->title ?? '-' }}">
                                    @else
                                        <img src="{{ asset('frontend/images/no-image.jpg') }}" alt="{{ $country->title ?? '-' }}" title="{{ $country->title ?? '-' }}">
                                    @endif
                                </div>
                                <h5 class="title">
                                    {{ $country->title ?? '-' }}
                                </h5>
                                <div class="text">
                                    {{ $country->content ?? '-' }}
                                </div>
                            </div>
                        </div>
                    </div>
                    @empty
                        <div class="col-12">
                            <div class="alert alert-warning text-center m-2" role="alert">
                                No Countries Found !
                            </div>
                        </div>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
@endif