Filter

{#
	{% include '@partial-filter' with {
		label: 'Directory',
		active: 'search',
		action_category: '#',
		action_search: '#',
		tools: [
			{
				label: 'Category',
				options: [
					{
						label: 'All Categories',
						label: true
					}
				]
			}
		],
		search_placeholder: 'Placeholder',
		results: '',
		category: ''
	} %}
#}
<!-- Filter -->
<div class="filter {{ full_width|default(false) ? 'filter_full_width' }}">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="filter_inner">
				<div class="filter_grid">
					{% if title %}
						<div class="filter_grid_item is_title">
							<h2 class="filter_grid_title">
								{{ title }}
							</h2>
						</div>
					{% endif %}

					<div class="filter_grid_item is_tools">
						<form class="filter_tools" action="{{ action_category }}" method="get">
							{% for tool in tools %}
								{% if tool.search %}
									<div class="filter_tool filter_tool_search">
										<label class="filter_label filter_label_search" for="filter_tool_label_{{ loop.index }}">{{ tool.label }}</label>
										<div class="filter_tool_search_wrapper">
											<span class="filter_tool_search_icon">{{ icon('search') }}</span>
											<input type="text" id="filter_tool_label_{{ loop.index }}" class="filter_tool_search_input">
										</div>
									</div>
								{% else %}
									<div class="filter_tool">
										<label class="filter_label" for="filter_tool_label_{{ loop.index }}">{{ tool.label }}</label>
										<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>
									</div>
								{% endif %}
							{% endfor %}
							<div class="filter_tool filter_tool_submit_wrapper">
								<button class="filter_tools_submit" type="submit">Submit</button>
							</div>
						</form>
					</div>
				</div>

				{% if results != '' %}
					<div class="filter_results">
						<p class="filter_results_description">
							<span class="filter_results_label">{{ results }} Results found for:</span>
							<span class="filter_results_category">{{ category }}</span>
						</p>
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</div>
<!-- END: Filter -->