{% macro drop(label) %}
	{% let drops = drop.drops(label) %}
	{% if drops.len() > 0 %}
		<div
			class="category-wrapper"
			data-mat-kind="{{ drop.category.get_category(data.game) }}"
			data-mat-type="{{ label }}"
		>
			<div class="category">
				<img
					src="../public/assets/materials/{{ drop.texture(data.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(data.game) }}.webp');"
							></div>
							<span>{{ drop.from +}}</span>
							<span>{{+ drop.chance }}</span>
						</div>
						<div class="worlds">
							{% for spawn in drop.spawns %}
								<div>
									<div
										class="icon"
										style="background-image: url('../public/assets/worlds/{{ spawn.texture(data.game) }}.webp');"
									></div>
									<div class="info">
										<p>{{ spawn.name }}</p>
										<ul>
											{% for room in spawn.rooms %}
												<li>{{+ room }}</li>
											{% endfor %}
										</ul>
									</div>
								</div>
							{% endfor %}
						</div>
					</div>
				{% endfor %}
			</div>
		</div>
	{% endif %}
{% endmacro %}
