{% extends 'base.html.twig' %}

{% block title %}ManiEduc | Inventaire
{% endblock %}

{% block content %}
	<div class="container mt-4">
		<div class="row">

			<div class="col-md-4">
				<div class="test">

					<h3>
						<span class="d-block">Inventaire de</span>

						{% if inventories|length >= 2 %}
							<span class="white">mes équipes</span>
						{% else %}
							<span class="white">mon équipe</span>
						{% endif %}
					</h3>
				</div>

			</div>
			<div class="col-md-8">
				{% for inventory in inventories %}
					<button class="cstm-btn" data-toggle="collapse" data-target="#{{inventory.category.collapse}}">{{ inventory.category.name }}</button>
					<div id="{{ inventory.category.collapse }}" class="collapse contain-mini">
						<div class="mini-box">
							<img src="{{ asset('assets/images/bllon.svg') }}" alt="icon ballon foot">
							<h2>{{ inventory.ballons }}</h2>

							<span class="type-inventory">Ballons</span>
						</div>
						<div class="mini-box">
							<img src="{{ asset('assets/images/chasuble.svg') }}" alt="icon chasuble foot">
							<h2>{{ inventory.chasubles }}</h2>
							<span class="type-inventory">Chasubles
							</span>(jeux)</div>
						<div class="mini-box">
							<img src="{{ asset('assets/images/maillotfoot.svg') }}" alt="icon maillot foot">
							<h2>{{ inventory.maillots }}</h2>
							<span class="type-inventory">Maillots
							</span>(jeux)</div>
						<div class="mini-box">
							<img src="{{ asset('assets/images/pharmacie.svg') }}" alt="icon pharmacie">
							<h2>{{ inventory.pharmacie }}</h2>
							<span class="type-inventory">Trousse pharmacie</span>
						</div>
						<a href="{{ path('inventory_edit', {"id": inventory.id}) }}"><img src="{{ asset('assets/images/editer.svg') }}" alt="editer">Editer</a>
					</div>
				{% endfor %}
			</div>
		</div>


	</div>


{% endblock %}