@php
    $contactUrl = route('pages.show', 'contact');
@endphp

<div class="ad-slot ad-slot-{{ $size }}">
    @if($ad)
        @if($ad->link_url)
            <a href="{{ $ad->link_url }}" target="_blank" rel="noopener sponsored" class="ad-slot-content block" title="{{ $ad->title }}">
                @if($ad->image)
                    <img src="{{ asset('storage/'.$ad->image) }}" alt="{{ $ad->title }}" class="ad-slot-image" loading="lazy">
                @elseif($ad->html_content)
                    <div class="ad-slot-html">{!! $ad->html_content !!}</div>
                @else
                    <div class="ad-slot-text">{{ $ad->title }}</div>
                @endif
            </a>
        @else
            <div class="ad-slot-content">
                @if($ad->image)
                    <img src="{{ asset('storage/'.$ad->image) }}" alt="{{ $ad->title }}" class="ad-slot-image" loading="lazy">
                @elseif($ad->html_content)
                    <div class="ad-slot-html">{!! $ad->html_content !!}</div>
                @else
                    <div class="ad-slot-text">{{ $ad->title }}</div>
                @endif
            </div>
        @endif
        <span class="ad-slot-label">{{ __('Sponsored') }}</span>
    @else
        <a href="{{ $contactUrl }}" class="ad-slot-placeholder group">
            <div class="ad-slot-placeholder-icon">
                <svg class="h-8 w-8 text-brand-portal-blue/40" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 006 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0118 16.5h-2.25m-7.5 0h7.5m-7.5 0l-1 3m8.5-3l1 3m0 0l.5 1.5m-.5-1.5h-9.5m0 0l-.5 1.5" />
                </svg>
            </div>
            <p class="ad-slot-placeholder-title">{{ __('Advertise Here') }}</p>
            <p class="ad-slot-placeholder-desc">{{ __('Reach thousands of job seekers across Sri Lanka') }}</p>
            <span class="ad-slot-placeholder-cta">{{ __('Contact Us') }} &rarr;</span>
        </a>
        <span class="ad-slot-label">{{ __('Ad Space') }}</span>
    @endif
</div>