{{#partial "page"}}
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
{{#unless theme_settings.hide_contact_us_page_heading }}
    {{#if head.title '==' 'Company Contact'}}
        <script type="text/javascript">
            jQuery(document).ready(function($){
                let path = window.location.pathname;
                $('body').addClass('cms-page-template company-page-template company-contact-page_view');
                // $('.company-page-template .header-subNav_container .cat-anchor').each(function(){
                //     if($(this).attr('href') == path){
                //         $(this).addClass('-active');
                //     }
                // })
            })
        </script>

        <div class="page-header_container banner-header" style="background-image: url(../product_images/uploaded_images/company-bg-2x.png);">
            {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
            <h1 class="page-heading"><span>{{lang 'company.title'}}</span></h1>
            <span class="mobile-subCat"><span>{{head.title}}</span></span>
            <div class="anchor-container" style="display: none;">
                {{> components/company/subNav-item}}
            </div>
        </div>
        <div class="header-subNav_container container">
            {{> components/company/subNav-item}}
        </div>
    {{else}}
        <script type="text/javascript">
            jQuery(document).ready(function($){
                let path = window.location.pathname;
                $('body').addClass('contact-us-page-view');
            })
        </script>
        <div class="page-header_container banner-header" style="background-image: url({{cdn 'assets/img/contact_us/200609_GL_PRSlide_Background_1920x987.png'}});">
            {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
            <h1 class="page-heading"><span>{{lang 'contact_us.title'}}</span></h1>
            <span class="mobile-subCat"><span>{{head.title}}</span></span>
            <div class="anchor-container" style="display: none;">
                {{> components/contact_us/subNav-item}}
            </div>
        </div>
        <div class="header-subNav_container container">
            {{> components/contact_us/subNav-item}}
        </div>
    {{/if}}
{{/unless}}
<div style="background-color: #f5f5f5">
    <div class="container content-inner-wrapper" style=" padding-top: 50px;">
        <main class="page">
            <!-- {{#if page.sub_pages}}
                <nav class="navBar navBar--sub">
                    <ul class="navBar-section account-navigation">
                        {{#each page.sub_pages}}
                            <li class="navBar-item"><a class="navBar-action" href="{{url}}">{{title}}</a></li>
                        {{/each}}
                    </ul>
                </nav>
            {{/if}} -->
            <div id="contact-us-page" class="page-content ">
                {{#if forms.contact.success}}
                    <div id="contact-us-success">{{{lang 'forms.contact_us.successful' shopPath=urls.home}}}</div>
                {{else}}
                    {{{page.content}}}
                    <div class="contact-us-form">
                    {{> components/page/contact-us-form}}
                    </div>
                {{/if}}

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

{{/partial}}

{{> layout/base}}