@if (($showAdvertisements ?? data_get($pageBuilder ?? [], 'settings.show_advertisements', true)) && ($advertisement_locations->get('banner')?->isNotEmpty() || $advertisement_locations->get('card')?->isNotEmpty()))
    <section class="advertisements">
        @if ($advertisement_locations->get('banner')?->isNotEmpty())
            <div class="banner">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-12">
                            <div class="owl-carousel owl-theme">
                                @foreach ($advertisement_locations->get('banner') as $location)
                                    <a @class(['item', 'clickable' => $location->advertisement->url]) href="{{ $location->advertisement->url ?? 'javascript:void(0)' }}" @if ($location->advertisement->url) target="_blank" @endif ar-image="{{ uploads($location->advertisement->getTranslation('image', 'ar')) }}" en-image="{{ uploads($location->advertisement->getTranslation('image', 'en')) }}" data-id="{{ $location->id }}"></a>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if ($advertisement_locations->get('card')?->isNotEmpty())
            <div class="card mt-2" @if ($pageBuilder ?? null) style="background-color: {{ $pageBuilder['identity']['card_ads_background'] === 'transparent' ? 'transparent' : $pageBuilder['identity']['card_ads_background_color'] }}" @endif>
                <div class="container">
                    <div class="row justify-content-center" style="background-color: {{ ($pageBuilder ?? null) ? 'transparent' : $theme->advertisements_bg }}">
                        @if ($branch->settings->portfolio->card_advertisements_title->{$locale})
                            <div class="col-12">
                                <p class="lead mb-0" style="color: {{ $pageBuilder['identity']['text_color'] ?? $theme->advertisements_font }};">{{ $branch->settings->portfolio->card_advertisements_title->{$locale} }}</p>
                            </div>
                        @endif

                        <div class="col-12">
                            <div class="owl-carousel owl-theme">
                                @foreach ($advertisement_locations->get('card') as $location)
                                    <div class="item-wrapper">
                                        <a @class(['item', 'clickable' => $location->advertisement->url]) href="{{ $location->advertisement->url ?? 'javascript:void(0)' }}" @if ($location->advertisement->url) target="_blank" @endif ar-image="{{ uploads($location->advertisement->getTranslation('image', 'ar')) }}" en-image="{{ uploads($location->advertisement->getTranslation('image', 'en')) }}" data-id="{{ $location->id }}"></a>

                                        @if ($location->advertisement->caption)
                                            <div class="caption" style="color: {{ $pageBuilder['identity']['muted_color'] ?? $theme->advertisements_font }};">
                                                {{ $location->advertisement->caption }}
                                            </div>
                                        @endif
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </section>
@endif