{config_load file="$language/lang_$language.conf" section="filter"}
{config_load file="lang_`$language`.custom"}
{config_load file="lang_`$language`.section" section="filter"}

<div class="listing_filter">
  <div class="listing_filter_header">
    <div class="listing_filter_toggle">
      <div id="toggle_filter" title="{if count($FILTER_TAG) < 1 && $FILTER_MANUFACTURER != ''}{#listing_text_filter_sort#}{elseif count($FILTER_TAG) > 0}{#listing_text_filter_sort#}{else}{#listing_text_sort#}{/if}"><i class="fa-solid fa-filter"></i>
        <span class="toggle_filter_text">{if count($FILTER_TAG) < 1 && $FILTER_MANUFACTURER != ''}{#listing_text_filter_sort#}{elseif count($FILTER_TAG) > 0}{#listing_text_filter_sort#}{else}{#listing_text_sort#}{/if}</span>
      </div>
    </div>

    <div class="listing_filter_icon_reset">
      <a rel="nofollow" class="tags_bar_reset" href="{$LINK_FILTER_RESET}" title="{#text_filter_reset#}"><i class="fa-solid fa-filter-circle-xmark"></i></a>
    </div>

    <div class="listing_filter_icon"><a rel="nofollow" class="view_box{if $smarty.const.PRODUCT_LIST_BOX == 'true'} active{/if}" href="{$LINK_DISPLAY_BOX}" title="{#listing_boxview#}"><i class="fa-solid fa-table-cells"></i></a></div>
    <div class="listing_filter_icon"><a rel="nofollow" class="view_list{if $smarty.const.PRODUCT_LIST_BOX != 'true'} active{/if}" href="{$LINK_DISPLAY_LIST}" title="{#listing_listview#}"><i class="fa-solid fa-table-list"></i></a></div>
  </div>

  <div class="toggle_filter">
    <div class="toggle_closer"><i class="fa-solid fa-xmark"></i></div>
    <div class="toggle_headline">
      {if count($FILTER_TAG) < 1 && $FILTER_MANUFACTURER != ''}{#listing_text_filter_sort#}{elseif count($FILTER_TAG) > 0}{#listing_text_filter_sort#}{else}{#listing_text_sort#}{/if}
    </div>

    <div class="filter_bar cf">
      <div class="sort_bar cf">
        <div class="sort_bar_row cf">
          <div class="sort_bar_item">{$FILTER_SORT}</div>
          <div class="sort_bar_item">{$FILTER_SET}</div>
        </div>
      </div>

      {if count($FILTER_TAG) < 1 && $FILTER_MANUFACTURER != ''}
        <div class="tags_bar">
          <div class="tags_bar_headline cf">
            {#text_filter_options#}
            <a rel="nofollow" class="tags_bar_reset" href="{$LINK_FILTER_RESET}" title="{#text_filter_reset#}">{#text_filter_reset#}</a>
          </div>
          <div class="tags_bar_row cf">
            {if $FILTER_MANUFACTURER != ''}<div class="tags_bar_item">{$FILTER_MANUFACTURER}</div>{/if}
          </div>
        </div>      
      {/if}

      {if count($FILTER_TAG) > 0}
        <div class="tags_bar">
          <div class="tags_bar_headline cf">
            {#text_filter_options#}
            <a rel="nofollow" class="tags_bar_reset" href="{$LINK_FILTER_RESET}" title="{#text_filter_reset#}">{#text_filter_reset#}</a>
          </div>
          <div class="tags_bar_row cf">
            {if $FILTER_MANUFACTURER != ''}<div class="tags_bar_item">{$FILTER_MANUFACTURER}</div>{/if}
            {foreach name=aussen item=filter from=$FILTER_TAG}
              <div class="tags_bar_item">{$filter}</div>
            {/foreach}
          </div>
        </div>
      {/if}
    </div>

  </div>
</div>

{if isset($FILTER_SELECTED) && count($FILTER_SELECTED) > 0}
  <div class="listing_filter_selected">
  {foreach name=aussen item=filter_data from=$FILTER_SELECTED}
    <div class="listing_filter_selected_item"><a rel="nofollow" class="tags_bar_reset_item" title="{#listing_filter_text_delete#}" href="{$filter_data.LINK}"><span>{$filter_data.NAME}</span></a></div>
  {/foreach}
  </div>
{/if}