<div class="col-xl-8 col-xl-offset-2 col-xs-12">
    <div class="row">
        <form action="/search" id="search_form" method="post">
        <div class="row">
            {{#ifCond config.menuEnabled '==' 'true'}}
                {{#ifCond config.menuLocation '==' "side"}}
                    <div class="col-md-offset-2 col-lg-offset-2 col-xl-9 col-xl-offset-3 search-bar col-md-10 search-bar">
                {{else}}
                    <div class="col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2 search-bar">
                {{/ifCond}}
            {{else}}
                <div class="col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2 search-bar">
            {{/ifCond}}
                <div class="search-bar-input input-group">
                    <input type="text" name="frm_search" id="frm_search" class="form-control" placeholder="Search the shop">
                    <span class="input-group-btn">
                        <button class="btn btn-primary" id="btn_search" type="submit">Search</button>
                        <a href="/" class="hidden-xs btn btn-primary"><i class="fa fa-times" aria-hidden="true"></i></a>
                    </span>
                </div>
            </div>
        </div>
        </form>
    </div>
    <div class="row">
        {{#ifCond config.menuEnabled '==' 'true'}}
            {{#ifCond config.menuLocation '==' "side"}}
                <div class="col-xl-3 col-md-2">
                    <ul class="list-group menu-side">
                        <li class="list-group-item active">{{config.menuTitle}}</li>
                        <li class="list-group-item"><a href="/">All</a></li>
                        {{#each menu.items}}
                            <li class="list-group-item"><a href="/category/{{this.link}}">{{this.title}}</a></li>
                        {{/each}}
                    </ul>
                </div>
                <div class="col-xl-9 col-md-10">
            {{else}}
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
                        <ol class="breadcrumb menu-top">
                            <li><a href="/">Home</a></li>
                            {{#each menu.items}}
                                <li><a href="/category/{{this.link}}">{{this.title}}</a></li>
                            {{/each}}
                        </ol>
                    </div>
                </div>
                <div class="col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
            {{/ifCond}}
        {{else}}
            <div class="col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
        {{/ifCond}}
            {{#if filtered}}
                <div class="product-layout left-pad-30 col-md-12">
                    <strong>Showing results for: {{searchTerm}}</strong>
                </div>
            {{/if}}
            <div class="product-layout">
                {{{page.pageContent}}}
            </div>
        </div>
    </div>
</div>