</div>
</div>
</div>


<style>
    #footer {
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
        border-top: 3px solid #f47f20;
        margin-top: auto;
        margin-bottom: 0 !important;
        padding: 16px 30px;
        font-family: 'Segoe UI', Arial, sans-serif;
        width: 100%;
        flex-shrink: 0;
    }

    .footer-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .footer-left {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .footer-logo {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .footer-brand {
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.3px;
    }

    .footer-version {
        color: rgba(255, 255, 255, 0.4);
        font-size: 11px;
        margin-top: 1px;
    }

    .footer-center {
        display: flex;
        align-items: center;
        gap: 8px;
        color: rgba(255, 255, 255, 0.5);
        font-size: 13px;
    }

    .footer-center a {
        color: #f47f20 !important;
        text-decoration: none !important;
        font-weight: 700;
        transition: color 0.2s;
    }

    .footer-center a:hover {
        color: #ff9f40 !important;
    }

    .footer-dot {
        color: rgba(255, 255, 255, 0.2);
        font-size: 16px;
    }

    .footer-right a {
        color: rgba(255, 255, 255, 0.45) !important;
        font-size: 12px;
        text-decoration: none !important;
        transition: color 0.2s;
        font-weight: 500;
    }

    .footer-right a:hover {
        color: #f47f20 !important;
    }

    body {
        overflow-x: hidden;
    }
</style>


<div id="footer">
    <div class="footer-inner">
        <div class="footer-left">
            <img src="<?php echo base_url(); ?>images/menubar/logo.png" alt="Logo" style="width:80px;height:45px;object-fit:contain;">
            <div>
                <div class="footer-brand">WAK Point of Sale</div>
                <div class="footer-version">Version 2.1.1</div>
            </div>
        </div>

        <div class="footer-center">
            <span>All Rights Reserved &copy; <?php echo date('Y'); ?></span>
            <span class="footer-dot">·</span>
            <span>Powered by
                <a href="http://www.waksoftware.com" target="_blank">WAK Software Ltd</a>
            </span>
        </div>

        <div class="footer-right">
            <a href="http://www.waksoftware.com" target="_blank">🌐 waksoftware.com</a>
        </div>
    </div>
</div>

</body>

</html>