#set ($facetsBgColor = $propertyUtil.getNestedString($portlet, 'facetsBackgroundColor', 'htmlHexValue', ''))
#if ($facetsBgColor != '')
   #set ($facetsBgColor = '; background-color:' + $facetsBgColor)
#end
#set ($selectedFacetBgColor = $propertyUtil.getNestedString($portlet, 'selectedFacetValueBackgroundColor', 'htmlHexValue', ''))
#if ($selectedFacetBgColor != '')
   #set ($selectedFacetBgColor = '; background-color:' + $selectedFacetBgColor)
#end
#set ($facetNameClass = $propertyUtil.getNestedString($portlet, 'facetNameFont', 'selectorText'))
#set ($facetValueClass = $propertyUtil.getNestedString($portlet, 'facetValueFont', 'selectorText'))
#set ($selectedFacetValueClass = $propertyUtil.getNestedString($portlet, 'selectedFacetValueFont', 'selectorText'))
#set ($hideEmptyFacetValue = $propertyUtil.getBoolean($portlet, 'hideEmptyFacetValue'))
#set ($updateResultFunctionName = $propertyUtil.getString($portlet, 'updateResultFunctionName'))
#set ($facetLinkRenderer = $sitevisionUtils.linkRenderer)

<div class="sv-search-facets sv-float-right sv-column-4">
   <h2 class="subheading">
      Filter
   </h2>
#set ($facetItemSpacing = '0.5em')
#if ($searchResult.customSorts)
   <div class="searchResult__facet">
      <p class="searchResult__facet__name">
         $propertyUtil.getNestedString($portlet, 'bundle', 'sortText')
      </p>
      <ul class="sv-defaultlist-noleft env-m-top--0 sv-search-facet-items">
      #foreach ($customSort in $searchResult.customSorts)
         #if ($customSort.isSelected())
         <li class="$selectedFacetValueClass env-m-left--0 env-p-left--0 sv-search-facet-item" style="margin-bottom:${facetItemSpacing}${selectedFacetBgColor}">
            $endecUtil.escapeXML($customSort.name)
         #else
         <li class="$facetValueClass env-m-left--0 env-p-left--0 sv-search-facet-item sv-search-facet-item-selected" style="margin-bottom:${facetItemSpacing}">
            #set ($ajaxSortClick = $updateResultFunctionName + '("' + $customSort.sortQueryParams + '",true); return false;')
            $facetLinkRenderer.setOnclick("$ajaxSortClick")
            $facetLinkRenderer.setStringTarget($customSort.sortURL)
            $facetLinkRenderer.setText($customSort.name)
            $facetLinkRenderer.render()
         #end
         </li>
      #end
      </ul>
   </div>
#end
   
#if ($searchResult.facetFields)
   #set ($hasSelected = false)
   #foreach ($facetField in $searchResult.facetFields)

   <div class="searchResult__facet">
      #set ($firstValueForField = true)

      #foreach ($facetValue in $facetField.facetValues)
         #if ($scriptUtil.isNotBlank(${facetValue.name}))
            #if ($facetValue.count > 0)
               #if ($firstValueForField)
                  <p class="searchResult__facet__name">
                     $endecUtil.escapeXML($facetField.name)
      				</p>
                  <ul class="sv-defaultlist-noleft env-m-top--0 sv-search-facet-items">
                  #set ($firstValueForField = false)
               #end

               <li class="$facetValueClass sv-noleft searchResult__facet__item" style="margin-bottom:${facetItemSpacing}">
                  #set ($ajaxFacetClick = $updateResultFunctionName + '("' + $facetValue.filterQueryParams + '",true); return false;')
                  $facetLinkRenderer.setOnclick("$ajaxFacetClick")
                  $facetLinkRenderer.setStringTarget($facetValue.filterURL)
                  $facetLinkRenderer.setText("${facetValue.name}")
                  
                  #if ($facetValue.isSelected())
                   	$facetLinkRenderer.setFontClass("linkBox linkBox--checked")
                  	#set ($hasSelected = true)
                  #else
                   	$facetLinkRenderer.setFontClass("linkBox")
                  #end
                  
                  $facetLinkRenderer.render() <div class="aktiv">$facetValue.count</div>
               </li>
            #elseif (!$hideEmptyFacetValue)
               #if ($firstValueForField)
                  <p class="$facetNameClass sv-search-facet-name" style="margin-bottom:${facetItemSpacing}">$endecUtil.escapeXML($facetField.name)</p>
                  <ul class="sv-defaultlist-noleft sv-notopmargin sv-search-facet-items">
                  #set ($firstValueForField = false)
               #end
               <li class="$facetValueClass sv-noleft searchResult__facet__item" style="margin-bottom:${facetItemSpacing}">
                  $endecUtil.escapeXML($facetValue.name) <div class="ejaktiv">$facetValue.count</div>
               </li>
            #end
         #end
      #end
      #if (!$firstValueForField)

         </ul>
      #end           
   </div>
   #end
   #if ($hasSelected)
      
#set ($searchInputId = $portletContextUtil.getPortletNamespace('search'))
      <div class="env-form-element">
         #set($func = '$svjq("#'+$searchInputId+'").val("");toggleResetBtn();window.location.hash = "#query" ;')
         #set ($ajaxFacetClick = $func + $updateResultFunctionName +'("*'  + '",true); return false;') 
         $facetLinkRenderer.setOnclick("$ajaxFacetClick")
         $facetLinkRenderer.setText('Rensa filter')
         $facetLinkRenderer.setStringTarget($propertyUtil.getString($portlet, "ajaxQueryBaseURL"))    
         $facetLinkRenderer.setFontClass('env-button env-button--primary news-filter__reset-button')
         $facetLinkRenderer.render()
      </div>
    #end
#end
</div>