OwlCyberSecurity - MANAGER

Edit File: commercial.html

{% extends "base.html" %}
{% load static %}

{% block stylesheets %}
<link rel="stylesheet" href="{% static 'app/commercial.css' %}">
{% endblock stylesheets %}

{% block title %}
<title>Commercial</title>
{% endblock title %}

{% block content %}
<div class="left_part">

<table id="myTable">
<thead> 
  <tr>
    
    <th>Produit</th>
    <th>Quantité</th>
    <th>Prix(Da)</th>
    <th>Ajout</th>
    <th></th>
    <th></th>
  </tr>
</thead>
<tbody> 
  {% for produit in produits %}
    <tr>
      
      <input type="hidden" name="p_id" value={{produit.id}} readonly>
      <td class="produit_name">{{produit.nom}}</td>
      <td>{{produit.quantite | floatformat:0}}</td>
      <td>{{produit.prix | floatformat:2}}</td>
      <td id="td_quant"><input id="quant" name="ajout_q" type="number"></td>
      <td><button onclick="ajouterInfo(this)" name="action" value="ajout"><i class='bx bxs-plus-square'></i></button></td>
    </tr>
    
  {% endfor %}

</tbody> 
</table>

</div>

<div id="infoDiv"> 
    <form method="post">
        {% csrf_token %}
    <div id="infoDiv2">
   
    <p id="cmd"><i class='bx bxs-receipt'></i> Commande :</p>
    # <input type='text' value="Produit" readonly>
    <input type='text' value="Prix(Da)" readonly>
    <input type='text' value="Quantité"readonly> <br>
    </div>
<p id="total">TOTAL(Da) : </p>
<input type="text" id="valeur" value="0">
<button type="submit" id="confirmation"><i class='bx bxs-cart-add'></i>Confirmer</button>
</form>
<a href="/ventes/"><i class='bx bxs-purchase-tag'></i>Liste de ventes</a>
</div>

{% endblock content %}

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

var infoHtml = "# <input type='text' value='" + produitNom + "' readonly>" +
                       "<input name='p_id' type='hidden' value='" + pr_id + "' readonly>" + 
                       "<input name='p_prix' type='text' value='" + produitPrix + "' readonly>" +
                       "<input name='p_quantite' type='text' value='" + ajoutQuantite + "' required> <br>";
        
        document.getElementById('infoDiv2').innerHTML += infoHtml; // Ajouter les informations au div
        var champValeur = document.getElementById('valeur');
        var valeurActuelle = parseInt(champValeur.value);
        var nouvelleValeur = valeurActuelle + tt;
        champValeur.value = nouvelleValeur;

}
    </script>

{% endblock js %}