[{block name="d3_cfg_extsearch_searchmobile_filterbox"}]
    <div id="filterItems" class="filter-box">
        <div class="filter-box-closed" id="filterBoxClosed">
            <input class="btn" type="button" value="[{oxmultilang ident="FILTER_LIST"}]">
        </div>
        <div id="filterBoxOpened" class="filter-box-opened">
            <div class="filter-header">
                <span class="filter-close"><i class="glyphicon-remove"></i></span>
                <span class="filter-open-title">[{oxmultilang ident="FILTER_LIST"}]</span>
            </div>
            <div class="filterData">

                [{if $oView->d3HasFilters()}]
                    [{block name="d3_cfg_extsearch_alistmobile_filters"}]
                        <script type="text/javascript">
                            function d3extSearchSubmitFilter(sInputId, mValue) {
                                document.getElementById(sInputId).value = mValue;
                            }
                        </script>
                        <form action="[{$oViewConf->getSelfActionLink()}]" method="post" name="_filterlist" id="filterList">
                            [{$oViewConf->getHiddenSid()}]
                            <input type="hidden" name="cl" value="[{$oViewConf->getActiveClassName()}]">
                            <input type="hidden" name="searchparam" value="[{$oView->getSearchParamForHtml()}]">
                            <input type="hidden" name="fnc" value="">
                            <input type="hidden" name="showFilter" value="false">
                            [{foreach from=$oView->getNavigationParams() key="keyname" item="value"}]
                                [{if $keyname != 'searchcnid' && $keyname != 'searchvendor' && $keyname != 'searchmanufacturer'}]
                                    <input type="hidden" name="[{$keyname|htmlentities}]" value="[{$value|htmlentities}]">
                                [{/if}]
                            [{/foreach}]
                            <input type="hidden" name="isextsearch" value="alist">
                            [{assign var="blFilterOpen" value=false}]

                            [{block name="d3_inc_ext_search__filter"}]
                                [{if $oView->d3HasVendorList()}]
                                    <label class="filter-title">[{oxmultilang ident="D3_EXTSEARCH_EXT_VENDORS"}]</label>
                                    <div class="dropdown">
                                        <input type="hidden" id="searchvendor" name="searchvendor" value="[{$sSelectedVendorId}]">
                                        <div class="dropdown-toggle" data-toggle="dropdown" data-target="#">
                                            <div>
                                                [{if $sSelectedVendorId}]
                                                    [{$sSelectedVendor}]
                                                    [{assign var="blFilterOpen" value=true}]
                                                [{else}]
                                                    [{oxmultilang ident="D3_EXTSEARCH_EXT_CHOOSEVENDOR"}]
                                                [{/if}]
                                            </div>
                                            <i class="glyphicon-chevron-down"></i>
                                        </div>
                                        <ul class="dropdown-menu" role="menu">
                                            [{if $sSelectedVendorId}]
                                                <li class="dropdown-option">
                                                    <a tabindex="-1" data-selection-id="" onclick="d3extSearchSubmitFilter('searchvendor', this.getAttribute('data-selection-id'));">
                                                        [{oxmultilang ident="D3_EXTSEARCH_EXT_SEARCHINVENDORS"}]
                                                    </a>
                                                </li>
                                            [{else}]
                                                [{foreach from=$oView->d3getVendorList() item="vendor"}]
                                                    <li class="dropdown-option">
                                                        <a tabindex="-1" data-selection-id="[{$vendor->getId()}]" title="[{$vendor->oxvendor__oxtitle->getRawValue()}]" [{if $sSelectedVendorId == $vendor->getId()}]class="selected"[{/if}] onclick="d3extSearchSubmitFilter('searchvendor', this.getAttribute('data-selection-id'));">
                                                            [{$vendor->getTitle()}][{if $vendor->getFieldData('counter')}] ([{$vendor->getFieldData('counter')}])[{/if}]
                                                        </a>
                                                    </li>
                                                [{/foreach}]
                                            [{/if}]
                                        </ul>
                                    </div>
                                [{/if}]

                                [{if $oView->d3HasManufacturerList()}]
                                    <label class="filter-title">[{oxmultilang ident="D3_EXTSEARCH_EXT_MANUFACTURERS"}]</label>
                                    <div class="dropdown">
                                        <input type="hidden" id="searchmanufacturer" name="searchmanufacturer" value="[{$sSelectedManufacturerId}]">
                                        <div class="dropdown-toggle" data-toggle="dropdown" data-target="#">
                                            <div>
                                                [{if $sSelectedManufacturerId}]
                                                    [{$sSelectedManufacturer}]
                                                    [{assign var="blFilterOpen" value=true}]
                                                [{else}]
                                                    [{oxmultilang ident="D3_EXTSEARCH_EXT_CHOOSEMANUFACTURER"}]
                                                [{/if}]
                                            </div>
                                            <i class="glyphicon-chevron-down"></i>
                                        </div>
                                        <ul class="dropdown-menu" role="menu">
                                            [{if $sSelectedManufacturerId}]
                                                <li class="dropdown-option">
                                                    <a tabindex="-1" data-selection-id="" onclick="d3extSearchSubmitFilter('searchmanufacturer', this.getAttribute('data-selection-id'));">
                                                        [{oxmultilang ident="D3_EXTSEARCH_EXT_SEARCHINMANUFACTURERS"}]
                                                    </a>
                                                </li>
                                            [{else}]
                                                [{foreach from=$oView->d3getManufacturerList() item="manufacturer"}]
                                                    <li class="dropdown-option">
                                                        <a tabindex="-1" data-selection-id="[{$manufacturer->getId()}]" title="[{$manufacturer->oxmanufacturers__oxtitle->getRawValue()}]" [{if $sSelectedManufacturerId == $manufacturer->getId()}]class="selected"[{/if}] onclick="d3extSearchSubmitFilter('searchmanufacturer', this.getAttribute('data-selection-id'));">
                                                            [{$manufacturer->getTitle()}][{if $manufacturer->getFieldData('counter')}] ([{$manufacturer->getFieldData('counter')}])[{/if}]
                                                        </a>
                                                    </li>
                                                [{/foreach}]
                                            [{/if}]
                                        </ul>
                                    </div>
                                [{/if}]

                                [{if $oView->d3HasAttributeList()}]
                                    [{foreach from=$oView->d3GetAttributeList() name=search key=key item=oAttribute}]
                                        <label class="filter-title">[{$oAttribute->title}]:</label>
                                        <div class="dropdown">
                                            <input type="hidden" id="d3searchattrib__[{$key}]" name="d3searchattrib[[{$key}]]" value="[{$oAttribute->selectionRawValue}]">
                                            <div class="dropdown-toggle" data-toggle="dropdown" data-target="#">
                                                <div>
                                                    [{if $oAttribute->selected}]
                                                        [{$oAttribute->selectionValue}]
                                                        [{assign var="blFilterOpen" value=true}]
                                                    [{else}]
                                                        [{oxmultilang ident="D3_EXTSEARCH_EXT_ATTRIBSNOSELECTION1"}] [{$oAttribute->title}] [{oxmultilang ident="D3_EXTSEARCH_EXT_ATTRIBSNOSELECTION2"}]
                                                    [{/if}]
                                                </div>
                                                <i class="glyphicon-chevron-down"></i>
                                            </div>
                                            <ul class="dropdown-menu" role="menu">
                                                [{if $oAttribute->selected}]
                                                    <li class="dropdown-option">
                                                        <a tabindex="-1" data-selection-id="" onclick="d3extSearchSubmitFilter('d3searchattrib__[{$key}]', this.getAttribute('data-selection-id'));">
                                                            [{oxmultilang ident="D3_EXTSEARCH_EXT_ATTRIBSDESELECT1"}] [{$oAttribute->title}] [{oxmultilang ident="D3_EXTSEARCH_EXT_ATTRIBSDESELECT2"}]
                                                        </a>
                                                    </li>
                                                [{else}]
                                                    [{foreach from=$oAttribute->_aList name="attrvalues" key="valuekey" item="oAttrValue"}]
                                                        <li class="dropdown-option">
                                                            [{if $oAttrValue->isSelectable}]
                                                                <a tabindex="-1" data-selection-id="[{$oAttrValue->rawvalue}]" title="[{$oAttrValue->value}]" style="[{if $oAttrValue->highlighted}]background-color: #E2E2E2;[{/if}]" [{if $oAttrValue->selected}]class="selected"[{/if}] onclick="d3extSearchSubmitFilter('d3searchattrib__[{$key}]', this.getAttribute('data-selection-id'));">
                                                                    [{$oAttrValue->value}] [{if $oAttrValue->count}]([{$oAttrValue->count}])[{/if}]
                                                                </a>
                                                            [{else}]
                                                                <div>
                                                                    [{$oAttrValue->value}] [{if $oAttrValue->count}]([{$oAttrValue->count}])[{/if}]
                                                                </div>
                                                            [{/if}]
                                                        </li>
                                                    [{/foreach}]
                                                [{/if}]
                                            </ul>
                                        </div>
                                    [{/foreach}]
                                [{/if}]

                                [{if $oView->d3HasPriceFilter()}]
                                    [{assign var="currency" value=$oView->getActCurrency()}]
                                    <label class="filter-title">[{oxmultilang ident="D3_EXTSEARCH_EXT_PRICECATS"}]</label>
                                    <div class="dropdown">
                                        <input type="hidden" id="priceselector" name="priceselector" value="[{$sSelectedPriceStep}]">
                                        <div class="dropdown-toggle" data-toggle="dropdown" data-target="#">
                                            <div>
                                                [{if isset($sSelectedPriceStep) && $sSelectedPriceStep}]
                                                    [{oxmultilang ident="D3_EXTSEARCH_EXT_CHOOSEPRICE"}]
                                                    [{assign var="blFilterOpen" value=true}]
                                                [{else}]
                                                    [{oxmultilang ident="D3_EXTSEARCH_EXT_CHOOSEPRICE"}]
                                                [{/if}]
                                            </div>
                                            <i class="glyphicon-chevron-down"></i>
                                        </div>
                                        <ul class="dropdown-menu" role="menu">
                                            [{if $sSelectedPriceStep}]
                                                <li class="dropdown-option">
                                                    <a tabindex="-1" data-selection-id="" onclick="d3extSearchSubmitFilter('priceselector', this.getAttribute('data-selection-id'));">
                                                        [{oxmultilang ident="D3_EXTSEARCH_EXT_DESELECTPRICE"}]
                                                    </a>
                                                </li>
                                            [{/if}]
                                            [{foreach from=$oView->d3getPriceSteps() item="price"}]
                                                <li class="dropdown-option">
                                                    <a tabindex="-1" data-selection-id="[{$price->addParam}]" title="[{oxmultilang ident="D3_EXTSEARCH_EXT_PRICEFROM"}] [{$price->iFMin}] [{$currency->sign}] [{oxmultilang ident="D3_EXTSEARCH_EXT_PRICETO"}] [{$price->iFMax}] [{$currency->sign}]" onclick="d3extSearchSubmitFilter('priceselector', this.getAttribute('data-selection-id'));">
                                                        [{oxmultilang ident="D3_EXTSEARCH_EXT_PRICEFROM"}] [{$price->iFMin}] [{$currency->sign}] [{oxmultilang ident="D3_EXTSEARCH_EXT_PRICETO"}] [{$price->iFMax}] [{$currency->sign}][{if $price->iCount != ''}] ([{$price->iCount}])[{/if}]
                                                    </a>
                                                </li>
                                            [{/foreach}]
                                        </ul>
                                    </div>
                                [{/if}]
                            [{/block}]
                        </form>
                    [{/block}]
                [{/if}]
            </div>
        </div>

        [{oxscript include="js/widgets/oxdropdown.js" priority=10}]
        [{capture name="d3JsFnc"}][{strip}]
            $('div.dropdown').oxDropDown();
        [{/strip}][{/capture}]
        [{oxscript add=$smarty.capture.d3JsFnc}]
        [{oxscript include="js/widgets/oxattribute.js" priority=10}]
        [{capture name="d3JsFnc"}][{strip}]
            $('#filterItems').oxAttribute({blShowFilter:'$blFilterOpen'});
        [{/strip}][{/capture}]
        [{oxscript add=$smarty.capture.d3JsFnc}]
        [{capture name="d3JsFnc"}][{strip}]
            $('#sortItems').oxAttribute({blShowFilter:'$blFilterOpen'});
        [{/strip}][{/capture}]
        [{oxscript add=$smarty.capture.d3JsFnc}]
    </div>
[{/block}]