    <nav class="bottom-nav">
        <a href="<?php echo URL_PATH; ?>/home" class="nav-item <?php echo ($activePage ?? '') === 'home' ? 'active' : ''; ?>">
            <i class="bi bi-house-door"></i>
            <span>Home</span>
        </a>
        <a href="<?php echo URL_PATH; ?>/add-contact" class="nav-item <?php echo ($activePage ?? '') === 'add-contact' ? 'active' : ''; ?>">
            <i class="bi bi-person-plus"></i>
            <span>Add Contact</span>
        </a>
        <a href="<?php echo URL_PATH; ?>/templates" class="nav-item <?php echo ($activePage ?? '') === 'templates' ? 'active' : ''; ?>">
            <i class="bi bi-chat-square-text"></i>
            <span>Templates</span>
        </a>
        <a href="<?php echo URL_PATH; ?>/search" class="nav-item <?php echo ($activePage ?? '') === 'search' ? 'active' : ''; ?>">
            <i class="bi bi-search"></i>
            <span>Search</span>
        </a>
        <a href="<?php echo URL_PATH; ?>/add-note" class="nav-item <?php echo ($activePage ?? '') === 'add-note' ? 'active' : ''; ?>">
            <i class="bi bi-plus-circle"></i>
            <span>Add Note</span>
        </a>
    </nav>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="<?php echo URL_PATH; ?>/public/js/pwa.js"></script>
    <script>
        // Show SweetAlert2 toast notifications
        <?php if (isset($_SESSION['success'])): ?>
            Swal.fire({
                toast: true,
                position: 'top-end',
                icon: 'success',
                title: '<?php echo addslashes($_SESSION['success']); ?>',
                showConfirmButton: false,
                timer: 3000,
                timerProgressBar: true
            });
            <?php unset($_SESSION['success']); ?>
        <?php endif; ?>
        
        <?php if (isset($_SESSION['error'])): ?>
            Swal.fire({
                toast: true,
                position: 'top-end',
                icon: 'error',
                title: '<?php echo addslashes($_SESSION['error']); ?>',
                showConfirmButton: false,
                timer: 3000,
                timerProgressBar: true
            });
            <?php unset($_SESSION['error']); ?>
        <?php endif; ?>
    </script>
    <?php if (isset($additionalJS)) echo $additionalJS; ?>
</body>
</html>
