#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)
#set ($endecUtil = $sitevisionUtils.endecUtil)


## Facetter

#if ($searchResult.facetFields)
<div class="tlv-facet-toggle">
   #foreach ($facetField in $searchResult.facetFields)
      <button class="$facetNameClass tlv-facet-toggle__btn js-facet-toggle" data-index="$foreach.count" data-name="$endecUtil.escapeXML($facetField.name)" style="" aria-expanded="false">$endecUtil.escapeXML($facetField.name)
         <i class="fa fa-chevron-down"></i>
      </button>
   #end
</div>
#end
   
#if ($searchResult.facetFields)
<div class="tlv-facet-selected-list">
   #foreach ($facetField in $searchResult.facetFields)
      #foreach ($facetValue in $facetField.facetValues)     
         #if ($scriptUtil.isNotBlank(${facetValue.name}))
            #if ($facetValue.count > 0)
               #if ($facetValue.isSelected())
               <span class="$selectedFacetValueClass sv-noleft tlv-facet-selected-list__item" style="${selectedFacetBgColor} margin-right: 15px;">
                  #set ($ajaxFacetClick = $updateResultFunctionName + '("' + $facetValue.filterQueryParams + '",true); return false;')
                  $facetLinkRenderer.setOnclick("$ajaxFacetClick")
                  $facetLinkRenderer.setStringTarget($facetValue.filterURL)
                  $facetLinkRenderer.setText($facetValue.name)
                  $facetLinkRenderer.render() 
               </span>
            	#end
         	#end           
      	#end
   	#end
  	#end
</div>
#end
   
#if ($searchResult.facetFields)
   #foreach ($facetField in $searchResult.facetFields)
   <div class="tlv-facet-wrapper js-facet-wrapper" data-index="$foreach.count" data-facet-name="$endecUtil.escapeXML($facetField.name)" aria-hidden="true">
      #set ($firstValueForField = true)
      #foreach ($facetValue in $facetField.facetValues)
         #if ($facetField.name == "Utgivningsår")
         #set ($index = $facetField.facetValues.size() - $foreach.count)
         #set ($facetValue = $facetField.facetValues.toArray()[$index])
         #end
         #if ($scriptUtil.isNotBlank(${facetValue.name}))
            #if ($facetValue.count > 0)
               #if ($firstValueForField)
                  <p class="$facetNameClass tlv-facet-list-header" style="margin-bottom:${facetItemSpacing}">$endecUtil.escapeXML($facetField.name)</p>
                  <ul class="sv-defaultlist-noleft sv-notopmargin tlv-facet-list js-facet-list">
                  #set ($firstValueForField = false)
               #end
               #if ($facetValue.isSelected())
               <li class="$selectedFacetValueClass sv-noleft tlv-facet-list__item tlv-facet-list__item--selected" style="margin-bottom:${facetItemSpacing}${selectedFacetBgColor}">
               #else
               <li class="$facetValueClass sv-noleft tlv-facet-list__item" style="margin-bottom:${facetItemSpacing}">
               #end
                  #set ($ajaxFacetClick = $updateResultFunctionName + '("' + $facetValue.filterQueryParams + '",true); return false;')
                  $facetLinkRenderer.setOnclick("$ajaxFacetClick")
                  $facetLinkRenderer.setStringTarget($facetValue.filterURL)
                  $facetLinkRenderer.setText($facetValue.name)
                  $facetLinkRenderer.render() 
                  <span>$facetValue.count</span>
               </li>
            #elseif (!$hideEmptyFacetValue)
               #if ($firstValueForField)
                  <p class="$facetNameClass tlv-facet-list-header" style="margin-bottom:${facetItemSpacing}">$endecUtil.escapeXML($facetField.name)</p>
                  <ul class="sv-defaultlist-noleft sv-notopmargin tlv-search-facet-items">
                  #set ($firstValueForField = false)
               #end
               <li class="$facetValueClass sv-noleft tlv-facet-list__item tlv-facet-list__item--empty" style="margin-bottom:${facetItemSpacing}">
                  <span>$endecUtil.escapeXML($facetValue.name)</span>
                  <span>$facetValue.count</span>
               </li>
            #end
         #end
      #end
      #if (!$firstValueForField)
         </ul>
      #end
   </div>
   #end
#end
</div>