<div class="tracked-filter">
	<input
		type="checkbox"
		id="onlyTracked"
		name="onlyTracked"
		autocomplete="off"
		value=""
	/>
	<label for="onlyTracked">Show only tracked</label>
</div>

<div class="material-filters">
	{% for kind in data.material_kinds %}
		<div style="flex: 0 1 {{+ data.get_filter_len() }}px;">
			<input
				type="checkbox"
				id="{{ kind }}Filter"
				name="kindFilter"
				autocomplete="off"
				value="{{ kind }}"
			/>
			<label for="{{ kind }}Filter">{{ kind|capitalize }}</label>
		</div>
	{% endfor %}
</div>
<br />

{% for drop in data.drops %}
	{% call drops_macros::drop("shard") %}
	{% call drops_macros::drop("stone") %}
	{% call drops_macros::drop("gem") %}
	{% call drops_macros::drop("crystal") %}
{% endfor %}
