Files
sgl/gestion_fournisseur/templates/gestion_fournisseur/index.html
2026-01-21 11:03:11 +00:00

63 lines
2.4 KiB
HTML

{% extends "BASE.html" %}
{% load static %}
{% load tags_personnaliser %}
{% block page_titre %} SGL - Gestion des fournisseurs {% endblock %}
{% block "contenu" %}
<div class="row p-2">
<div class="col d-flex justify-content-between">
<h3>LISTE DES FOURNISSEURS </h3>
{% if user|has_group:"Logisticien" %}
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#enregistrerFournisseur">
<i class="bi bi-person-plus-fill"></i>
Ajouter un fournisseur
</button>
{% endif %}
</div>
</div>
<div class="row p-2">
<div class="col">
<input type="text" class="form-control" placeholder="Rechercher par nom du fournisseur" id="searchFournisseur">
</div>
<div class="col">
<select name="" id="filterCategorie" class="form-select">
<option value="">Toutes les catégories de produit</option>
{% for categorie in listeCategorie %}
<option value="{{ categorie.id }}">{{ categorie.categorie }}</option>
{% endfor %}
</select>
</div>
</div>
<!-- Conteneur pour le tableau d'affichage de la liste des fournisseurs utilisé par tabulatorjs -->
<div id="liste_fournisseur" data-url="{% url 'gestion_fournisseur:liste_fournisseur' %}"></div>
<!-- Modal d'enregistrement d'un nouveau fournisseur -->
<div class="modal fade" id="enregistrerFournisseur" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="informationFournisseurModalLabel">Information sur le fournisseur</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{% url 'gestion_fournisseur:index' %}" method="post" enctype="multipart/form-data">
{% csrf_token %}
{{ form.as_p }}
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
<button type="submit" class="btn btn-primary">Enregistrer</button>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock %}
{% block "js" %}
<script src="{% static 'js/gestion_fournisseur_index.js' %}"></script>
{% endblock %}