{% extends 'menuback.html.twig' %}
{% block stylesheets %} 
   {{parent()}}

      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/datatables.min.css') }}">
      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
 
 {% endblock %}

{% block body %}
    <div class="main-content">
        <section class="section">
          <div class="section-body">
            <div class="row">
              <div class="col-12">
                <div class="card">
                  <div class="card-header">
                    {# <h4>Export Table</h4> #}
 <a href="{{ path('lproduit_new') }}" class="btn btn-primary">Ajoute un produit</a>                      <h4></h4>
    <input name="product_all" class="checked_all" type="checkbox">Tout selectionnez                      <h4></h4>
    <button type="button" name="btn_alerte" id="btn_alerte" class="btn btn-success" style="background-color:#F57C00;color:black;">Activé les alertes de rupture</button>
    <button type="button" name="btn_alerte1" id="btn_alerte1" class="btn btn-success" style="background-color:green;color:black;">Desactivé les alertes de rupture</button>
    {# {% for message in app.flashes('success') %}
      <div class="alert alert-success">
        {{ message }}
      </div>
    {% endfor %} #}
                  </div>
                  <div class="card-body">
                    <div class="table-responsive">
                      <table class="table table-striped table-hover" id="tableExport" style="width:100%;">
                        <thead>
                          <tr>
                          <th>actions</th>
                <th>Designation</th>
                <th>Prixunitaire</th>
           <th>Rupture</th>
                <th>actions</th>
                          </tr>
                        </thead>
                        <tbody>
                         {% for lproduit in lproduits %}
            <tr>
                <td><input type="checkbox" name="customer_id[]" class="delete_customer" value="{{ lproduit.id }}" onchange="checkboxes()"/></td>
                <td>{{ lproduit.designation }}</td>
                <td>{{ lproduit.prixunitaire }}</td>
                    <td>
                {% if lproduit.disponible == true %}
    PAS EN RUPTURE
    {% else %}
PRODUIT EN RUPTURE
{% endif %}</td>
                <td>
                    <a href="{{ path('lproduit_show', {'id': lproduit.id}) }}" class="btn btn-success">Voir</a>
                    <a href="{{ path('lproduit_edit', {'id': lproduit.id}) }}" class="btn btn-secondary">Edite</a>
               {{ include('lproduit/_delete_form.html.twig') }} </td>
            </tr>
              {% else %}
        <tr>
          <td colspan="16">Aucun enregistrement trouvé</td>
        </tr>
      {% endfor %}
                         
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
         
      </div>
{% endblock %}
{% block javascripts %} 
   {{parent()}}
<script type="text/javascript">


{# function checkboxes(){
    var inputElems = document.getElementsByTagName("input"),
    count = 0;
    for (var i=0; i<inputElems.length; i++) {
    if (inputElems[i].type === "checkbox" && inputElems[i].checked === true){
        count++;
        //alert(count);
        $("#nbrcocher").text(count);
    }
}} #}

 function checkboxes()
  {
  var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
   var inputElems = document.getElementsByTagName("input"),
    count = 0;

    for (var i=0; i<inputElems.length; i++) {       
       if (inputElems[i].type == "checkbox" && inputElems[i].checked == true){
          count++;
       }
    }
 //$("#nbrcocher").text(count);

 $("#affiche").html("il y'a  :" + count + 'Elements cocher').css( styles1 );
 }

        $('.checked_all').on('change', function() {     
                $('.delete_customer').prop('checked', $(this).prop("checked"));              
        });
        //deselect "checked all", if one of the listed checkbox product is unchecked amd select "checked all" if all of the listed checkbox product is checked
        $('.delete_customer').change(function(){ //".checkbox" change 
            if($('.delete_customer:checked').length == $('.delete_customer').length){
                   $('.checked_all').prop('checked',true);
                   
            }else{
                   $('.checked_all').prop('checked',false);
            }
        });
    </script>

   <script>
$(document).ready(function(){

 $('#btn_alerte1').click(function(){
  
  if(confirm("Vous aller effectuer une action de desactivation alerte sur produit"))
  {
   var id = [];
   
   $('.delete_customer:checkbox:checked').each(function(i){
 
   
   id[i] = $(this).val();
 console.log($(this).val());
   });
   
   if(id.length === 0) //tell you if the array is empty
   {
    alert("Svp veuillez selectionnez au moins une ligne");
   }
   else
   {
    $.ajax({
        url: '{{path('alerteprod1')}}',
                    type: 'POST',
                    dataType: 'json',
                    async: true,
                    
                    data: {id: id},
                        success: function (data) {
                        console.log("data",id);
                        if (data['Result'] === 'OK') {
                            //$("#ordreError").empty();
                            //var newsletter = data['Record'];
                           // console.log("news",  );
                            

 var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
    {# $("#affiche").html("Message :" + data['Message'] ).css( styles1 ); #}
   
  document.location.href='{{path('panieralerteproduit1')}}';
    $("#progress").css("display", "none");
     
                        } else if (data['Result'] === 'ERROR') {
                             var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
    $("#affiche").html("Message :" + data['Message'] ).css( styles1 );
                         // $(".loading").css("display", "none");
                            $("#progress").css("display", "none");
                        }
                    }
     
    });
   }
   
  }
  else
  {
   return false;
  }
 });
  
 $('#btn_alerte').click(function(){
  
  if(confirm("Vous aller effectuer une action de alerte sur produit"))
  {
   var id = [];
   
   $('.delete_customer:checkbox:checked').each(function(i){
 
   
   id[i] = $(this).val();
 console.log($(this).val());
   });
   
   if(id.length === 0) //tell you if the array is empty
   {
    alert("Svp veuillez selectionnez au moins une ligne");
   }
   else
   {
    $.ajax({
        url: '{{path('alerteprod')}}',
                    type: 'POST',
                    dataType: 'json',
                    async: true,
                    
                    data: {id: id},
                        success: function (data) {
                        console.log("data",id);
                        if (data['Result'] === 'OK') {
                            //$("#ordreError").empty();
                            //var newsletter = data['Record'];
                           // console.log("news",  );
                            

 var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
    {# $("#affiche").html("Message :" + data['Message'] ).css( styles1 ); #}
   
  document.location.href='{{path('panieralerteproduit')}}';
    $("#progress").css("display", "none");
     
                        } else if (data['Result'] === 'ERROR') {
                             var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
    $("#affiche").html("Message :" + data['Message'] ).css( styles1 );
                         // $(".loading").css("display", "none");
                            $("#progress").css("display", "none");
                        }
                    }
     
    });
   }
   
  }
  else
  {
   return false;
  }
 });
  });
    </script>

           <script type="text/javascript" src="{{ asset('back/bundles/datatables/datatables.min.js') }}"></script>  
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>  
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/dataTables.buttons.min.js') }}"></script> 
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.flash.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/jszip.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/pdfmake.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/vfs_fonts.js') }}"></script> 
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.print.min.js') }}"></script>  
             <script type="text/javascript" src="{{ asset('back/js/page/datatables.js') }}"></script>  


 
 {% endblock %}


 

{# 
{% extends 'base.html.twig' %}

{% block title %}Lproduit index{% endblock %}

{% block body %}
    <h1>Lproduit index</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Designation</th>
                <th>Prixunitaire</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for lproduit in lproduits %}
            <tr>
                <td>{{ lproduit.id }}</td>
                <td>{{ lproduit.designation }}</td>
                <td>{{ lproduit.prixunitaire }}</td>
                <td>
                    <a href="{{ path('lproduit_show', {'id': lproduit.id}) }}">show</a>
                    <a href="{{ path('lproduit_edit', {'id': lproduit.id}) }}">edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="4">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a href="{{ path('lproduit_new') }}">Create new</a>
{% endblock %} #}