{% extends 'admin/layout.html.twig' %}

{% block content %}
	<div class="page-section">
		<div class="page-title">
			<h1>Les distributeurs</h1>
			{# Fonction recherche distributeur #}
		</div>

		<div class="row row-cols-4 justify-content-center">
			{% for distributeur in distributeurs %}
				<div class="distrib-box border border-7 p-0 mr-5 mb-5">
					<div class="col col-distrib-box p-0">
						<div class="distrib-box-title p-1">
							<h5 class="text-center">{{distributeur.client.codeClient}}
								-
								{{distributeur.client.enseigne}}</h5>
						</div>
						<div class="distrib-box-body p-1">
						<div class="row m-1">
							<div class="col d-flex flex-column">
								<span>
									<i class="fas fa-thermometer-half"></i>
									{{distributeur.type}}</span>
								<span>
									<i class="fas fa-key"></i>
									{{distributeur.code}}</span>
								<span>
									<i class="fas fa-map-pin"></i>
									{{distributeur.City}}</span>
							</div>
							<div class="col-0 d-flex align-items-center">

								<div class="box-distrib-link text-center p-2">
									<a name="" id="" class="btn btn-info" href="{{ path('admin_view_distributeur',{'id': distributeur.id }) }}" role="button">
										<i class="fas fa-eye"></i>
									</a>
								</div>
							</div>
						
						</div>

						</div>

					</div>
				</div>
			{% endfor %}
		</div>

	</div>
{% endblock content %}