{% extends "BASE.html" %}
{% load static %}
{% load tags_personnaliser %}

{% block page_titre %} SGL - Gestion des fournisseurs {% endblock %}

{% block "contenu" %}

<h3 class="text-center my-3">Détails du fournisseur</h3>

<div class="row">
    <div class="col-12 col-lg-8 border rounded p-3 mx-auto">
        {% if messages %}
            {% for message in messages %}
                <div class="alert {% if message.tags %}alert-{{ message.tags }}{% else %}alert-info{% endif %} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
        {% endif %}
        <form action="{% url 'gestion_fournisseur:mise-a-jour-fournisseur' id_fournisseur %}" method="post">
            {% csrf_token %}
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">{{fournisseurForm.nom_entreprise.label}} :</label>
                {{ fournisseurForm.nom_entreprise }}
            </div>
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">{{fournisseurForm.nom_prenom_representant.label}} :</label>
                {{ fournisseurForm.nom_prenom_representant }}
            </div>
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">{{fournisseurForm.fonction.label}} :</label>
                {{ fournisseurForm.fonction }}
            </div>
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">{{fournisseurForm.telephone.label}} :</label>
                {{ fournisseurForm.telephone }}
            </div>
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">{{fournisseurForm.email.label}} :</label>
                {{ fournisseurForm.email }}
            </div>
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">{{fournisseurForm.categorie.label}} :</label>
                {{ fournisseurForm.categorie }}
            </div>
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">RCCM :</label>
                <div>
                    Actuellement : 
                    {% if fournisseur.rccm %}
                        <a href="{{ fournisseur.rccm.url }}" target="_blank">{{ fournisseur.rccm.name }}</a>
                    {% else %}
                        Aucun fichier téléchargé.
                    {% endif %}
                </div>
                <input type="file" name="rccm" id="rccm" class="form-control">
            </div>
            <div class="mb-3">
                <label for="rccm" class="form-label d-block">NIFp :</label>
                <div>
                    Actuellement : 
                    {% if fournisseur.rccm %}
                        <a href="{{ fournisseur.nifp.url }}" target="_blank">{{ fournisseur.nifp.name }}</a>
                    {% else %}
                        Aucun fichier téléchargé.
                    {% endif %}
                </div>
                <input type="file" name="nifp" id="nifp" class="form-control">
            </div>
            <input type="submit" value="Mettre à jour" class="btn btn-primary mx-auto d-block">
        </form>
    </div>
</div>

<div class="row mt-2 d-flex align-items-center">
    <div class="col"><h4 class="my-3">Livraison du fournisseur</h4></div>
    <div class="col">
        <!-- <label for="">Filtrer par date :</label> -->
        <input type="month" name="" id="filtreMois" class="form-control">
    </div>
</div>

<div id="liste-livraison" data-url = "{% url 'gestion_fournisseur:liste-livraison' id_fournisseur %}" data-idfournisseur="{{id_fournisseur}}"></div>

{% endblock %}

{% block "js" %}
    <script src="{% static 'js/details_fournisseur.js' %}"></script>
{% endblock %}