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

{% block content %}
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">Liste des Produits de <b> La Maison D'Edition Xerxes </b></h4>
                              <form class="navbar-form">
              <div class="input-group no-border">
                <input type="text" value="" class="form-control" style="color:#fff;" placeholder="Rechercher un Produit">
                <button type="submit" class="btn btn-white btn-round btn-just-icon">
                  <i class="material-icons">search</i>
                  <div class="ripple-container"></div>
                </button>
              </div>
            </form>
                <div style="display:flex;justify-content: space-between;">
                  <p class="card-category"> <span class="btn text-primary" style="background-color:#fff;">Tris Avancés</span> <span class="btn text-primary" style="background-color:#fff;">Filtres</span> </p>
                  </div>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table">
                      <thead class=" text-primary">
                        <th>
                          Code
                        </th>
                        <th>
                          Nom
                        </th>
                        <th>
                          Prix
                        </th>
                        <th>
                          Qte Dispo
                        </th>
                        <th>
                          Type
                        </th>
                        <th>
                          
                        </th>
                      </thead>
                      <tbody>
                        {% for product in products %}
                        <tr>
                          <td>
                            {{product.m_code}}
                          </td>
                          <td>
                            {{product.m_name}}
                          </td>
                          <td>
                            {{product.m_price}} XAF
                          </td>
                          <td>
                            <span class="text-primary">Stock :</span> {{product.m_qte}}
                          </td>
                          <td>
                            {{product.m_type}} 
                          </td>
                          <td class="text-primary">
                            <a href="/stock/item/{{product.m_code}}/">Infos</a>
                          </td>
                        </tr>
                        {% endfor %}
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
{% endblock %}