</div> 

<?php
// تحديد الاتجاه بناءً على اللغة المختار في الجلسة
$current_lang = $_SESSION['lang'] ?? 'ar';
$dir = ($current_lang == 'ar') ? 'rtl' : 'ltr';
$footer_align = ($current_lang == 'ar') ? 'md:text-right' : 'md:text-left';
$margin_icon = ($current_lang == 'ar') ? 'ml-1' : 'mr-1';
$margin_cap = ($current_lang == 'ar') ? 'mr-2 md:mr-3' : 'ml-2 md:ml-3';
?>

<footer class="bg-gray-200 dark:bg-gray-900 shadow-xl border-t border-indigo-300 dark:border-indigo-800" dir="<?= $dir ?>">
    <div class="max-w-7xl mx-auto px-4 py-8 flex flex-col md:flex-row justify-between items-center">
        
        <div class="flex items-center text-gray-700 dark:text-gray-300 mb-4 md:mb-0">
            <span class="text-2xl md:text-3xl text-indigo-600 dark:text-indigo-400 font-extrabold <?= $margin_cap ?>">
                <i class="fas fa-graduation-cap"></i>
            </span>
            <p class="text-xs md:text-base font-bold md:font-medium leading-tight">
                <?= __('all_rights_reserved') ?> &copy; <?= date('Y') ?> <?= __('institute_name') ?>
            </p>
        </div>

        <div class="text-center <?= $footer_align ?> text-gray-500 dark:text-gray-400 text-sm">
            <p>
                <i class="fas fa-code <?= $margin_icon ?> text-indigo-500"></i> 
                <?= __('designed_developed_by') ?> 
                <a href="#" target="_blank" 
                   class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-200 transition font-bold underline-offset-4 hover:underline">
                   Creative Applications
                </a>
            </p>
            <p class="mt-1 text-xs text-gray-500">
                <?= __('version') ?>: 2.0 | <?= __('last_update') ?>: 
                <?php 
                date_default_timezone_set('Asia/Amman');
                echo date('Y-m-d'); 
                ?>
            </p>
        </div>
    </div>
</footer>

</body>
</html>