<footer class="footer footer-full">
    <div class="footer-grid">
        <div class="footer-brand">
            <div class="footer-logo-wrapper">
                <div class="logo-mark">HK</div>
                <strong>Hamro Karma</strong>
            </div>
            <p class="brand-text">Trusted products, fair pricing, and fast delivery across Nepal. Experience smart shopping.</p>
        </div>

        <div class="footer-links">
            <h4>Quick Links</h4>
            <nav class="footer-nav">
                <a href="{% url 'home' %}">{{ ui.home }}</a>
                <a href="{% url 'product_list' %}">{{ ui.products }}</a>
                <a href="{% url 'about' %}">{{ ui.about }}</a>
            </nav>
        </div>

        <div class="footer-links">
            <h4>Customer Service</h4>
            <nav class="footer-nav">
                <a href="{% url 'support' %}">{{ ui.support }}</a>
                <a href="{% url 'cart' %}">{{ ui.cart }}</a>
                <a href="{% url 'my_orders' %}">{{ ui.orders }}</a>
            </nav>
        </div>

        <div class="footer-newsletter">
            <h4>Stay Updated</h4>
            <p>Get the latest deals and updates.</p>
            <form class="newsletter-form" action="#" method="get" onsubmit="event.preventDefault(); alert('Subscribed successfully!');">
                <input type="email" placeholder="Enter your email" required>
                <button type="submit">→</button>
            </form>
        </div>
    </div>
    <div class="footer-bottom">
        <p>&copy; {% now "Y" %} Hamro Karma. All rights reserved.</p>
    </div>
</footer>
