templates/site/Site/commandeClient.html.twig line 1

Open in your IDE?
  1. {% extends 'baseTemplate_2.html.twig' %}
  2. {% import 'macro.html.twig' as traiteinfo %}
  3. {% import 'macroEntete.html.twig' as traiteinfoEntete %}
  4. {% import 'macroAbout.html.twig' as traiteinfoAbout %}
  5. {% import 'macroShop.html.twig' as traiteinfoShop %}
  6. {% import 'presentation/macroHead.html.twig' as traiteinfoHead %}
  7. {% block body %}
  8.   {% set inc = 0 %}
  10. <body class="home-style">
  12.   <div class="full-width-header header-style1 home1-modifiy">
  13.                 <!--Header Start-->
  14.                  {{ traiteinfoHead.infoHead(typeSite,objetAbonne,listeMenu) }}
  15.                 <!--Header End-->
  16.             </div>
  17.             <!--Full width header End-->
  18.      <div class="main-content">   
  19.       
  20. <div class="col-lg-12">
  21.     {% for contenu in app.session.getflashbag.get('fournisseur.ajout.success')%}
  22.         {% if loop.index == 0%}
  23.             <div class="row">
  24.                 <div class="col-lg-12 ">
  25.                 {% endif%}
  26.                 <div class="text-center alert alert-success">{{contenu}}</div>
  27.                 {% if loop.index == 0%} 
  28.                 </div>
  29.             </div>
  30.         {% endif%}
  31.     {% endfor%}
  33.     {% for contenu in app.session.getflashbag.get('caisse.non.configure')%}
  34.                         {% if loop.index == 0%}
  35.                             <div class="row">
  36.                                 <div class="col-lg-12 ">
  37.                                 {% endif%}
  38.                                 <div class="text-center alert alert-error">{{contenu}}</div>
  39.                                 {% if loop.index == 0%} 
  40.                                 </div>
  41.                             </div>
  42.                         {% endif %}
  43.                     {% endfor%}
  45.     {% for contenu in app.session.getflashbag.get('fournisseur.ajout.error')%}
  46.         {% if loop.index == 0%}
  47.             <div class="row">
  48.                 <div class="col-lg-12 ">
  49.                 {% endif%}
  50.                 <div class="text-center alert alert-error">{{contenu}}</div>
  51.                 {% if loop.index == 0%} 
  52.                 </div>
  53.             </div>
  54.         {% endif%}
  55.     {% endfor%}
  57.     {% for contenu in app.session.getflashbag.get('fournisseur.ajout.already.exist')%}
  58.         {% if loop.index == 0%}
  59.             <div class="row">
  60.                 <div class="col-lg-12 ">
  61.                 {% endif%}
  62.                 <div class="text-center alert alert-error">{{contenu}}</div>
  63.                 {% if loop.index == 0%} 
  64.                 </div>
  65.             </div>
  66.         {% endif%}
  67.     {% endfor%}
  69.     <div class="row">
  70.         <div class="col-lg-12" id="iderror" hidden="true">                                                
  71.             <div class="text-center alert alert-error">Ce produit a été déjà ajouté dans la liste ci-dessous!</div>
  72.         </div>
  74.         <div class="col-lg-12" id="idsuppr" hidden="true">                                                
  75.             <div class="text-center alert alert-error">Suppression effectuée avec succès.</div>
  76.         </div>
  77.     </div>
  79. </div>
  81. <div  style="background: #f3f3f3;width:100%;height:100px;">
  82. </div>
  83. <br/><br/><br/>
  84.     <div class="container">
  85.     <div class="row">
  86.         <div class="col-lg-8">
  87.             <div class="col-lg-12"> {# zone des categorie #}
  88.                 <input type="hidden" name="commandeId"  class="commandeId" value="{{uneCommande.id}}"/>
  89.                 <input type="hidden"   class="msgWhatsApp" />
  90.                 <div id="rs-popular-courses" class="rs-popular-courses style1 orange-color modify1  pb-100 md-pt-70 md-pb-70">
  91.                 <div class="container">
  92.                     <div class="sec-title6 text-center mb-40">
  93.                         <div class="img-part mb-10">
  94.                             <img src="assets/images/line.png" alt="">
  95.                         </div>
  96.                      
  97.                     </div>
  99.                     <div class="gridFilter style2 text-center mb-30">
  100.                         <button class="active" data-filter="*">Tout</button>
  101.                          {% for uneCategorie in listeCategorie %}
  102.                             <button data-filter=".{{uneCategorie['codeGenere']}}">{{uneCategorie['nom']}}</button>
  103.                         {% endfor %}
  104.                         {#<button data-filter=".filter2">Computer Engineering</button>
  105.                         <button data-filter=".filter3">General Education</button>
  106.                         <button data-filter=".filter4">High School</button>#}
  107.                     </div>
  110.                     <div class="row grid">
  111.                     {% for unProduit in listeProduit %}
  112.                         <div class="col-lg-4 col-md-6 grid-item {{unProduit["prodCodeGenere"]}}" >
  113.                             <div class="courses-item mb-30 add_produit " idp="{{unProduit['prixAchat']}}" ids="{{unProduit['id']}}" infoetat="{% if unProduit["enStockProduit"] > 0 %}1{% else %}0{% endif %}">
  114.                                 <div class="img-part">
  115.                                     <img src="{{asset('upload/'~unProduit["urlImage"])}}" alt="">
  116.                                 </div>
  117.                                 <div class="content-part">
  118.                                     <ul class="meta-part">
  119.                                         <li><span class="price">{{unProduit["prixAchat"]}} F CFA</span></li>
  120.                                     </ul>
  121.                                     <h3 class="title"><a href="#">{{unProduit["nom"]}}</a></h3>
  123.                                         {% if unProduit["enStockProduit"] > 0 %}
  124.                                             <span class="price" style ="color : #3A9D23;font-weight: bold;" > En stock </span>
  125.                                         {% else %}
  126.                                             <span class="price" style ="color : #F00020;font-weight: bold;"> Rupture de stock </span>
  127.                                         {% endif %}
  128.                                         
  129.                                 </div>
  130.                             </div>
  131.                         </div>
  132.                     {% endfor %}    
  133.                     </div>
  134.                     
  135.                 </div>
  136.             </div>{#
  137.             <div style="align-items: center;
  138.     display: flex;
  139.     flex-grow: 1;
  140.     flex-shrink: 0;
  141.     justify-content: flex-start;">
  142.                 {% for uneCategorie in listeCategorie %}
  143.                     <span class="info-categorie"   ids="{{uneCategorie['id']}}" style=" white-space: nowrap;width: auto; padding: 10px 30px;border-top:2px solid #22b14c;border-bottom:2px solid #22b14c;">
  144.                         
  145.                              <h5 class="card-title">{{uneCategorie['nom']}}</h5>
  146.                          
  147.                         
  148.                     </span>
  149.                 {% endfor %}
  150.                 
  151.                 <input type="hidden" name="commandeId"  class="commandeId" value="{{uneCommande.id}}"/>
  152.                 <input type="hidden"   class="msgWhatsApp" />
  153.             </div>
  154.             </div>
  155.             <div class="col-lg-12" style="overflow-y: scroll;height:auto;"> {# zone des produits 
  156.                     {% for uneCategorie in listeCategorie %}
  157.                         <div class=" zone-categorie {{'zone-categorie'~uneCategorie['id']}}" style="display: none;"  ids="{{uneCategorie['id']}}" >
  158.                             <div class="row">
  159.                             {% for t in listeProduit[uneCategorie.id]  %}
  160.                                 <div class="col-sm-4 add_produit" ids="{{t['id']}}" idp="{{t['prixAchat']}}{#% if t.prixrigueurs|length != 0 %}{{t.prixrigueurs[0].infoPrixRigueur }}{% else %}-{% endif %" style="margin-top:12px"> 
  161.                                     <div class="card" style="border-top:2px solid #22b14c;">
  162.                                         <div class="card-body">
  163.                                             <h5 class="card-title">{{t['nom']}}</h5>
  164.                                             <p class="card-text">-</p>
  165.                                             <div class="{{'produit'~t['id']}}" style="width:100%;text-align:right; font-size: 20px;font-weight: bold;">{{t['prixAchat']}}</div>
  166.                                         </div>
  167.                                     </div>
  168.                                 </div>
  169.                             {% endfor %}
  170.                             </div>
  171.                         
  172.                         </div>
  173.                     {% endfor %}
  174.             </div>#}
  175.         </div>
  176.         </div>
  177.         <div class="col-lg-4">
  178.             <div class="col-lg-12" style="overflow-y: scroll; border-left: 1px solid #F1F1F1;"> {# zone adresse #}
  179.                 
  180.                     <div class="listeOperationEvoluee">
  181.                         {% for uneLIngeCommande in uneCommande.lignecommandeclients %}
  182.                                 <div class="col-lg-12 ligne-click" style="border-left: 2px #F11 solid;margin-top:10px;padding:10px;font-size: 20px; background : #F1F1F1;" ids="{{uneLIngeCommande.id}}">
  183.                                     <div class="row">
  184.                                         <div class="col-lg-12">{{uneLIngeCommande.produit.nomProduit}}</div>
  185.                                         <div class="col-lg-6">{{uneLIngeCommande.quantite~"x"~uneLIngeCommande.prixrigueur.infoPrixRigueur}}</div>
  186.                                         <div class="col-lg-6" style="text-align: right; font-weight: bold;">{% set montantTotal = uneLIngeCommande.quantite * uneLIngeCommande.prixrigueur.infoPrixRigueur %}{{montantTotal}}</div>
  187.                                         <div class="col-lg-8">
  188.                                             <div class="text-right"> 
  189.                                                 
  190.                                             </div>
  191.                                         </div>
  192.                                         <div class="col-lg-4"><a href="#" style="display:none"  class="btn btn-circle mini btn-danger btnEdit tooltipGobi bt-delete {{'l-bt-delete'~uneLIngeCommande.id}}" title="Supprimer  " ids="{{uneLIngeCommande.id}}"><i class="glyphicon glyphicon-remove"></i> </a></div>
  193.                                     </div>    
  194.                                 </div>
  195.                         {% endfor %}
  196.                     </div>
  197.                 
  198.             </div>
  200.             <div class="col-lg-12"> {# zone valider #}
  201.             <hr style="border:#FFF;"/>
  202.             <br/><br/><br/>
  203.                 <form action="{{path('app_admin_user_pointer',{type:1})}}" method="POST">
  204.                     <div class="form-group clearfix margin-top-15px center">
  205.                         <label class="control-label">Nom </label>
  206.                         
  207.                         <div class="control"> <input class="form-control nomPrenoms" type="text"  name="id"  value ="{#{objetUtilisateur.id}#}"class="id form-control; border:1px solid #CCC"> </div>
  208.                     </div>
  209.                     <div class="form-group clearfix margin-top-15px center">
  210.                         <label class="control-label">Téléphone </label>
  211.                         
  212.                         <div class="control"> <input class="form-control tel" type="text"   name="id"  value ="{#{objetUtilisateur.id}#}"class="id form-control; border:1px solid #CCC"> </div>
  213.                     </div>
  214.                     <div class="form-group clearfix margin-top-15px center">
  215.                         <label class="control-label">Adresse </label>
  216.                         
  217.                         <div class="control"> <input  class="form-control adresse" type="text"   name="id"  value ="{#{objetUtilisateur.id}#}"class="id form-control; border:1px solid #CCC"> </div>
  218.                     </div>
  219.                                     
  220.                     <div class="form-group clearfix pull-right">
  221.                         {#<button type="submit" class="btn  btn-info " id="submit" > 
  222.                             <i class="icon icon-white icon-ok"></i> Valider 
  223.                         </button>#}
  225.                         <a href="#" class="bt-whatsapp"> 
  226.                             <i class="icon icon-white icon-arrow-left "></i> Whatsapp
  227.                         </a>
  229.                         
  230.                     </div>
  231.                 </form>
  233.             </div>
  234.         </div>
  235.     </div>
  237.  </div>
  239.  <div class="modal-quantite-produit  modal" style="width: 100%;margin: auto;" >
  240.     <div class="panel panel-white" style="background : #fff;">
  241.         <div class="panel-body"> 
  242.         <div class="row">
  243.         <div class="col-lg-4">
  244.         </div>
  245.         <div class="col-lg-4">
  246.         
  247.                     
  248.             <div class="form-group clearfix margin-top-15px center">
  249.                 <label class="control-label">Quantité </label>
  250.                 
  251.                 <div class="control"> 
  252.                     <input type="text"  maxlength="10" size="10" name="prix"  class="quantite-produit form-control"> 
  253.                     <input type="hidden"  class="form-control siQuantite" value="0" >
  254.                     <input type="hidden"  class="form-control produitId" value="0" >
  255.                     <input type="hidden"  class="form-control prixId" value="0" >
  256.                 </div>
  257.                 <input type="hidden"  maxlength="10" size="10"   class="produitPrixId form-control">
  258.             </div>
  259.                             
  261.             <div class="form-group clearfix pull-right">
  262.                {# <a   href="{{path('admin_caisses')}}"> 
  263.                     <i class="icon icon-white icon-arrow-left"></i> Annuler
  264.                 </a>#}
  265.                 <button type="button" class="readon orange-btn main-home valider-quantite" > 
  266.                     <i class="icon icon-white icon-ok"></i> Valider 
  267.                 </button>
  268.             </div>
  269.             <div class="col-lg-12" style="height: 10px"></div>
  271.         </div>
  272.         <div class="col-lg-4">
  273.         </div>
  274.     </div>
  275. </div>
  276. </div>
  281. {% endblock %}
  282. {% block javascripts %}
  283.     {{parent()}}
  284.     
  285.     <script src="{{asset('js/jquery-2.1.1.js')}}"></script>
  286.     <script src="{{asset('js/bootstrap.min.js')}}"></script>
  287.      <script src="{{asset('js/plugins/jquery-ui/jquery-ui.min.js')}}"></script>
  288.      <script src="{{asset('pincode/jquery-pincode-autotab.js')}}"></script>
  289.     <script type="text/javascript">
  291.      $(document).on( "dblclick", ".ligne-click", function() {
  292.                 // alert(".select-pourcentage"+$(this).attr("ids"));
  293.                  $(".select-pourcentage"+$(this).attr("ids")).show();
  294.                  $(".l-bt-delete"+$(this).attr("ids")).show();   
  295.         });
  296.         $(document).on( "click", ".info-categorie", function() {
  297.                 
  298.                     $(".zone-categorie").hide();
  299.                     $(".zone-categorie"+$(this).attr("ids")).show();
  300.                     
  301.             });
  303.         $(document).on( "click", ".commandeBt", function() {
  304.             //closeOnLoadGobi(onLoadGobi());
  305.                 afficherOperationCommandeVente($(this).attr("ids"), 8);
  306.                 $(".commandeId").val($(this).attr("ids"));
  307.                 $(".si-click").val(1);
  308.                 //closeOnLoadGobi(onLoadGobi());
  309.         });
  311.         $(document).on( "click", ".type-traitement", function() {
  312.                 $(".oeuvre-type-traitement").modal();
  313.                 $(".typeTraitement").val($(this).attr("btnActionVal"));
  314.                 $("#zone-traitement"+$(this).attr("btnActionVal")).show();
  315.                 //alert($(this).attr("btnActionVal"));
  316.                 
  317.         });
  319.         
  321.          $(document).on( "click", ".pro-format", function() {
  322.                  var href = "{{path('admin_imprimer_recu_standard_ESCPOS')}}";
  323.                 document.location.href = href + '/' + $(".commandeId").val()+'/1' ;
  324.                
  325.         });
  327.          $(document).on( "click", ".bt-annuler", function() {
  328.                  var href = "{{path('admin_commande_annuler')}}";
  329.                 document.location.href = href + '/' + $(".commandeId").val() ;
  330.                
  331.         });
  333.        // $(document).on( "dblclick", ".add_produit", function() {
  335.         $(document).on( "click", ".add_produit", function() {
  337.             var  infoetat  = $(this).attr("infoetat");
  338.             var produitPrix = $(this).attr("idp");
  339.             // alert(produitPrix=="-");
  340.             if(infoetat == 1){
  341.                $(".modal-quantite-produit").modal();
  342.                $(".quantite-produit").focus();
  343.               // $(".quantite-produit").val(0); 
  344.                $(".siQuantite").val(1); 
  345.                $(".produitId").val($(this).attr("ids")); 
  346.                $(".prixId").val($(this).attr("idp")); 
  347.             }else{
  348.                 alert("Produit en rupture de stock !");
  349.             }
  350.                
  351.         });
  352.         $(".valider-quantite").click(function() {
  353.             var  infoetat  = $(this).attr("infoetat");
  354.             var produitPrix = $(this).attr("idp");
  355.            // alert(produitPrix=="-");
  356.            /*if(infoetat == 1){
  357.                 if( produitPrix == "-"){
  358.                     //alert(1);
  359.                     $(".modal-prix-produit").modal();
  360.                     $(".produitPrixId").val($(this).attr("ids"));
  361.                 }else{*/
  362.                     addProduit($(".commandeId").val(), $(".produitId").val(), $(".prixId").val(), $(".quantite-produit").val());
  363.                     $(".modal-quantite-produit").modal("hide"); 
  364.          /*       }
  365.             }else{
  366.                 alert("Produit en rupture de stock !");
  367.             }*/
  368.                 
  369.         });
  371.         $(document).on( "click", ".bt-whatsapp", function() {
  372.            //alert(1);
  373.            sendWhatsapp();
  374.               
  375.         });
  377.         
  379.         $(document).on( "click", ".add-prix", function() {
  380.                 addProduit($(".commandeId").val(), $(".produitPrixId").val(), $(".prix-produit").val());  
  381.                 $(".modal-prix-produit").modal("hide");
  383.         });
  386.         function addProduit(commandeId, produitId, prixId, quantite){
  387.             $.ajax({
  388.                 dataType: 'json',
  389.                 type: 'POST',
  390.                 url: "{{ path('app_admin_incrementer_ligne_commande_client') }}",
  391.                 data: 'commandeId=' + commandeId + '&produitId=' + produitId + '&prix=' + prixId+ '&quantite='+quantite,
  392.                 beforeSend: function () {
  393.                    // onLoadGobi();
  394.                 },
  395.                 success: function (data) {
  396.                     var resultat = data.reponse;
  397.                     // alert(resultat);
  398.                     var listeLigneCommande = data.lignecommande;
  399.                     
  400.                     $('.listeOperation').html("");
  401.                     $(".montantRecu").val("");
  402.                     $(".montant-total").html("");
  403.                     $('.montant-recu').html("");
  404.                    // $('.form-ligne-commande').modal();
  405.                     if (listeLigneCommande.length == 0) {
  406.                         var html = " <td colspan=\"6\"  style=\"text-align: center;\" >Pas de livraison réalisée </td>";
  407.                         $('.listeOperation').append(html);
  408.                         $('.load-image').hide();
  409.                     } else {
  410.                         
  411.                         
  412.                         var infoGeneral = data.infoGenerale;
  413.                         var montantTotal =0;
  414.                         var msg ="";
  415.                         $('.listeOperationEvoluee').html("");
  416.                         for (var j = 0; j < data.lignecommande.length; j++) {
  419.                            
  420.                                
  421.                            // .replace(/(\d)(?=(\d{3})+$)/g, "$1 ") for (var i = 0; i < resultat[listeLigneCommande[j]].length; i++) { +{#                                 "  <td> " + data.lignecommande[j].dateLivraison +"</td> " +                                                #}
  422.                                 // var laDate = resultat[listeLigneCommande[j]][i].dateLivraison;//Traiter l'objet Date
  423.                                     //<button class=\"btn btn-info bt-pourcentage\" ids=\"" + data.lignecommande[j].id + "\" type=\"button\">%</button> 
  424.                                 var priTotal = parseInt(data.lignecommande[j].prix) * parseInt(data.lignecommande[j].quantite);
  425.                                 var html = "<div class=\"col-lg-12 ligne-click\" style=\"border-left: 2px #F11 solid;margin-top:10px;padding:10px;font-size: 20px; background : #F1F1F1;\"  ids=\"" + data.lignecommande[j].id + "\">"+
  426.                                              // " <div >   <div class=\"text-right\"> <select style=\"display:none\"  class=\"  change-pourcentage form form-control select-pourcentage" + data.lignecommande[j].id + "\" ids=\"" + data.lignecommande[j].id + "\" ><option  value=\"\"></option><option  value=\"10\">10%</option><option  value=\"15\">15%</option><option  value=\"25\">25%</option><option value=\"30\">30%</option> <option value=\"50\">50%</option></button> </div> " +
  427.                                                 "<div class=\"row\"> " +
  428.                                                     " <div class=\"col-lg-12\">"+ data.lignecommande[j].produit +"</div> " +
  429.                                                 "</div> "+
  430.                                                 "<div class=\"row\"> " +
  431.                                                     "<div class=\"col-lg-6\">"+data.lignecommande[j].quantite+"x"+data.lignecommande[j].prix+"</div>"+
  432.                                                     "<div class=\"col-lg-6\" style=\"text-align: right; font-weight: bold;\">"+priTotal+"</div>"+
  433.                                                 "</div> "
  434.                                                
  435.                                         +  "</div> ";
  436.                                 $('.listeOperationEvoluee').append(html);
  437.                             msg += "*"+data.lignecommande[j].produit+"* %0A"+data.lignecommande[j].quantite+"x"+data.lignecommande[j].prix+" .............. "+priTotal+"%0A";
  438.                           //  }
  439.                           montantTotal =  parseInt(montantTotal) + parseInt(priTotal);
  440.                         }
  441.                          msg += "%0A *Total ="+montantTotal+" F CFA*";
  442.                         $(".msgWhatsApp").val(msg);
  443.                         /*
  444.                          "<div class=\"row\"> " +
  445.                                                     "<div class=\"col-lg-8\"><div class=\"text-right\"> <select style=\"display:none\"  class=\"  change-pourcentage form form-control select-pourcentage" + data.lignecommande[j].id + "\" ids=\"" + data.lignecommande[j].id + "\" ><option  value=\"\"></option><option  value=\"10\">10%</option><option  value=\"15\">15%</option><option  value=\"25\">25%</option><option value=\"30\">30%</option> <option value=\"50\">50%</option></select> </div> </div>" +
  446.                                                     "<div class=\"col-lg-4\"><a href=\"#\" style=\"display:none\" class=\"btn btn-circle mini btn-danger btnEdit tooltipGobi bt-delete  l-bt-delete" + data.lignecommande[j].id + "\" title=\"Supprimer  \" ids=\""+ data.lignecommande[j].id + "\"><i class=\"glyphicon glyphicon-remove\"></i> </a> </div>" +
  447.                                                 "</div> "+*/
  449.                        $(".montantTotal").val("");
  450.                        $(".montant-total").html(montantTotal);
  451.                        //$('.load-image').hide();
  452.                     }
  453.                 },
  454.                 complete: function () {
  455.                     //closeOnLoadGobi(onLoadGobi());
  456.                 }
  457.             });
  458.         }
  461.          $(document).on( "change", ".change-pourcentage", function() {
  462.            // alert($(this).attr("ids"));
  463.            
  464.             $.ajax({
  465.                 dataType: 'json',
  466.                 type: 'POST',
  467.                 url: "{{ path('admin_set_pourcentage_commande') }}",
  468.                 data: 'idLigneCmde=' + $(this).attr("ids") + '&pourcentage=' + $(this).val(),
  469.                 beforeSend: function () {
  470.                    // onLoadGobi();
  471.                 },
  472.                 success: function (data) {
  473.                     var resultat = data.reponse;
  474.                     // alert(resultat);
  475.                     var listeLigneCommande = data.lignecommande;
  476.                     //alert(data.lignecommande);
  477.                     // console.log(resultat);return;
  478.                     $('.listeOperation').html("");
  479.                     $(".montantRecu").val("");
  480.                     $(".montant-total").html("");
  481.                     $('.montant-recu').html("");
  482.                    // $('.form-ligne-commande').modal();
  483.                     if (listeLigneCommande.length == 0) {
  484.                         var html = " <td colspan=\"6\"  style=\"text-align: center;\" >Pas de livraison réalisée </td>";
  485.                         $('.listeOperation').append(html);
  486.                         $('.load-image').hide();
  487.                     } else {
  488.                         $('.zone-date').html("");
  489.                         $('.zone-date').append("Date : "+data.infoGenerale.dateCommande);
  490.                         $('.zone-code-commande').html("");
  491.                         $('.zone-code-commande').append("Numéro : "+data.infoGenerale.codeCommande);
  493.                         $('.zone-fournisseur').html("");
  494.                         $('.zone-fournisseur').append("Serveur : "+data.infoGenerale.fournisseur);
  496.                         
  497.                         var infoGeneral = data.infoGenerale;
  498.                         var montantTotal =0;
  499.                          $('.listeOperationEvoluee').html("");
  500.                         for (var j = 0; j < data.lignecommande.length; j++) {
  502.                            // .replace(/(\d)(?=(\d{3})+$)/g, "$1 ") for (var i = 0; i < resultat[listeLigneCommande[j]].length; i++) { +{#                                 "  <td> " + data.lignecommande[j].dateLivraison +"</td> " +                                                #}
  503.                                 // var laDate = resultat[listeLigneCommande[j]][i].dateLivraison;//Traiter l'objet Date
  504.                                     //<button class=\"btn btn-info bt-pourcentage\" ids=\"" + data.lignecommande[j].id + "\" type=\"button\">%</button> 
  505.                                 var priTotal = parseInt(data.lignecommande[j].prix) * parseInt(data.lignecommande[j].quantite);
  506.                                 var html = "<div class=\"col-lg-12 ligne-click\" style=\"border-left: 2px #F11 solid;margin-top:10px;padding:10px;font-size: 20px; background : #F1F1F1;\"  ids=\"" + data.lignecommande[j].id + "\">"+
  507.                                              // " <div >   <div class=\"text-right\"> <select style=\"display:none\"  class=\"  change-pourcentage form form-control select-pourcentage" + data.lignecommande[j].id + "\" ids=\"" + data.lignecommande[j].id + "\" ><option  value=\"\"></option><option  value=\"10\">10%</option><option  value=\"15\">15%</option><option  value=\"25\">25%</option><option value=\"30\">30%</option> <option value=\"50\">50%</option></button> </div> " +
  508.                                                   "<div> " +
  509.                                                 " <div class=\"col-lg-12\">"+ data.lignecommande[j].produit +"</div> " +
  511.                                                 "<div class=\"col-lg-6\">"+data.lignecommande[j].quantite+"x"+data.lignecommande[j].prix+"</div>"+
  512.                                                 "<div class=\"col-lg-6\" style=\"text-align: right; font-weight: bold;\">"+priTotal+"</div>"+
  513.                                
  514.                                                 "  <div class=\"col-lg-8\"><div class=\"text-right\"> <select style=\"display:none\"  class=\"  change-pourcentage form form-control select-pourcentage" + data.lignecommande[j].id + "\" ids=\"" + data.lignecommande[j].id + "\" ><option  value=\"\"></option><option  value=\"10\">10%</option><option  value=\"15\">15%</option><option  value=\"25\">25%</option><option value=\"30\">30%</option> <option value=\"50\">50%</option></select> </div> </div>" +
  515.                                                 "  <div class=\"col-lg-4\"><a href=\"#\" style=\"display:none\" class=\"btn btn-circle mini btn-danger btnEdit tooltipGobi bt-delete l-bt-delete" + data.lignecommande[j].id + "\" title=\"Supprimer  \" ids=\""+ data.lignecommande[j].id + "\"><i class=\"glyphicon glyphicon-remove\"></i> </a> </div>" +
  516.                                                  "</div> "
  517.                                             +  "</div> ";
  518.                                 $('.listeOperationEvoluee').append(html);
  519.                           //  }
  520.                           montantTotal =  parseInt(montantTotal) + parseInt(priTotal)
  521.                           //  }
  522.                          // montantTotal =  parseInt(montantTotal) + parseInt(priTotal)
  523.                         }
  524.                        $(".montantTotal").val("");
  525.                        $(".montant-total").html(montantTotal);
  527.                        
  529.                        $('.load-image').hide();
  530.                     }
  531.                 },
  532.                 complete: function () {
  533.                 //closeOnLoadGobi(onLoadGobi());
  534.                 }
  535.             });    
  536.         });
  538.         function afficherOperationCommandeVente(idcommande, idabonne) {
  539.            
  540.             $.ajax({
  541.                 dataType: 'json',
  542.                 type: 'POST',
  543.                 url: "{{ path('admin_liste_operation_vente_commande') }}",
  544.                 data: 'idcommande=' + idcommande + '&idabonne=' + idabonne,
  545.                 beforeSend: function () {
  546.                     if($(".si-click").val() == 1){
  547.                         onLoadGobi();
  548.                     }
  549.                         
  550.                 },
  551.                 success: function (data) {
  552.                     var resultat = data.reponse;
  553.                     // alert(resultat);
  554.                     var listeLigneCommande = data.lignecommande;
  555.                     //alert(data.lignecommande);
  556.                     // console.log(resultat);return;
  557.                     $('.listeOperation').html("");
  558.                     $(".montantRecu").val("");
  559.                     $(".montant-total").html("");
  560.                     $('.montant-recu').html("");
  561.                     $('.form-ligne-commande').modal();
  562.                     if (listeLigneCommande.length == 0) {
  563.                         var html = " <td colspan=\"6\"  style=\"text-align: center;\" >Pas de livraison réalisée </td>";
  564.                         $('.listeOperation').append(html);
  565.                         $('.load-image').hide();
  567.                          
  569.                     } else {
  570.                         $('.zone-date').html("");
  571.                         $('.zone-date').append("Date : "+data.infoGenerale.dateCommande);
  572.                         $('.zone-code-commande').html("");
  573.                         $('.zone-code-commande').append("Numéro : "+data.infoGenerale.codeCommande);
  575.                         $('.zone-fournisseur').html("");
  576.                         $('.zone-fournisseur').append("Serveur : "+data.infoGenerale.fournisseur);
  578.                         
  579.                         var infoGeneral = data.infoGenerale;
  580.                         var montantTotal =0;
  581.                         for (var j = 0; j < data.lignecommande.length; j++) {
  583.                            // .replace(/(\d)(?=(\d{3})+$)/g, "$1 ") for (var i = 0; i < resultat[listeLigneCommande[j]].length; i++) { +{#                                 "  <td> " + data.lignecommande[j].dateLivraison +"</td> " +                                                #}
  584.                                 // var laDate = resultat[listeLigneCommande[j]][i].dateLivraison;//Traiter l'objet Date
  585.                                 //<button class=\"btn btn-info bt-pourcentage\" ids=\"" + data.lignecommande[j].id + "\" type=\"button\">%</button> 
  586.                                 var prixTotal = parseInt(data.lignecommande[j].prix) * parseInt(data.lignecommande[j].quantite);
  587.                                 var html = "<tr class=\"ligne-click\" ids=\"" + data.lignecommande[j].id + "\">" +
  588.                                                 "  <td class=\"text-right\"> <select style=\"display:none\"  class=\"  change-pourcentage form form-control select-pourcentage" + data.lignecommande[j].id + "\" ids=\"" + data.lignecommande[j].id + "\" ><option  value=\"\"></option><option  value=\"10\">10%</option><option  value=\"15\">15%</option><option  value=\"25\">25%</option><option value=\"30\">30%</option> <option value=\"50\">50%</option></button> </td> " +
  589.                                                 
  590.                                                 "  <td class=\"text-right\"> <input type=\"hidden\"  name=\"commandeId\" value=\""+idcommande+"\" />" + data.lignecommande[j].produit + "</td> " +
  591.                                                
  592.                                                 "  <td class=\"text-right\"> " + data.lignecommande[j].quantite + "</td> " +
  593.                                                 "  <td class=\"text-right\"> " + data.lignecommande[j].prix + "</td> " +
  594.                                                 "  <td class=\"text-right\"> "+prixTotal+" </td> " +
  595.                                                     " <td class=\"text-right\">  </td> " +
  596.                                              
  597.                                                 "  ";
  598.                                         +  "</tr>";
  599.                                 $('.listeOperation').append(html);
  601.                                 //<a href=\"#\" class=\"btn btn-circle mini btn-danger btnEdit tooltipGobi bt-delete\" title=\"Supprimer  \" ids=\""+ data.lignecommande[j].id + "\"><i class=\"glyphicon glyphicon-remove\"></i> </a>
  602.                           //  }
  603.                           montantTotal =  parseInt(montantTotal) + parseInt(prixTotal)
  604.                         }
  605.                        $(".montantTotal").val("");
  606.                        $(".montant-total").html(montantTotal);
  608.                        //montant-total
  610.                        $('.load-image').hide();
  611.                     }
  612.                 },
  613.                 complete: function () {
  614.                 closeOnLoadGobi(onLoadGobi());
  615.                 }
  616.             });
  617.         }
  618.         $(document).ready(function() {
  620.             $(".myPinCode input").jqueryPincodeAutotab();
  622.         });
  624.         $('.agent').click(function () {
  625.                 $('.oeuvre-agent').modal();
  626.         });
  628.          $(document).on( "click", ".bt-delete", function() {
  629.             var id = $(this).attr("ids") ;  
  630.             //$(".form-ligne-commande" ).modal('toggle');
  631.             msg ="Supprimer la ligne de commande ";    
  632.             deleteConfirmationSetEtat(msg, id);
  633.          })
  635.          function deleteConfirmationSetEtat(msg, id) {
  636.             $('<div id="msg" title="Confirm."><p> ' + msg + '</p></div>').dialog({
  637.                 hide: {
  638.                     // effect: "explode"isEmetteur,
  639.                     duration: 500
  640.                 },
  641.                 modal: true,
  642.                 autoOpen: false,
  643.                 buttons: {
  644.                     " Annuler ": function () {
  645.                         $(this).dialog('close');
  646.                     },
  647.                     " Confirmer ": function () {
  648.                         deleteLigneCommande(id);
  649.                         $(this).dialog('close');
  650.                     }
  651.                 }
  653.             }).dialog('open');
  654.         }
  655.           function deleteLigneCommande(id){
  656.            // alert($(this).attr("ids"));
  657.            
  658.             $.ajax({
  659.                 dataType: 'json',
  660.                 type: 'POST',
  661.                 url: "{{ path('admin_set_delete_commande') }}",
  662.                 data: 'idLigneCmde=' + id,
  663.                 beforeSend: function () {
  664.                    // onLoadGobi();
  665.                 },
  666.                 success: function (data) {
  667.                     var resultat = data.reponse;
  668.                     // alert(resultat);
  669.                     var listeLigneCommande = data.lignecommande;
  670.                     //alert(data.lignecommande);
  671.                     // console.log(resultat);return;
  672.                     $('.listeOperation').html("");
  673.                     $(".montantRecu").val("");
  674.                     $(".montant-total").html("");
  675.                     $('.montant-recu').html("");
  676.                     //$('.form-ligne-commande').modal();
  677.                     if (listeLigneCommande.length == 0) {
  678.                         var html = " <td colspan=\"6\"  style=\"text-align: center;\" >Pas de livraison réalisée </td>";
  679.                         $('.listeOperation').append(html);
  680.                         $('.load-image').hide();
  681.                     } else {
  682.                         $('.zone-date').html("");
  683.                         $('.zone-date').append("Date : "+data.infoGenerale.dateCommande);
  684.                         $('.zone-code-commande').html("");
  685.                         $('.zone-code-commande').append("Numéro : "+data.infoGenerale.codeCommande);
  687.                         $('.zone-fournisseur').html("");
  688.                         $('.zone-fournisseur').append("Serveur : "+data.infoGenerale.fournisseur);
  690.                         
  691.                         var infoGeneral = data.infoGenerale;
  692.                         var montantTotal =0;
  693.                          $('.listeOperationEvoluee').html("");
  694.                         for (var j = 0; j < data.lignecommande.length; j++) {
  696.                            // .replace(/(\d)(?=(\d{3})+$)/g, "$1 ") for (var i = 0; i < resultat[listeLigneCommande[j]].length; i++) { +{#                                 "  <td> " + data.lignecommande[j].dateLivraison +"</td> " +                                                #}
  697.                                 // var laDate = resultat[listeLigneCommande[j]][i].dateLivraison;//Traiter l'objet Date
  698.                                     //<button class=\"btn btn-info bt-pourcentage\" ids=\"" + data.lignecommande[j].id + "\" type=\"button\">%</button> 
  699.                                 var priTotal = parseInt(data.lignecommande[j].prix) * parseInt(data.lignecommande[j].quantite);
  700.                                 var html = "<div class=\"col-lg-12 ligne-click\" style=\"border-left: 2px #F11 solid;margin-top:10px;padding:10px;font-size: 20px; background : #F1F1F1;\"  ids=\"" + data.lignecommande[j].id + "\">"+
  701.                                              // " <div >   <div class=\"text-right\"> <select style=\"display:none\"  class=\"  change-pourcentage form form-control select-pourcentage" + data.lignecommande[j].id + "\" ids=\"" + data.lignecommande[j].id + "\" ><option  value=\"\"></option><option  value=\"10\">10%</option><option  value=\"15\">15%</option><option  value=\"25\">25%</option><option value=\"30\">30%</option> <option value=\"50\">50%</option></button> </div> " +
  702.                                                   "<div> " +
  703.                                                 " <div class=\"col-lg-12\">"+ data.lignecommande[j].produit +"</div> " +
  705.                                                 "<div class=\"col-lg-6\">"+data.lignecommande[j].quantite+"x"+data.lignecommande[j].prix+"</div>"+
  706.                                                 "<div class=\"col-lg-6\" style=\"text-align: right; font-weight: bold;\">"+priTotal+"</div>"+
  707.                                
  708.                                                 "  <div class=\"col-lg-8\"><div class=\"text-right\"> <select style=\"display:none\"  class=\"  change-pourcentage form form-control select-pourcentage" + data.lignecommande[j].id + "\" ids=\"" + data.lignecommande[j].id + "\" ><option  value=\"\"></option><option  value=\"10\">10%</option><option  value=\"15\">15%</option><option  value=\"25\">25%</option><option value=\"30\">30%</option> <option value=\"50\">50%</option></select> </div> </div>" +
  709.                                                 "  <div class=\"col-lg-4\"><a href=\"#\" style=\"display:none\" class=\"btn btn-circle mini btn-danger btnEdit tooltipGobi bt-delete l-bt-delete" + data.lignecommande[j].id + "\" title=\"Supprimer  \" ids=\""+ data.lignecommande[j].id + "\"><i class=\"glyphicon glyphicon-remove\"></i> </a> </div>" +
  710.                                                  "</div> "
  711.                                             +  "</div> ";
  712.                                 $('.listeOperationEvoluee').append(html);
  713.                           //  }
  714.                           montantTotal =  parseInt(montantTotal) + parseInt(priTotal)
  715.                         }
  716.                        $(".montantTotal").val("");
  717.                        $(".montant-total").html(montantTotal);
  719.                        $('.load-image').hide();
  720.                     }
  721.                 },
  722.                 complete: function () {
  723.                     //location.reload();
  724.                 //closeOnLoadGobi(onLoadGobi());
  725.                 }
  726.             });    
  727.         }
  728.     </script>
  730. {% endblock %}
  735.