{{-- Details popup content for a website slide (loaded into the shared details modal). --}}
<div class="position-relative rounded overflow-hidden mb-7" style="height: 260px; background: url('{{ $banner->image_path }}') center / cover no-repeat;">
    <div class="position-absolute bottom-0 start-0 end-0 p-6" style="background: linear-gradient(transparent, rgba(0,0,0,.7));">
        <div class="text-white fw-bold fs-3">{{ $banner->title }}</div>
        @if ($banner->description)
            <div class="text-white opacity-75 fs-6 mt-1">{{ $banner->description }}</div>
        @endif
    </div>
</div>

<div class="row g-5 mb-6">
    @foreach (['ar' => 'rtl', 'en' => 'ltr'] as $locale => $dir)
        <div class="col-md-6" dir="{{ $dir }}">
            <div class="border border-dashed rounded p-4 h-100">
                <div class="badge badge-light mb-3">{{ strtoupper($locale) }}</div>
                <div class="fw-bold text-gray-800 mb-2">{{ $banner->getTranslation('title', $locale, false) ?: '—' }}</div>
                <div class="text-gray-600 fs-7">{{ $banner->getTranslation('description', $locale, false) ?: '—' }}</div>
            </div>
        </div>
    @endforeach
</div>

<div class="d-flex flex-wrap gap-5">
    <div><span class="text-muted me-2">{{ trans('dash_site.site_status') }}:</span>
        <span class="badge {{ $banner->is_active ? 'badge-light-success' : 'badge-light-warning' }}">{{ trans($banner->is_active ? 'dash_site.site_status_visible' : 'dash_site.site_status_hidden') }}</span>
    </div>
    <div><span class="text-muted me-2">{{ trans('dash_site.sort_order') }}:</span><span class="fw-bold">{{ $banner->sort_order }}</span></div>
    <div class="text-truncate"><span class="text-muted me-2">{{ trans('dash_site.banner_link') }}:</span>
        <a href="{{ $banner->link ?: route('appointment') }}" target="_blank" rel="noopener" dir="ltr">{{ $banner->link ?: trans('dash_site.banner_link_default') }}</a>
    </div>
</div>