    <footer style="background: white; border-top: 1px solid #e2e8f0; padding: 24px 30px; text-align: center;">
        <div style="max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;">
            <div style="color: #718096; font-size: 14px;">
                <strong>© 2026 <span style="color: #1a70b8;">My Care</span>.</strong> All rights reserved.
            </div>
            <div style="color: #718096; font-size: 14px;">
                <b>Version</b> 1.0.0 | <i class="fas fa-shield-alt" style="color: #60e438;"></i> Secure Connection
            </div>
        </div>
    </footer>
</div>

<?php
$currentDir = basename(dirname($_SERVER['PHP_SELF']));
$assetPath = ($currentDir !== 'client') ? '../../' : '../';
?>
<script src="<?= $assetPath; ?>plugins/jquery/jquery.min.js"></script>
<script src="<?= $assetPath; ?>plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
    // Initialize Select2
    $(document).ready(function() {
        $('.select2').select2({
            theme: 'default',
            width: '100%'
        });
    });
    
    // Auto-hide alerts after 5 seconds
    setTimeout(function() {
        $('.alert').fadeOut('slow');
    }, 5000);
</script>
</body>
</html>
