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

{% block content %}
<div class="row row-cols-3">
    {% for distributeur in distributeurs %}
        <div class="col col-md-auto">
            <div class="card text-center " style="width: 20rem; margin-top:5%; margin-bottom:5%;">
                <div class="card-header">
                    <h5>Client : {{distributeur.client}}</h5>
                </div>
            <div class="card-body">
               <p>ID :  {{distributeur.idMachine}}</p>
                <p>Type de la machine :{{distributeur.type}}</p>
            </div>
                <div class="card-footer text-muted">
                    <a href="#" class="btn btn-info">Accéder à la page</a>
                </div>
            </div>
        </div>
        
        
        
    {% endfor %}
</div>
{% endblock content %}