{% extends './stocks.html' %}
{% load static %}

{% block content %}
        <div class="container-fluid">
          <div class="row">
            <a href="#" class="btn text-danger" style="background-color:#fff;">Ravitailler</a>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-danger">
                  <h4 class="card-title ">Produits à Ravitailler <b></b><i class="fa fa-exclamation"></i></h4>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table">
                      <thead class=" text-danger">
                        <th>
                          Code
                        </th>
                        <th>
                          Nom
                        </th>
                        <th>
                          Qte Actuelle
                        </th>
                        <th>
                          Approvision conseillé
                        </th>
                        <th>
                          Bénéfice
                        </th>
                        <th>
                          
                        </th>
                      </thead>
                      <tbody>
                        {% for pro in produits %}
                        <tr>
                          <td>
                            {{pro.m_code}}
                          </td>
                          <td>
                            {{pro.m_name}}
                          </td>
                          <td>
                            <span class='text-danger'>Stock :</span> {{pro.m_qte}}
                          </td>
                          <td>
                            {{pro.recommanded_qte}} Unités
                          </td>
                          <td>
                            {{pro.montant_products}}XAF
                          </td>
                          <td class="text-primary">
                            Infos
                          </td>
                        </tr>
                        {% endfor %}
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
{% endblock %}