{% extends "base_frontoffice.html" %}

{% block content %}



<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center">
        <h4>LISTE INVENTAIRE</h4>
        
    </div>
    <div class="d-flex justify-content-between align-items-center no-print">
    <a class="btn btn-outline-info mx-1 btn-sm" href="/inventaire/new">NOUVEAU</a>
    </div>
    <!-- Article Table -->
    <div class="table-responsive mt-4">
        <table class="table table-sm align-items-center justify-content-center mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>DATE</th>
                    <th>INVENTORISTE</th>
                    <th>COMMENTAIRE</th>
                    <th>ACTION</th>
                </tr>
            </thead>
            <tbody>
                {% for inv in all_inventaire %}
                <tr>
                    <td>{{ loop.index }}</td>
                    <td>{{ inv.date_str }}</td>
                    <td>{{ inv.fait_par }}</td>
                    <td>{{ inv.commentaire }}</td>
                    <td><span class="d-flex">
                        <a class="btn btn-outline-info mx-1 btn-sm" href="/inventaire/detail?id={{inv.id}}">DETAIL</a>
                    </span>
                    </td>

                </tr>
              
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>


{% endblock %}