{namespace fr=FR\Solrsearch\ViewHelpers}

    <div class="row">
        <div class="col-xs-12">
            <form name="search" action="/search/" class="" method="GET">
                    
                    <div class="input-group input-group-lg">
                            <f:form.textfield id="search" name="tx_solrsearch_searchbox[q]" class="form-control" value="{keyword}" placeholder="Search"/>
                            <div class="input-group-btn">
                                <f:form.submit value="{f:translate(key:'search')}" class="btn btn-default"/>
                            </div>
                    </div>

                    
            </form>
            <hr />
        </div>
        
        <div class="col-md-6">
            <p>{search.numberOfResults} Results found</p>
        </div>
        <div class="col-md-6">
            <div class="text-right">
                <fr:pagination totalRecords="{search.numberOfResults}" currentPage="{currentPage}" recordsPerPage="{search.resultsPerPage}" />
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">
            <f:link.page pageUid="57" additionalParams="{tx_solrsearch_searchbox:{q:keyword}}" class="btn btn-primary">Clear Filters</f:link.page>
            <f:for each="{facetCounts.facet_fields}" as="items" key="field">
                <h3 class="separator1">{f:translate(key:'facet.{field}', default:'{field}')}</h3>
                <nav>
                    <ul class="nav nav-pills nav-stacked list-style-icons">
                        <f:for each="{items}" as="facetcount" key="facetValue">
                            
                                <f:if condition="<fr:facetSelected facetSelected='{selectedFacets}' facetField='{field}' facetValue='{facetValue}'/>">
                                    <f:then>
                                        <li class="active">
                                        <a href='<fr:facet facetField="{field}" facetValue="{facetValue}" exclude="true"/>'>
                                            <i class="fa fa-caret-right pr-10"></i> {f:translate(key:'facet.{field}.{facetValue}', default:'{facetValue}')} ({facetcount})
                                        </a>
                                    </f:then>
                                    <f:else>
                                        <li>
                                        <a href='<fr:facet facetField="{field}" facetValue="{facetValue}"/>'>
                                            <i class="fa fa-caret-right pr-10"></i> {f:translate(key:'facet.{field}.{facetValue}', default:'{facetValue}')} ({facetcount})
                                        </a>
                                    </f:else>
                                </f:if> 
                                
                            </li>
                        </f:for>
                    </ul>
                </nav>
            </f:for>
                
        </div>
        <div class="col-md-9">
            
            <f:for each="{search.resultDocumentsEscaped}" as="result">
                <f:switch expression="{result.type}">
                    <f:case value="pages">
                        <f:render partial="Search/PageResult" arguments="{result: result,settings:settings}" />
                    </f:case>
                    <f:case value="tx_news_domain_model_news">
                        <f:render partial="Search/NewResult" arguments="{result: result,settings:settings}" />
                    </f:case>
                    <f:case value="tx_blog_domain_model_blog">
                        <f:render partial="Search/BlogResult" arguments="{result: result,settings:settings}" />
                    </f:case>
                    <f:case value="tx_frresources_domain_model_resource">
                        <f:render partial="Search/ResourceResult" arguments="{result: result,settings:settings}" />
                    </f:case>
                    <f:defaultCase>
                        <f:render partial="Search/DefaultResult" arguments="{result: result,settings:settings}" />
                    </f:defaultCase>     
                </f:switch>
            </f:for>
        </div>
    </div>