<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
    <template id="chennora_main_layout_new" inherit_id="website.layout" name="Chennora Main Layout New" priority="50">
        <!-- SEO and Favicon -->
        <xpath expr="//head/*[1]" position="before">
            <t t-if="not title">
                <t t-if="not additional_title and main_object and 'name' in main_object">
                    <t t-set="additional_title" t-value="main_object.name"/>
                </t>
                <t t-set="default_title" t-translation="off" t-value="(additional_title + ' | ' if additional_title else '') + (website or res_company).name"/>
                <t t-set="seo_object" t-value="seo_object or main_object"/>
                <t t-if="seo_object and 'website_meta_title' in seo_object and seo_object.website_meta_title">
                    <t t-set="title" t-value="seo_object.website_meta_title"/>
                </t>
                <t t-else="">
                    <t t-set="title" t-value="default_title"/>
                </t>
            </t>
            <t t-set="x_icon" t-value="'/dine360_theme_chennora/static/description/icon.png'"/>
        </xpath>

        <xpath expr="//head/meta[last()]" position="after">
            <meta name="generator" content="Odoo"/>
            <t t-set="website_meta" t-value="seo_object and seo_object.get_website_meta() or {}"/>
            <meta name="default_title" t-att-content="default_title" groups="website.group_website_designer"/>
            <meta t-if="(main_object and 'website_indexed' in main_object and not main_object.website_indexed) or (website.domain and not website._is_indexable_url(request.httprequest.url_root))" name="robots" content="noindex"/>
            <t t-set="seo_object" t-value="seo_object or main_object"/>
            <t t-set="meta_description" t-value="seo_object and 'website_meta_description' in seo_object and seo_object.website_meta_description or website_meta_description or website_meta.get('meta_description', '')"/>
            <t t-set="meta_keywords" t-value="seo_object and 'website_meta_keywords' in seo_object and seo_object.website_meta_keywords or website_meta_keywords"/>
            <meta t-if="meta_description or editable" name="description" t-att-content="meta_description"/>
            <meta t-if="meta_keywords or editable" name="keywords" t-att-content="meta_keywords"/>
            <t t-if="seo_object">
                <meta name="default_description" t-att-content="website_meta_description or website_meta.get('meta_description')" groups="website.group_website_designer"/>
                <t t-set="opengraph_meta" t-value="website_meta.get('opengraph_meta')"/>
                <t t-if="opengraph_meta">
                    <t t-foreach="opengraph_meta" t-as="property">
                        <t t-if="isinstance(opengraph_meta[property], list)">
                            <t t-foreach="opengraph_meta[property]" t-as="meta_content">
                                <meta t-att-property="property" t-att-content="meta_content"/>
                            </t>
                        </t>
                        <t t-else="">
                            <meta t-att-property="property" t-att-content="opengraph_meta[property]"/>
                        </t>
                    </t>
                </t>
                <t t-set="twitter_meta" t-value="website_meta.get('twitter_meta')"/>
                <t t-if="opengraph_meta">
                    <t t-foreach="twitter_meta" t-as="t_meta">
                        <meta t-att-name="t_meta" t-att-content="twitter_meta[t_meta]"/>
                    </t>
                </t>
            </t>
            <t t-if="request and request.is_frontend_multilang and website and website.is_public_user()">
                <t t-set="alternate_languages" t-value="website._get_alternate_languages(canonical_params=canonical_params)"/>
                <t t-foreach="alternate_languages" t-as="lg">
                    <link rel="alternate" t-att-hreflang="lg['hreflang']" t-att-href="lg['href']"/>
                </t>
            </t>
            <link t-if="request and website and website.is_public_user()" rel="canonical" t-att-href="website._get_canonical_url(canonical_params=canonical_params)"/>
            <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
        </xpath>

        <!-- Custom Header Implementation -->
        <xpath expr="//header" position="replace">
            <header id="top" data-anchor="true" data-name="Header" class="o_header_fixed">
                <!-- Top Bar (Yellow) -->
                <div class="o_header_top_bar py-2 px-lg-5 px-3">
                    <div class="container-fluid d-flex justify-content-between align-items-center">
                        <div class="top-left d-flex align-items-center">
                            <i class="fa fa-map-marker me-2"></i>
                            <span class="small fw-bold">Unit 66, 11665 McVean Dr, Brampton</span>
                        </div>
                        <div class="top-right d-flex align-items-center">
                            <span class="small me-3 fw-bold">Follow Us:</span>
                            <div class="social-icons d-flex gap-3 me-3">
                                <a href="https://www.facebook.com/chennorabrampton/" target="_blank"><i class="fa fa-facebook"></i></a>
                                <a href="https://www.instagram.com/chennora_brampton/" target="_blank"><i class="fa fa-instagram"></i></a>
                                <a href="https://www.tiktok.com/@chennora_brampton" target="_blank"><i class="fa fa-tiktok"></i></a>
                                <a href="https://www.youtube.com/@Chennora_brampton" target="_blank"><i class="fa fa-youtube"></i></a>
                                <a href="https://x.com/Chennoradining" target="_blank"><i class="fa fa-twitter"></i></a>
                            </div>
                            <div class="top-bar-auth d-none d-lg-flex align-items-center border-start ps-3" style="border-color: rgba(4, 18, 29, 0.2) !important;">
                                <a groups="base.group_public" href="/web/login" class="small fw-bold text-dark text-decoration-none">
                                    <i class="fa fa-user-circle me-1"></i> Sign In
                                </a>
                                <t t-if="not user_id._is_public()">
                                    <div class="dropdown">
                                        <a href="#" class="small fw-bold text-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown">
                                            <i class="fa fa-user-circle me-1"></i> <t t-esc="user_id.name"/>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end shadow-sm">
                                            <a href="/my/home" class="dropdown-item small fw-bold">My Account</a>
                                            <div class="dropdown-divider"></div>
                                            <a href="/web/session/logout" class="dropdown-item small fw-bold text-danger">Logout</a>
                                        </div>
                                    </div>
                                </t>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Main Nav (Black) -->
                <nav class="o_header_main_nav navbar navbar-expand-lg navbar-dark py-0 px-lg-4 px-2">
                    <div class="container-fluid">
                        <!-- Mobile Toggle -->
                        <button class="navbar-toggler border-0 ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#top_menu_collapse">
                            <span class="navbar-toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse" id="top_menu_collapse">
                            <div class="d-lg-flex w-100 align-items-center">
                                <!-- Left Menu -->
                                <ul class="navbar-nav flex-grow-1 justify-content-end pe-lg-5">
                                    <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/shop">Menu</a></li>
                                </ul>

                                <!-- Center Logo -->
                                <a class="navbar-brand mx-lg-4 py-3 text-center" href="/">
                                    <img t-att-src="'/logo.png?unique=%s' % website.id" class="img-fluid" style="max-height: 85px;" alt="Chennora Logo"/>
                                </a>

                                <!-- Right Menu -->
                                <ul class="navbar-nav flex-grow-1 justify-content-start ps-lg-5">
                                    <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/faq">Faq</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/reservation">Reservation</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/contactus">Contact Us</a></li>
                                    <li groups="base.group_public" class="nav-item d-lg-none">
                                        <a href="/web/login" class="nav-link">Sign In</a>
                                    </li>
                                    <t t-if="not user_id._is_public()">
                                        <li class="nav-item dropdown d-lg-none">
                                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
                                                <i class="fa fa-user-circle me-1"></i> <t t-esc="user_id.name"/>
                                            </a>
                                            <div class="dropdown-menu">
                                                <a href="/my/home" class="dropdown-item">My Account</a>
                                                <a href="/web/session/logout" class="dropdown-item text-danger">Logout</a>
                                            </div>
                                        </li>
                                    </t>
                                </ul>

                                <!-- CTA Button and Cart -->
                                <div class="ms-lg-auto py-3 py-lg-0 d-flex align-items-center gap-3">
                                    <t t-set="website_sale_order" t-value="website.sale_get_order()"/>
                                    <a href="/shop/cart" class="nav-link o_wsale_shopping_cart position-relative d-inline-flex align-items-center" title="My Cart">
                                        <i class="fa fa-shopping-cart fs-3 text-white"></i>
                                        <span class="badge rounded-pill bg-danger position-absolute top-0 start-100 translate-middle cart-badge" 
                                              t-if="website_sale_order and website_sale_order.cart_quantity &gt; 0" 
                                              t-esc="website_sale_order.cart_quantity"
                                              style="font-size: 0.75rem; padding: 0.35em 0.6em; border: 2px solid #171422;"/>
                                    </a>
                                    <a href="/shop" class="btn btn-order-now px-4 py-2 d-inline-flex align-items-center">
                                        ORDER NOW
                                        <div class="arrow-icon ms-3">
                                            <i class="fa fa-long-arrow-right"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </nav>
            </header>
        </xpath>
    </template>

    <!-- Hidden Phone Snippet for Odoo internal use -->
    <template id="chennora_header_phone_new" inherit_id="website.header_text_element" name="Chennora Header Phone New" priority="60">
        <xpath expr="/*" position="replace">
            <div class="o_header_text_element d-none">
                <span class="o_force_ltr">+1(647)856-2878</span>
            </div>
        </xpath>
    </template>

    <template id="chennora_footer_new" inherit_id="website.layout" name="Chennora Footer New" priority="50">
        <xpath expr="//footer[@id='bottom']" position="replace">
            <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
                <div id="footer" class="oe_structure oe_structure_solo">
                    <section class="s_footer_premium">
                        <!-- Top CTA Bar (Teal) -->
                        <div class="container footer-cta-bar-wrapper">
                            <div class="footer-cta-bar d-flex flex-wrap justify-content-around align-items-center py-4 px-3 px-lg-4">
                                <div class="cta-item d-flex align-items-center mb-3 mb-md-0">
                                    <div class="icon-circle me-3"><i class="fa fa-map-marker"></i></div>
                                    <div>
                                        <div class="cta-label">Address</div>
                                        <p>Unit 66, 11665 McVean Dr, Brampton, Canada.</p>
                                    </div>
                                </div>
                                <div class="cta-item d-flex align-items-center mb-3 mb-md-0">
                                    <div class="icon-circle me-3"><i class="fa fa-envelope"></i></div>
                                    <div>
                                        <div class="cta-label">Send Email</div>
                                        <p>chennorakitchen@gmail.com</p>
                                    </div>
                                </div>
                                <div class="cta-item d-flex align-items-center">
                                    <div class="icon-circle me-3"><i class="fa fa-phone"></i></div>
                                    <div>
                                        <div class="cta-label">Call Us</div>
                                        <p>+1(647)856-2878</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Main Footer Middle Section (Dark) -->
                        <div class="container main-footer-content mt-5">
                            <div class="row gx-lg-5">
                                <!-- Col 1: Brand -->
                                <div class="col-lg-3 col-md-6 mb-5">
                                    <h2 class="footer-brand-title fw-bold mb-4">Chennora</h2>
                                    <p class="footer-desc mb-4">Chennora brings Chennai's authentic flavors to Brampton where every dish tells a story of South Indian heritage.</p>
                                    <div class="footer-social-boxes d-flex gap-2">
                                        <a href="https://www.facebook.com/chennorabrampton/" target="_blank" class="social-box"><i class="fa fa-facebook"></i></a>
                                        <a href="https://www.instagram.com/chennora_brampton/" target="_blank" class="social-box"><i class="fa fa-instagram"></i></a>
                                        <a href="https://www.tiktok.com/@chennora_brampton" target="_blank" class="social-box"><i class="fa fa-tiktok"></i></a>
                                        <a href="https://www.youtube.com/@Chennora_brampton" target="_blank" class="social-box"><i class="fa fa-youtube"></i></a>
                                        <a href="https://x.com/Chennoradining" target="_blank" class="social-box"><i class="fa fa-twitter"></i></a>
                                    </div>
                                </div>
                                <!-- Col 2: Hours -->
                                <div class="col-lg-3 col-md-6 mb-5">
                                    <h4 class="footer-column-title fw-bold mb-4">Hours</h4>
                                    <div class="hours-list">
                                        <div class="hour-row mb-3">
                                            <span class="day">Sunday - Thursday:</span>
                                            <span class="time highlight-text ms-2">12pm - 9pm</span>
                                        </div>
                                        <div class="hour-row mt-3">
                                            <span class="day">Friday &amp; Saturday:</span>
                                            <span class="time highlight-text ms-2">12pm - 11pm</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- Col 3: Quick Links -->
                                <div class="col-lg-2 col-md-6 mb-5">
                                    <h4 class="footer-column-title fw-bold mb-4">Quick Links</h4>
                                    <ul class="footer-links-list list-unstyled ps-0">
                                        <li class="mb-3"><i class="fa fa-chevron-right me-2"></i><a href="/about">About Us</a></li>
                                        <li class="mb-3"><i class="fa fa-chevron-right me-2"></i><a href="/blog">Our Blogs</a></li>
                                        <li class="mb-3"><i class="fa fa-chevron-right me-2"></i><a href="/contactus">Contact Us</a></li>
                                    </ul>
                                </div>
                                <!-- Col 4: Contact -->
                                <div class="col-lg-4 col-md-6 mb-5 position-relative">
                                    <div class="contact-col-content">
                                        <h4 class="footer-column-title fw-bold mb-4">Contact</h4>
                                        <div class="d-flex align-items-center mb-4">
                                            <i class="fa fa-phone me-3 highlight-text"></i>
                                            <span class="fw-bold fs-6">+1(647)856-2878</span>
                                        </div>
                                        <h5 class="fw-bold mt-4 mb-3">Address</h5>
                                        <div class="d-flex align-items-start mb-4">
                                            <i class="fa fa-map-marker me-3 mt-1 highlight-text"></i>
                                            <span class="footer-desc">Chennora Indian Kitchen Bar, Unit 66, 11665 McVean Dr, Brampton</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Food Plate Accent Positioned inside row or absolutely -->
                                    <div class="footer-food-plate-wrapper d-none d-xl-block">
                                        <img src="/dine360_theme_chennora/static/src/img/gallery-2.png" class="footer-food-plate" alt="Food Plate"/>
                                    </div>
                                </div>
                            </div>
                            <!-- Left Leaf Accent -->
                            <img src="/dine360_theme_chennora/static/src/img/about-leaves.png" class="footer-accent-leaf d-none d-lg-block" alt="Leaf"/>
                        </div>

                        <!-- Copyright Bar (Yellow) -->
                        <div class="footer-copyright-bar-new py-3">
                            <div class="container text-center">
                                <p class="mb-0 fw-bold">Copyright 2026 @ Chennora. Powered by <a href="https://dine360.com/" target="_blank">Dine360 Inc</a>. All Right Reserved.</p>
                            </div>
                        </div>
                    </section>
                </div>
            </footer>
        </xpath>
    </template>
</data>
</odoo>

