{% macro drop(label) %}
	{% let drops = drop.drops(label) %}
	{% if drops.len() > 0 %}
		<div
			class="category-wrapper"
			data-mat-kind="{{ drop.category.get_category(game) }}"
			data-mat-type="{{ label }}"
		>
			<div class="category">
				<img
					src="../public/assets/materials/{{ drop.texture(game) }}.webp"
					width="64"
					height="64"
				/>
				<h1>{{ drop.name }}</h1>
				<button onclick="track(this)">Start tracking</button>
			</div>
			<div class="enemies">
				{% for drop in drops %}
					<div class="enemy">
						<div class="drop">
							<div
								style="background-image: url('../public/assets/enemies/{{ drop.texture() }}.webp');"
							></div>
							<span>{{ drop.from +}}</span>
							<span>{{+ drop.chance }}</span>
						</div>
						<div class="worlds">
							{% for spawn in drop.spawns %}
								{% if spawn.rooms.len() > 0 %}
									{% for room in spawn.rooms %}
										<div>
											<img
												src="../public/assets/worlds/{{ spawn.texture() }}.webp"
												width="64"
												height="64"
											/>
											<p>
												{{ spawn.name +}} - {{+ room }}
											</p>
										</div>
									{% endfor %}
								{% else %}
									<div>
										<img
											src="../public/assets/worlds/{{ spawn.texture() }}.webp"
											width="64"
											height="64"
										/>
										<p>{{ spawn.name }}</p>
									</div>
								{% endif %}
							{% endfor %}
						</div>
					</div>
				{% endfor %}
			</div>
		</div>
	{% endif %}
{% endmacro %}