{% macro drop(label) %}
	<div
		class="category-wrapper"
		data-mat-kind="{{ category.kind }}"
		data-mat-type="{{ label }}"
	>
		<div class="category">
			<img
				src="../assets/materials/{{ category.kind }}/{{ label }}.webp"
				width="64"
				height="64"
			/>
			<h1>{{ category.kind|capitalize +}} {{+ label|capitalize }}</h1>
			<button onclick="track(this)">Start tracking</button>
		</div>
		<div class="enemies">
			{% for drop in category.drops(label) %}
				<div class="drop">
					<div
						style="background-image: url('../assets/enemies/{{ drop.texture() }}.webp');"
					></div>
					<span>{{ drop.from +}}</span>
					<span>{{+ drop.chance }}%</span>
				</div>
			{% endfor %}
		</div>
	</div>
{% endmacro %}
