@php
    $isAr = app()->getLocale() === 'ar';
@endphp

<footer class="mx-auto w-full max-w-7xl mt-10 pt-5 border-t border-surface-200 dark:border-surface-800">
    <div class="flex flex-col items-center justify-between gap-3 sm:flex-row text-xs text-surface-400 dark:text-surface-500">
        <div class="flex items-center gap-2">
            <span class="font-mono bg-brand-50 dark:bg-brand-950/50 text-brand-600 dark:text-brand-400 px-2 py-0.5 rounded-md text-[10px] font-black tracking-wider">v2.4.0</span>
            <span class="text-surface-300 dark:text-surface-700">·</span>
            <span class="font-semibold text-surface-500 dark:text-surface-400">&copy; {{ date('Y') }} نظام إدارة التعليم</span>
        </div>
        <div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-1">
            <a href="https://smartreturn.com.eg/" target="_blank" rel="noopener noreferrer"
               class="flex items-center gap-1 hover:text-brand-600 dark:hover:text-brand-400 transition-colors font-semibold">
                <i class="fa-solid fa-building text-[9px]"></i>
                {{ $isAr ? 'شركة العائد الذكي' : 'Smart Return Co.' }}
            </a>
            <span class="w-1 h-1 rounded-full bg-surface-300 dark:bg-surface-700 hidden sm:block"></span>
            <a href="https://devahmedfarouk.com" target="_blank" rel="noopener noreferrer"
               class="flex items-center gap-1 hover:text-brand-600 dark:hover:text-brand-400 transition-colors">
                <i class="fa-solid fa-code text-[9px]"></i>
                {{ $isAr ? 'م. أحمد فاروق' : 'Eng. Ahmed Farouk' }}
            </a>
            <span class="w-1 h-1 rounded-full bg-surface-300 dark:bg-surface-700 hidden sm:block"></span>
            <a href="tel:+201014836273"
               class="flex items-center gap-1 hover:text-brand-600 dark:hover:text-brand-400 transition-colors font-mono" dir="ltr">
                <i class="fa-solid fa-phone text-[9px]"></i>
                01014836273
            </a>
        </div>
    </div>
</footer>