@php
    $footerDeveloper = 'برمجة وتطوير المهندس محمد إدريس';
    $whatsappDisplay = '00963994806517';
    $whatsappDigits = '963994806517';
    $appVersion = (string) config('app.version', 'v1.0.0');
    $isRtl = app()->getLocale() === 'ar';
@endphp

<footer data-testid="system-footer" class="theme-system-footer fixed inset-x-0 bottom-0 z-30 h-11 sm:h-10">
    <div class="theme-system-footer-inner px-3 sm:px-6 lg:px-8">
        <div class="w-full flex items-center justify-between gap-3">
            <div class="min-w-0 flex items-center gap-2 {{ $isRtl ? 'order-2' : 'order-1' }}">
                <p class="font-semibold truncate text-[11px] sm:text-xs">{{ $footerDeveloper }}</p>
                <span class="theme-system-footer-divider hidden sm:inline-flex" aria-hidden="true"></span>
                <a href="https://wa.me/{{ $whatsappDigits }}" class="theme-system-footer-link hidden sm:inline-flex">
                    WhatsApp {{ $whatsappDisplay }}
                </a>
                <span class="theme-system-footer-pill hidden sm:inline-flex">{{ $appVersion }}</span>
            </div>

            <div class="flex items-center gap-1 text-[11px] sm:text-xs text-[var(--theme-muted)] {{ $isRtl ? 'order-1' : 'order-2' }}">
                <span>&copy; {{ now()->year }}</span>
                <span class="text-[var(--theme-primary)]">•</span>
                <span class="truncate max-w-[9rem] sm:max-w-[15rem]">{{ $siteName !== '' ? $siteName : __('messages.project_title') }}</span>
            </div>
        </div>
    </div>
</footer>