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" id="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 id="form_v" 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>
<button id="print"><i class='bx bxs-printer'></i>Imprimer</button>
<br>
<a href="/ventes/"><i class='bx bxs-purchase-tag'></i>Liste de ventes</a>
</div>
<table id="infoDiv3"></table>
<div  style="width:100%;text-align: center;justify-content: center;align-items: center;" id="infoDiv4" ><img id="logo_picture" src="{% static 'app/assets/logo_black.png' %}">
  <p style="font-weight: bold; font-size: 10; text-align: center;">Patisserie Saveur sucrée et salée </p>
  <p style="font-weight: bold;font-size: 10;text-align: center;">Adresse : Cité Zedma, Béjaia 06000</p>
  <p style="font-weight: bold;font-size: 10;text-align: center;">Site web : WWW.Patisserie3s.com</p>
  <p style="font-weight: bold;font-size: 10;text-align: center;">***Merci pour votre visite***</p>
  <h3 style="text-align: center;">---------------------------------</h3>
</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>";
        var infotext = "<tr>"+"<td>"+ produitNom + "</td>" + "<td>"+ produitPrix + "Da </td>" + "<td> *"+ ajoutQuantite + "</td>" + "</tr>";
        
        document.getElementById('infoDiv2').innerHTML += infoHtml;
        document.getElementById('infoDiv3').innerHTML += infotext;
        var champValeur = document.getElementById('valeur');
        var valeurActuelle = parseInt(champValeur.value);
        var nouvelleValeur = valeurActuelle + tt;
        champValeur.value = nouvelleValeur;

}
    </script>

}
</script>

{% endblock js %}