{{-- Details popup content for an About-page counter. --}}
<div class="d-flex align-items-center gap-6 mb-8">
    @include('dashboard.admin.Site.statistics.partials.icon', ['statistic' => $statistic, 'size' => '75px'])
    <div class="fs-3x fw-bolder text-primary lh-1" dir="ltr">{{ $statistic->number }}</div>
</div>
<div class="row g-5">
    @foreach (['ar' => 'rtl', 'en' => 'ltr'] as $locale => $dir)
        <div class="col-md-6" dir="{{ $dir }}">
            <div class="border border-dashed rounded p-4">
                <div class="badge badge-light mb-2">{{ strtoupper($locale) }}</div>
                <div class="fw-bold text-gray-800">{{ $statistic->getTranslation('title', $locale, false) ?: '—' }}</div>
            </div>
        </div>
    @endforeach
</div>
<div class="text-muted fs-7 mt-6">{{ trans('dash_site.updated_at') }}: <span dir="ltr">{{ $statistic->updated_at?->format('Y-m-d') }}</span></div>