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

{% block stylesheets %}
	<link rel="stylesheet" href="{{asset('css/tables.css')}}">
{% endblock %}
{% block body %}

	<h2 class="text-center">Cas par Wilaya en algérie
	</h2>
	<br>

	<div class="limiter">
		<div class="container-table100">
			<div class="wrap-table100">
				<div class="table">

					<div class="row header">
						<div class="cell">
							Wilaya
						</div>
						<div class="cell">
							Nombre de cas
						</div>
						<div class="cell">
							Rétablis
						</div>
						<div class="cell">
							Décés
						</div>
					</div>
					{% for wilaya in wilayas %}
						<div class="row">
							<div class="cell" data-title="Wilaya">
								{{wilaya.name}}
							</div>
							<div class="cell" data-title="Nombre de cas">
								{{wilaya.cases}}
							</div>
							<div class="cell" data-title="Rétablis">
								{{wilaya.recovered}}
							</div>
							<div class="cell" data-title="Décédés">
								{{wilaya.deaths}}
							</div>
						</div>
					{% endfor %}


				</div>
			</div>
		</div>
	</div>

{% endblock %}