Filter

{#
	{% include '@partial-filter' with {
		label: 'Directory',
		action_category: '#',
		tools: [
			{
				label: 'Category',
				options: [
					{
						label: 'All Categories',
						label: true
					}
				]
			}
		],
		search_placeholder: 'Placeholder',
		results: '',
		category: ''
	} %}
#}

<!-- Filter -->
<div class="filter theme_{{ theme|default('default') }}">
	<div class="filter_wrap">
		<div class="fs-row">
			<div class="fs-cell fs-xl-11 fs-xl-justify-center">
				<div class="filter_inner">
					<form class="filter_tools" action="{{ action_category }}" method="get">
						<div class="filter_tool">
							<label class="filter_tool_label" for="filter_tool_search_input">Search</label>
							<div class="filter_tool_search_wrapper">
								<input class="filter_tool_search_input" id="filter_tool_search_input" placeholder="{{ search_placeholder }}" type="search">
								<span class="filter_tool_search_icon">{{ icon('search') }}</span>
							</div>
						</div>
						{% for tool in tools %}
							<div class="filter_tool is_type_{{ tool.type|default('select') }}">
								<label class="filter_tool_label" for="filter_tool_label_{{ loop.index }}">{{ tool.label }}</label>
								
								{% if tool.type == "date" %}
									<div class="filter_tool_date_wrapper">
										<input type="date" class="filter_tool_date_input" value="{{ 'now'|date('Y-m-d') }}" id="filter_tool_label_{{ loop.index }}">
									</div>
								{% else %}
									<div class="filter_tool_select_wrapper">
										<select class="filter_tool_select" id="filter_tool_label_{{ loop.index }}">
											{% for option in tool.options %}
												<option value="{{ option.label }}"{% if option.selected == true %} selected{% endif %}>{{ option.label }}</option>
											{% endfor %}
										</select>
										{# <span class="filter_tool_select_icon">{{ icon('expand') }}</span> #}
									</div>
								{% endif %}
							</div>
						{% endfor %}
						<div class="filter_tool">
							<button class="filter_tool_submit" type="submit">
								<span class="filter_tool_submit_inner">
									<span class="filter_tool_submit_label">Submit</span>
									<span class="filter_tool_submit_icon">{{ icon("arrow_right") }}</span>
								</span>
							</button>
						</div>
					</form>
					{% if results != '' %}
						<div class="filter_results">
							<p class="filter_results_description">
								<span class="filter_results_label">Showing <strong>{{ results }}</strong> Results found for:</span>
								<span class="filter_results_category">{{ category }}</span>
							</p>
							<div class="filter_results_action">
								{% include '@partial-link' with {
									class: 'filter_results_reset',
									title: 'Reset',
									url: 'page-news-listing.html',
									icon: 'reset'
								} %}
							</div>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Filter -->