{% 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>
                <a href="{{ path('etatstock_index') }}">Etat de stock</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">
                <i class="icon-settings"></i>
                <span class="caption-subject">STOCK NEGATIF ({{ produits|length }})</span>
            </div>
            <div class="actions">
                <button type="button" class="btn white hidden-print" onclick="javascript:window.print();"><i class="fa fa-print"></i> Imprimer </button>
                <button type="button" class="btn white hidden-print" onClick="exportTableToExcel('liste-inventaire', 'STOCK ERRONEE')"><i class="fa fa-download"></i> Exporter</button>
            </div>
        </div>

        <div class="portlet-body">
            {% if produits|length > 0 %}
            <div class="table-responsive">
                <table class="table table-striped table-hover" id='liste-inventaire'>
                    <thead>
                        <tr>
                            <th scope="col">EMP</th>
                            <th scope="col">REF</th>
                            <th scope="col">DESIGNATION</th>
                            <th scope="col">QTT</th>
                            <th scope="col">PU</th>
                            <th scope="col">TOTAL</th>
                            <th scope="col"></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for produit in produits %}
                        <tr>
                            <td>{{ produit.emplacement }}</td>
                            <td>
                                {{ produit.reference }}
                            </td>
                            <td>{{ produit.titre }}</td>
                            <td>{{ produit.quantiteStock|number_format(2, ',', ' ') }}</td>
                            <td>{{ produit.prixAchat|number_format(2, ',', ' ') }}</td>
                            <td>{{ (produit.prixAchat*produit.quantiteStock)|number_format(2, ',', ' ') }}</td>
                            <td class='text-right hidden-print'>
                              <div class="btn-group pull-right">
                                <button class="btn btn-xs default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Actions <i class="fa fa-angle-down"></i></button>
                                <ul class="dropdown-menu pull-right">
                                  <li><a href="{{ path('produit_show', { 'id': produit.id }) }}" target="_blank"><i class="fa fa-mail-forward"></i> Détails</a></li>
                                </ul>
                              </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="ka-empty-state" id="stocknegatif-empty-hint">
                <div style="font-size:36px;color:#9aa0a6;line-height:1;margin-bottom:6px;"><i class="fa fa-file-o"></i></div>
                <h4 style="margin-top:0;">Aucun produit</h4>
                <p class="ka-muted">Aucun article avec stock négatif.</p>
            </div>
            {% endif %}
        </div>
    </div>


    
{% endblock %}