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

{% block body %}

    <!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Stock négatif</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                Liste des produits manquants
			</div>
			<div class="actions">
				<a class="btn white" onclick="javascript:window.print();"><i class="fa fa-print"></i> Imprimer la liste </a>
			</div>
        </div>
        <div class="portlet-body">
            <div class="table-responsive">

                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Produit</th>
                            <th>Quantitée</th>
                        </tr>
                    </thead>
                    <tbody id="ventes-liste">
                    {% for vente in ventes %}
                        <tr>
							<td>{{ vente.titre }}</td>
                            <td>{{ vente.quantite }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
			</table>
		</div>
	</div>
</div>

{% endblock %}