@if (isset($countries) && count($countries) > 0)
    <section class="countries-section-two">
        <div class="auto-container">
            <div class="bg-image"></div>

            <div class="sec-title text-center light">
                <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>

            <div class="carousel-outer">

                <!-- Countries Carousel -->
                <div class="countries-carousel owl-carousel owl-theme">

                    @forelse ($countries as $country)
                        <div class="country-block-two">
                            <div class="inner-box">
                                <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>
                                <div class="info">
                                    <h5 class="title mb-0 mt-1">
                                        {{ $country->title ?? '-' }}
                                    </h5>
                                    {{-- @if ($country->content)
                                        <div class="text">
                                            {!! $country->content ?? '-' !!}
                                        </div>
                                    @endif --}}
                                </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