<!-- Filter -->
<div class="filter">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="filter_inner">
                <div class="filter_grid">
                    <div class="filter_grid_item is_title">
                        <h2 class="filter_grid_title">
                            Filter Bar
                        </h2>
                    </div>

                    <div class="filter_grid_item is_tools">
                        <form action="#" method="POST" class="support_finder_form is_type_listing">
                            <div class="support_finder_form_header">
                                <h3 class="support_finder_form_title">
                                    How can we Help Support You?
                                </h3>
                            </div>

                            <div class="support_finder_form_rows">
                                <div class="support_finder_form_row">
                                    <label class="support_finder_form_label">
                                        <div class="support_finder_form_label_text">
                                            I want to learn more about
                                        </div>

                                        <div class="support_finder_form_content">
                                            <div class="support_finder_form_select_wrap">
                                                <select class="support_finder_select" name="learn_about">
                                                    <option value="" selected>All Types</option>
                                                    <option value="Sexual Orientation">Sexual Orientation</option>
                                                    <option value="Adipisicing irure occaecat">Adipisicing irure occaecat</option>
                                                    <option value="Adipisicing enim">Adipisicing enim</option>
                                                </select>
                                                <span class="support_finder_form_select_icon">
                                                    <svg class="icon icon_expand">
                                                        <use href="/images/icons.svg#expand" />
                                                    </svg>
                                                </span>
                                            </div>
                                        </div>
                                    </label>
                                </div>

                                <div class="support_finder_form_row">
                                    <fieldset class="support_finder_form_fieldset">
                                        <legend class="support_finder_form_legend">
                                            <div class="support_finder_form_label">
                                                <div class="support_finder_form_label_text">
                                                    For
                                                </div>
                                            </div>
                                        </legend>

                                        <div class="support_finder_form_content">
                                            <div class="support_finder_form_checkbox_list">
                                                <label class="support_finder_form_checkbox_list_item">
                                                    <input type="checkbox" class="support_finder_form_checkbox_list_input" name="for" value="Undergrad Students">
                                                    <span class="support_finder_form_checkbox_list_label">Undergrad Students</span>
                                                </label>
                                                <label class="support_finder_form_checkbox_list_item">
                                                    <input type="checkbox" class="support_finder_form_checkbox_list_input" name="for" value="Grad Students">
                                                    <span class="support_finder_form_checkbox_list_label">Grad Students</span>
                                                </label>
                                                <label class="support_finder_form_checkbox_list_item">
                                                    <input type="checkbox" class="support_finder_form_checkbox_list_input" name="for" value="Faculty & Staff">
                                                    <span class="support_finder_form_checkbox_list_label">Faculty & Staff</span>
                                                </label>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>

                                <div class="support_finder_form_row">
                                    <fieldset class="support_finder_form_fieldset">
                                        <legend class="support_finder_form_legend">
                                            <div class="support_finder_form_label">
                                                <div class="support_finder_form_label_text">
                                                    Show me
                                                </div>
                                            </div>
                                        </legend>

                                        <div class="support_finder_form_content">
                                            <div class="support_finder_form_checkbox_list">
                                                <label class="support_finder_form_checkbox_list_item">
                                                    <input type="checkbox" class="support_finder_form_checkbox_list_input" name="show_me" value="Educational Resources">
                                                    <span class="support_finder_form_checkbox_list_label">Educational Resources</span>
                                                </label>
                                                <label class="support_finder_form_checkbox_list_item">
                                                    <input type="checkbox" class="support_finder_form_checkbox_list_input" name="show_me" value="Programs & Initiatives">
                                                    <span class="support_finder_form_checkbox_list_label">Programs & Initiatives</span>
                                                </label>
                                                <label class="support_finder_form_checkbox_list_item">
                                                    <input type="checkbox" class="support_finder_form_checkbox_list_input" name="show_me" value="Events">
                                                    <span class="support_finder_form_checkbox_list_label">Events</span>
                                                </label>
                                                <label class="support_finder_form_checkbox_list_item">
                                                    <input type="checkbox" class="support_finder_form_checkbox_list_input" name="show_me" value="Offices & Organizations">
                                                    <span class="support_finder_form_checkbox_list_label">Offices & Organizations</span>
                                                </label>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>

                                <div class="support_finder_form_row is_submit">
                                    <div class="support_finder_form_submit_wrap">
                                        <div class="support_finder_form_submit_wrap_item is_submit">
                                            <button type="submit" class="button_link">
                                                <span class="button_link_inner">
                                                    <span class="button_link_label">
                                                        Show Me Results
                                                    </span>
                                                </span>
                                            </button>
                                        </div>

                                        <div class="support_finder_form_submit_wrap_item is_reset">
                                            <input type="reset" class="support_finder_form_reset_btn" value="Reset Selections">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- END: 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="fs-row">
		<div class="fs-cell">
			<div class="filter_inner">
				<div class="filter_grid">
					<div class="filter_grid_item is_title">
						<h2 class="filter_grid_title">
							{{ title }}
						</h2>
					</div>

					<div class="filter_grid_item is_tools">
						{% render "@partial-support-finder-form" with {
							type: "listing"
						} %}
					</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 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>
<!-- END: Filter -->

No notes defined.