<?xml version="1.0"?>
<t name="eCommerce: Multi-Menus" t-name="website_sale.s_mega_menu_multi_menus">
        <section class="s_mega_menu_multi_menus py-4 o_colored_level o_cc o_cc1">
            <div class="container">
                <div class="row">
                    <t t-foreach="request.env['product.public.category'].search([                             ('parent_id', '=', False), ('has_published_products', '=', True),                         ], limit=4)" t-as="category">
                        <div class="col-12 col-sm py-2 text-center">
                            <h4>
                                <a t-att-href="'/shop/category/%s' % category.id" class="nav-link p-0 text-black" t-esc="category.name"/>
                            </h4>
                            <nav class="nav flex-column">
                                <t t-foreach="category.child_id.filtered('has_published_products')" t-as="sub_category">
                                    <a t-att-href="'/shop/category/%s' % sub_category.id" class="nav-link" t-esc="sub_category.name"/>
                                </t>
                            </nav>
                        </div>
                    </t>
                </div>
            </div>
        </section>
    </t>

