<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <!-- ============================================================== -->
    <!-- MODERN HEADER - Clean, Minimal Design with Expandable Search -->
    <!-- ============================================================== -->
    
    <!-- Top Announcement Bar (Slim) -->
    <template id="westin_top_bar" name="Westin Top Bar">
        <div class="westin-top-bar">
            <div class="container">
                <div class="top-bar-content">
                    <div class="funding-notice">
                        <span class="badge-text">ADP • ODSP • WSIB • IFHP Authorized</span>
                        <span class="separator">|</span>
                        <a href="/contact-us">Get Funding Help</a>
                    </div>
                    <div class="top-bar-right">
                        <a href="tel:+19054517743" class="top-phone">
                            <i class="fa fa-phone"></i> (905) 451-7743
                        </a>
                        <span class="separator">|</span>
                        <span class="canadian-badge">Canadian Owned Since 2012</span>
                    </div>
                </div>
            </div>
        </div>
    </template>
    
    <!-- Modern Main Header -->
    <template id="westin_main_header" name="Westin Main Header">
        <div class="westin-header-modern">
            <div class="container">
                <div class="header-content">
                    <!-- Logo -->
                    <div class="header-logo">
                        <a href="/">
                            <img t-attf-src="/web/image/website/#{website.id}/logo" 
                                 alt="Westin Healthcare" 
                                 t-att-alt="website.name"/>
                        </a>
                    </div>
                    
                    <!-- Center Navigation -->
                    <nav class="header-nav">
                        <!-- Search Trigger (Collapsed) -->
                        <a href="#" class="nav-item search-trigger">
                            <i class="fa fa-search"></i>
                            <span>Search</span>
                        </a>
                        
                        <!-- Main Menu Items with Dropdowns -->
                        <div class="nav-item has-dropdown">
                            <a href="/shop">
                                <span>Discover products</span>
                                <i class="fa fa-chevron-down"></i>
                            </a>
                            <div class="dropdown-menu">
                                <a href="/shop/category/stairlifts">Stairlifts</a>
                                <a href="/shop/category/hospital-beds">Hospital Beds</a>
                                <a href="/shop/category/powerchairs">Powerchairs</a>
                                <a href="/shop/category/scooters">Mobility Scooters</a>
                                <a href="/shop/category/patient-lifts">Patient Lifts</a>
                                <a href="/shop/category/lift-chairs">Lift Chairs</a>
                                <a href="/shop/category/bath-safety">Bath Safety</a>
                            </div>
                        </div>
                        
                        <div class="nav-item has-dropdown">
                            <a href="#">
                                <span>Access services</span>
                                <i class="fa fa-chevron-down"></i>
                            </a>
                            <div class="dropdown-menu">
                                <a href="/rentals">Equipment Rentals</a>
                                <a href="/repairs">Repairs &amp; Service</a>
                                <a href="/appointments">Book Assessment</a>
                                <a href="/accessibility">Accessibility Solutions</a>
                            </div>
                        </div>
                        
                        <div class="nav-item has-dropdown">
                            <a href="#">
                                <span>Learn about us</span>
                                <i class="fa fa-chevron-down"></i>
                            </a>
                            <div class="dropdown-menu">
                                <a href="/about-us">About Westin</a>
                                <a href="/funding">Funding Programs</a>
                                <a href="/documents">Documents &amp; Forms</a>
                                <a href="/faqs">FAQs</a>
                            </div>
                        </div>
                        
                        <a href="/contact-us" class="nav-item">
                            <span>Contact</span>
                        </a>
                        
                        <!-- Expanded Search Bar (inside nav, expands right from search button) -->
                        <div class="search-expanded">
                            <form action="/shop" method="get" class="search-form">
                                <i class="fa fa-search"></i>
                                <input type="text" name="search" placeholder="Search products..." 
                                       t-att-value="search if search else ''" autocomplete="off"/>
                                <button type="button" class="search-close">
                                    <i class="fa fa-times"></i>
                                </button>
                            </form>
                        </div>
                    </nav>
                    
                    <!-- Right Actions -->
                    <div class="header-actions">
                        <a href="/shop" class="action-link location-link">
                            <span>Visit our store</span>
                        </a>
                        <a href="/contact-us" class="btn-contact">
                            <span>Contact us today</span>
                            <i class="fa fa-arrow-right"></i>
                        </a>
                    </div>
                    
                    <!-- Mobile Menu Toggle -->
                    <button class="mobile-menu-toggle" aria-label="Menu">
                        <span></span>
                        <span></span>
                        <span></span>
                    </button>
                </div>
            </div>
        </div>
    </template>
    
    <!-- ============================================================== -->
    <!-- CUSTOM FOOTER -->
    <!-- ============================================================== -->
    
    <template id="westin_footer_content" name="Westin Footer Content">
        <div class="westin-footer">
            <div class="container">
                <div class="footer-grid">
                    <!-- Company Links -->
                    <div class="footer-col">
                        <h4>Company</h4>
                        <ul>
                            <li><a href="/terms-of-service"><i class="fa fa-chevron-right"></i> Terms and Conditions</a></li>
                            <li><a href="/return-policy"><i class="fa fa-chevron-right"></i> Refund Policy</a></li>
                            <li><a href="/privacy-policy"><i class="fa fa-chevron-right"></i> Privacy Policy</a></li>
                            <li><a href="/faqs"><i class="fa fa-chevron-right"></i> Frequently Asked Questions</a></li>
                            <li><a href="/order-forms"><i class="fa fa-chevron-right"></i> Order Forms</a></li>
                            <li><a href="/my/home"><i class="fa fa-chevron-right"></i> My Account</a></li>
                        </ul>
                    </div>
                    
                    <!-- Contact Info -->
                    <div class="footer-col footer-contact">
                        <h4>Contact Us</h4>
                        <div class="contact-item">
                            <i class="fa fa-map-marker-alt"></i>
                            <span>Unit 7, 15 Fisherman Drive<br/>Brampton, ON, L7A1B7</span>
                        </div>
                        <div class="contact-item">
                            <i class="fa fa-phone"></i>
                            <a href="tel:+19054517743">+1 (905) 451-7743</a>
                        </div>
                        <div class="contact-item">
                            <i class="fa fa-fax"></i>
                            <span>Fax: +1 (905) 451-7743</span>
                        </div>
                        <div class="contact-item">
                            <i class="fa fa-envelope"></i>
                            <a href="mailto:orderdesk@westinhealthcare.com">orderdesk@westinhealthcare.com</a>
                        </div>
                    </div>
                    
                    <!-- Business Hours -->
                    <div class="footer-col footer-hours">
                        <h4>Hours of Operation</h4>
                        <div class="hours-list">
                            <div class="hour-row">
                                <span>Monday</span>
                                <span>9:00 AM - 6:00 PM</span>
                            </div>
                            <div class="hour-row">
                                <span>Tuesday</span>
                                <span>9:00 AM - 6:00 PM</span>
                            </div>
                            <div class="hour-row">
                                <span>Wednesday</span>
                                <span>9:00 AM - 6:00 PM</span>
                            </div>
                            <div class="hour-row">
                                <span>Thursday</span>
                                <span>9:00 AM - 6:00 PM</span>
                            </div>
                            <div class="hour-row">
                                <span>Friday</span>
                                <span>9:00 AM - 6:00 PM</span>
                            </div>
                            <div class="hour-row">
                                <span>Saturday</span>
                                <span>10:00 AM - 2:00 PM</span>
                            </div>
                            <div class="hour-row">
                                <span>Sunday</span>
                                <span>Closed</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Quick Links -->
                    <div class="footer-col">
                        <h4>Quick Links</h4>
                        <ul>
                            <li><a href="/shop"><i class="fa fa-chevron-right"></i> Shop All Products</a></li>
                            <li><a href="/rentals"><i class="fa fa-chevron-right"></i> Equipment Rentals</a></li>
                            <li><a href="/funding"><i class="fa fa-chevron-right"></i> Funding Programs</a></li>
                            <li><a href="/about-us"><i class="fa fa-chevron-right"></i> About Us</a></li>
                            <li><a href="/contact-us"><i class="fa fa-chevron-right"></i> Contact Us</a></li>
                            <li><a href="/careers"><i class="fa fa-chevron-right"></i> Careers</a></li>
                        </ul>
                    </div>
                </div>
                
                <!-- Footer Bottom -->
                <div class="footer-bottom">
                    <div class="copyright">
                        © <t t-esc="datetime.datetime.now().year"/> Westin Healthcare Inc. All Rights Reserved.
                    </div>
                    
                    <div class="social-links">
                        <a href="https://www.facebook.com/WestinHealthcareInc/" target="_blank" title="Facebook">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="https://www.instagram.com/westinhealthcare/" target="_blank" title="Instagram">
                            <i class="fa fa-instagram"></i>
                        </a>
                        <a href="https://twitter.com/westinhealth" target="_blank" title="Twitter">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="https://ca.linkedin.com/company/westin-healthcare-inc" target="_blank" title="LinkedIn">
                            <i class="fa fa-linkedin"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </template>
    
    <!-- ============================================================== -->
    <!-- OVERRIDE DEFAULT WEBSITE LAYOUT -->
    <!-- ============================================================== -->
    
    <!-- Add custom header at the beginning of the page -->
    <template id="custom_header" inherit_id="website.layout" name="Westin Custom Header" priority="99">
        <xpath expr="//div[@id='wrapwrap']" position="inside">
            <t t-call="fusion_website_theme.westin_top_bar"/>
            <t t-call="fusion_website_theme.westin_main_header"/>
        </xpath>
    </template>
    
    <!-- Add custom footer content inside footer -->
    <template id="custom_footer" inherit_id="website.layout" name="Westin Custom Footer" priority="99">
        <xpath expr="//div[@id='wrapwrap']/footer" position="inside">
            <t t-call="fusion_website_theme.westin_footer_content"/>
        </xpath>
    </template>
    
</odoo>
