<?php

$display_resource_type_filter = ! empty( get_field( 'display_resource_type_filter') );
$display_category_filter = ! empty( get_field( 'display_category_filter') );
$display_search_bar = ! empty( get_field( 'display_search_bar') );

?>
<div class="layout-default">
	<?php if ( $display_resource_type_filter || $display_category_filter || $display_search_bar ) : ?>
		<div class="bw-filter-section">
			<div class="bw-filter-images">
				<img src="/wp-content/uploads/emblem_cf.png" />
			</div>
			<div class="bw-filter-fields">
				<?php if ( $display_search_bar ) : ?>
					<div>
						<label>
							Search by keyword in the box below. Use the filter on the left to browse.
							<div class="bw-search-field">
								<input class="bw-filter" data-filter-search />
								<button type="button" data-filter-button>
									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
								</button>
							</div>
						</label>
					</div>
				<?php endif; ?>
				<?php if ( $display_resource_type_filter || $display_category_filter ) : ?>
					<div class="bw-filters">
						<?php if ( $display_resource_type_filter ) : ?>
							<?php
								$taxonomy = 'resource-type';
								$terms = get_terms(array('taxonomy' => $taxonomy));

								$selected = $taxonomy === $filter_tax ? $filter_term : "";
							?>
							<label>
								Filter by Resource Type
								<select class="bw-filter" data-filter-taxonomy="<?php echo $taxonomy; ?>">
									<option <?php if (empty($selected))  echo 'selected'; ?> value="">Any</option>
									<?php foreach ($terms as $term) : ?>
										<option <?php if ($selected == $term->term_id )  echo 'selected'; ?> value="<?php echo $term->term_id; ?>"><?php echo $term->name; ?></option>
									<?php endforeach; ?>
								</select>
							</label>
						<?php endif; ?>

						<?php if ( $display_category_filter ) : ?>
							<?php
								$taxonomy = 'category';
								$terms = get_terms(array('taxonomy' => $taxonomy));

								$selected = $taxonomy === $filter_tax ? $filter_term : "";
							?>
							<label>
								Filter by Category
								<select class="bw-filter" data-filter-taxonomy="<?php echo $taxonomy; ?>">
									<option <?php if (empty($selected))  echo 'selected'; ?> value="">Any</option>
									<?php foreach ($terms as $term) : ?>
										<option <?php if ($selected == $term->term_id )  echo 'selected'; ?> value="<?php echo $term->term_id; ?>"><?php echo $term->name; ?></option>
									<?php endforeach; ?>
								</select>
							</label>
						<?php endif; ?>
					</div>
				<?php endif; ?>
			</div>
		</div>
	<?php endif; ?>

	<div data-grid-items class="bw-items">
		<div class="grid-sizer"></div>
		<?php echo $posts ?>
	</div>
	<div class="bw-footer">
		<button type="button" data-show-more class="bw-show-more" href="javascript:void(0);">Show More Posts</button>
	</div>
</div>
