{% extends 'menuback.html.twig' %}
{% block stylesheets %} 
   {{parent()}}

      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/datatables.min.css') }}">
      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
 
 {% endblock %}

{% block body %}
    <div class="main-content">
        <section class="section">
          <div class="section-body">
            <div class="row">
              <div class="col-12">
                <div class="card">
                  <div class="card-header">
                    {# <h4>Export Table</h4> #}
 <a href="{{ path('lproduit_new') }}" class="btn btn-primary">Ajoute un produit</a>                      <h4></h4>

    {# {% for message in app.flashes('success') %}
      <div class="alert alert-success">
        {{ message }}
      </div>
    {% endfor %} #}
                  </div>
                  <div class="card-body">
                    <div class="table-responsive">
                      <table class="table table-striped table-hover" id="tableExport" style="width:100%;">
                        <thead>
                          <tr>
                      <th>Id</th>
                <th>Designation</th>
                <th>Prixunitaire</th>
                  <th>Rupture</th>  
                  <th>Quantité</th>
                <th>actions</th>
                          </tr>
                        </thead>
                        <tbody>
                         {% for lproduit in lproduits %}
            <tr  {% if lproduit.disponible == true %} style="background-color:green;" {% else %} style="background-color:red;"  {% endif %}>
                <td> {{ lproduit.id }}</td>
                <td style="color:black;font-weight:bold;">{{ lproduit.designation }}</td>
                <td>{{ lproduit.prixunitaire }}</td>
                         <td>
                {% if lproduit.disponible == true %}
    PAS EN RUPTURE 
    {% else %}
PRODUIT EN RUPTURE
{% endif %}</td>
<td> {{ lproduit.qtestock }}</td>
                 <td>
                    <a href="{{ path('lproduit_show', {'id': lproduit.id}) }}" class="btn btn-success">Voir</a>
                    <a href="{{ path('lproduit_edit', {'id': lproduit.id}) }}" class="btn btn-secondary">Edite</a>
               {{ include('lproduit/_delete_form.html.twig') }} </td>
            </tr>
              {% else %}
        <tr>
          <td colspan="16">Aucun enregistrement trouvé</td>
        </tr>
      {% endfor %}
                         
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
         
      </div>
{% endblock %}
{% block javascripts %} 
   {{parent()}}

           <script type="text/javascript" src="{{ asset('back/bundles/datatables/datatables.min.js') }}"></script>  
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>  
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/dataTables.buttons.min.js') }}"></script> 
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.flash.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/jszip.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/pdfmake.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/vfs_fonts.js') }}"></script> 
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.print.min.js') }}"></script>  
             <script type="text/javascript" src="{{ asset('back/js/page/datatables.js') }}"></script>  


 
 {% endblock %}