{{-- Details popup content for a policy page. --}}
<div class="d-flex flex-wrap gap-3 align-items-center mb-6">
    <span class="badge badge-light-info fs-7">{{ \App\Models\Site\SitePolices::typeLabel($policy->type) }}</span>
    <span class="badge {{ $policy->is_active ? 'badge-light-success' : 'badge-light-warning' }} fs-7">{{ trans($policy->is_active ? 'dash_site.site_status_visible' : 'dash_site.site_status_hidden') }}</span>
    <span class="text-muted fs-7">{{ trans('dash_site.updated_at') }}: <span dir="ltr">{{ $policy->updated_at?->format('Y-m-d') }}</span></span>
</div>

<ul class="nav nav-tabs nav-line-tabs mb-5 fs-6">
    <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#policy_ar_{{ $policy->id }}">العربية</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#policy_en_{{ $policy->id }}">English</a></li>
</ul>
<div class="tab-content">
    @foreach (['ar' => 'rtl', 'en' => 'ltr'] as $locale => $dir)
        <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="policy_{{ $locale }}_{{ $policy->id }}" dir="{{ $dir }}">
            <h3 class="fs-4 fw-bold mb-4">{{ $policy->getTranslation('title', $locale, false) ?: '—' }}</h3>
            <div class="fs-6 text-gray-700 lh-lg">{!! $policy->getTranslation('description', $locale, false) !!}</div>
        </div>
    @endforeach
</div>