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">
	<div class="filter_body">
		{% if search %}
			<form class="filter_search" action="{{ action_search }}" method="get">
				<label class="filter_label" for="filter_search_input">Search</label>
				<div class="filter_search_form">
					<input class="filter_search_input" id="filter_search_input" type="search" placeholder="{{ search_placeholder }}">
					<button class="filter_search_submit" type="submit">
						<span class="filter_search_submit_label">Submit</span>
						<span class="filter_search_submit_icon">{{ icon('search') }}</span>
					</button>
				</div>
			</form>
		{% endif %}
		<form class="filter_tools" action="{{ action_category }}" method="get">
			{% for tool in tools %}
				<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('chevron_down') }}</span>
					</div>
				</div>
			{% endfor %}
			{% if date %}
				<div class="filter_tool">
					<label class="filter_label" for="filter_tool_label_date">Date</label>
					<div class="filter_tool_date_wrapper">
						<input class="filter_tool_date" type="date" id="date" name="date" placeholder="All Dates" />
					</div>
				</div>
			{% endif %}
			<div class="filter_tool">
				<button class="filter_tools_submit" type="submit">
					<span class="filter_tools_submit_inner">
						<span class="filter_tools_submit_label">Show Results</span>
					</span>
				</button>
			</div>
		</form>
	</div>
</div>
<!-- END: Filter -->