{% extends 'baseback.html.twig' %}

{% block stylesheets %}
   <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.2.0/chart.min.js" integrity="sha512-VMsZqo0ar06BMtg0tPsdgRADvl0kDHpTbugCBBrL55KmucH6hP9zWdLIWY//OTfMnzz6xWQRxQqsUFefwHuHyg==" crossorigin="anonymous"></script>

    {{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') }}">
 
  
      {# {% set studentColor1111 = mydata %}
      {{ studentColor1111 }} #}
{# {% set designation1 = designation|json_encode()|replace({'[':'',']':''}) %}
{% set total11 = totalenattente|json_encode()|replace({'[':'',']':''}) %}
{% set total112 = totalenattente|join(',') %}
 {{ studentColor1111 }}
 {{ designation1 }}
 {{ total11 }}
  {{ total112 }} #}
{% endblock %}

{% block body %}
   <div class="">
    
 
    <form action="{{ path('truerepport') }}" method="POST" id="formAnalytics">
        <section class="section">
          <div class="section-body">
              <center>
              <b style ="color:crimson;font-size:20px;text-align:center;">            SOURCE DES COMMANDES DE {{dateini|date('d-m-Y H:i:s')}} à {{datefin|date('d-m-Y H:i:s')}}
</b>        <center>
                
  <div class="row">
        <div class="col-5 col-sm-5 col-lg-5">
            <input class="form-control" type="date" id="initialDate" name="initialDate">
        </div>
        
         <div class="col-5 col-sm-5 col-lg-5">
            <input class="form-control" type="date" id="finalDate" name="finalDate">
        </div>

      <div class="col-2 col-sm-2 col-lg-2">
         <input name="valide" value="ok" type="hidden"  class="form-control">

          <button type="submit" class="btn btn-info" id="sendDate">OK</button>
      </div>
    </div>
 </div>
                  
            <div class="row">

                          <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Nombre total de commande par  semaine</h4>
                    <div class="card-header-action">
                      
                    </div>
                  </div>
                  <div class="card-body">
<canvas id="myChart2" width="400" height="400"></canvas>
 

    
</form>
  
                  </div>
                </div>
              </div>
                                        <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Nombre total de commande par jour</h4>
                    <div class="card-header-action">
                      
                    </div>
                  </div>
                  <div class="card-body">
<canvas id="myChartweek" width="400" height="400"></canvas>
 

     
 
                  </div>
                </div>
              </div>



              <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Courbe des commandes livré Abidjan  par semaine </h4>
                    <div class="card-header-action">
                      
                    </div>
                  </div>
                  <div class="card-body">
<canvas id="myChartweekAbidjansemaine" width="400" height="400"></canvas>
                  </div>
                </div>
              </div>

       <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Courbe des commandes livré Abidjan  par jour </h4>
                    <div class="card-header-action">
                      
                    </div>
                  </div>
                  <div class="card-body">
<canvas id="myChartweekAbidjanjour" width="400" height="400"></canvas>
                  </div>
                </div>
              </div>




              <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Courbe des commandes Payer interieur  par semaine </h4>
                    <div class="card-header-action">
                      
                    </div>
                  </div>
                  <div class="card-body">
<canvas id="myChartweekAbidjansemaine1" width="400" height="400"></canvas>
                  </div>
                </div>
              </div>

       <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Courbe des commandes Payer interieur  par jour </h4>
                    <div class="card-header-action">
                      
                    </div>
                  </div>
                  <div class="card-body">
<canvas id="myChartweekAbidjanjour1" width="400" height="400"></canvas>
                  </div>
                </div>
              </div>
      


 

     {# <div class="col-12 col-sm-12 col-lg-12">
                <div class="card">
                  <div class="card-header">
                    <h4>Courbe des commandes Payer interieur  par jour </h4>
                    <div class="card-header-action">
                      
                    </div>
                  </div>
                  <div class="card-body">


   <div class="table-responsive">



   
     <table class="table table-striped" id="table-1">
                        <thead>
            <tr>
                {# <th>Id</th> #}
           
 
{#    
  {% for key , value in designation %}
    {% for key , value in totalenattente %}
{% set temp= totalenattente|merge({(key~'_'):value}) %}
{% endfor %}{% endfor %} #}
 
  
        


              <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Nombre total de commande par canal de communication </h4>
                    <div class="card-header-action">
                    
                    </div>
                  </div>
                  <div class="card-body">
<canvas id="myChart" width="400" height="400"></canvas>
 

     
   
                  </div>
                </div>
              </div>
                 <div class="col-6 col-sm-6 col-lg-6">
                <div class="card">
                  <div class="card-header">
                    <h4>Article par statut </h4>
                    <div class="card-header-action">
                     
                    </div>
                  </div>
                  <div class="card-body">
          <canvas id="myChart1" width="400" height="400"></canvas>
 
 {# <form action="{{ path('general') }}" method="POST" id="formAnalytics"> #}
   <input name="valide" value="ok" type="hidden"  class="form-control">
    <div class="form-group row">
        {# <div class="col-md-3">
            <input class="form-control" type="date" id="initialDate1" name="initialDate1">
        </div>
        <label>to</label>
        <div class="col-md-3">
            <input class="form-control" type="date" id="finalDate1" name="finalDate1">
        </div> #}
          <div class="col-md-6">
                           {{ render(controller(
        'App\\Controller\\TypestatutController::indexrenderall'
    )) }}        </div>
              
     <div class="col-md-6">
 
<select name="limit" data-width="100%">
    {% for i in 0..15  %}
        <option value="{{ i }}"  >{{ i  }}</option>
    {% endfor %}
</select>
           </div>
              
      
    </div>
 
                  </div>
                </div>
              </div>
             
            </div>
            
          </div>
        </section>
     </form>





     
      </div>
{% endblock %}
{% block javascripts %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.2.0/chart.min.js" integrity="sha512-VMsZqo0ar06BMtg0tPsdgRADvl0kDHpTbugCBBrL55KmucH6hP9zWdLIWY//OTfMnzz6xWQRxQqsUFefwHuHyg==" crossorigin="anonymous"></script>
    {{parent()}}

           <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>  
 <script>


///
      //countproduit 
        
              

 

 ////
{% set studentsStr = students|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor = color|json_encode()|replace({'[':'',']':''}) %}
{% set studentsAtt = records|join(',') %}

{% set studentsStrwhatapp = studentswhatapp|json_encode()|replace({'[':'',']':''}) %}
{% set studentColorwhatapp = colorwhatapp|json_encode()|replace({'[':'',']':''}) %}
{% set studentsAttwhatapp = recordswhatapp|join(',') %}

{% set studentsStrappel = studentsappel|json_encode()|replace({'[':'',']':''}) %}
{% set studentColoraappel = colorappel|json_encode()|replace({'[':'',']':''}) %}
{% set studentsAttappel = recordsappel|join(',') %}

{% set studentsStreas = studentseas|json_encode()|replace({'[':'',']':''}) %}
{% set studentColoraeas = coloreas|json_encode()|replace({'[':'',']':''}) %}
{% set studentsAtteas = recordseas|join(',') %}

{% set studentsStrgdoc = studentsgdoc|json_encode()|replace({'[':'',']':''}) %}
{% set studentColoragdocu= colorgdoc|json_encode()|replace({'[':'',']':''}) %}
{% set studentsAttgdoc = recordsgdoc|join(',') %}
 
 
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
                                      
            {{ studentColor|raw }}
            
            
            ],
        datasets: [
       
        {
            label: ' facebook ',
            data: [  {{ studentsAtt|raw }}],
            
            backgroundColor: [
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)'
            ],
            borderColor: [
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(54, 162, 235, 1)'
            ],
            borderWidth: 1
        },
 
                          

        {
            label: ' whatapps ',
            data: [   
                   

{{ studentsAttwhatapp|raw }}
                  
                       ],
            
            backgroundColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderWidth: 1
        },
       
         
        {
            label: ' appel telephonique ',
            data: [  {{ studentsAttappel|raw }}],
            backgroundColor: [
               'rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)'
            ],
            borderColor: [
              'rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)'
            ],
            borderWidth: 1
        }
        ,
        {
            label: 'site internet',
            data: [  {{ studentsAtteas|raw }}],
            backgroundColor: [
                'rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)'
            ],
            borderColor: [
             'rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)','rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        },
        {
            label: ' gdoc  ',
            data: [  {{ studentsAttgdoc|raw }}],
            backgroundColor: [
              'rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)'
            ],
            borderColor: [
               'rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)'
            ],
            borderWidth: 1
        }
        
        ]
    },
    options: {
        responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>
 

 <script> 
{% set studentsStr1 = students1|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor1 = students1|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt1 = records1|join(',') %}
var ctx = document.getElementById('myChart1').getContext('2d');
var myChart1 = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: [{{ studentsStr1|raw }}],
        datasets: [{
            label: 'Classement des commande par date de {{dateini|date('d-m-Y H:i:s')}} à {{datefin|date('d-m-Y H:i:s')}}',
            data: [{{ studentsAtt1 }}],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>
 

 <script>
{% set studentsStr2 = students2|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor2 = students2|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt2 = records2|join(',') %}
 
 {% set studentsStr3 = students3|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor3 = students3|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt3 = records3|join(',') %}

 {% set studentsStr4 = students4|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor4 = students4|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt4 = records4|join(',') %}
var ctx = document.getElementById('myChart2').getContext('2d');
var myChart2 = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
                                      
            {{ studentColor2|raw }}
            
            
            ],
        datasets: [
       
        {
            label: ' Commande total  ',
            data: [  {{ studentsAtt2|raw }}],
            
            backgroundColor: [
                    'rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)'

            ],
            borderColor: [
                      'rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)'

            ],
            borderWidth: 1
        },
 
                          

        {
            label: ' Commande valider  ',
            data: [   
                   

            {{ studentsAtt3|raw }}
                  
                       ],
            
            backgroundColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderWidth: 1
        } 
        ,
 
                          

        {
            label: ' Commande valider interieur ',
            data: [   
                   

            {{ studentsAtt4|raw }}
                  
                       ],
            
            backgroundColor: [
               'rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)'

            ],
            borderColor: [
               'rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)'

            ],
            borderWidth: 1
        } 
        
        ]
    },
    options: {
      responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>

 <script>
{% set studentsStr5= students5|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor5 = students5|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt5 = records5|join(',') %}

{% set studentsStr6= students6|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor6 = students6|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt6 = records6|join(',') %}

{% set studentsStr7= students7|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor7 = students7|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt7 = records7|join(',') %} 
var ctx = document.getElementById('myChartweek').getContext('2d');
var myChartweek = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
                                      
            {{ studentColor5|raw }}
            
            
            ],
        datasets: [
       
        {
            label: ' Commande total  ',
            data: [  {{ studentsAtt5|raw }}],
            
            backgroundColor: [
                    'rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)'

            ],
            borderColor: [
                      'rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)','rgba(255, 206, 86, 1)'

            ],
            
            borderWidth: 1
        },
 
                          

        {
            label: ' Commande valider  ',
            data: [   
                   

            {{ studentsAtt6|raw }}
                  
                       ],
            
            backgroundColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
        
            borderWidth: 1
        } ,
 
                          

        {
            label: ' Commande valider interieur ',
            data: [   
                   

            {{ studentsAtt7|raw }}
                  
                       ],
            
            backgroundColor: [
               'rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)'

            ],
            borderColor: [
               'rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)','rgba(153, 102, 255, 1)'

            ],
            borderWidth: 1
        } 
         
        ]
    },
    options: {
      responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>






<script>
 

{% set studentsStr8= students8|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor8 = students8|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt8 = records8|join(',') %} 
var ctx = document.getElementById('myChartweekAbidjansemaine').getContext('2d');
var myChartweekAbidjansemaine = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
                                      
            {{ studentColor2|raw }}
            
            
            ],
        datasets: [
       
                 

        {
            label: ' Commande valider  ',
            data: [   
                   

            {{ studentsAtt3|raw }}
                  
                       ],
            
            backgroundColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
        
            borderWidth: 1
        } ,
 
                          

        {
            label: ' Commande livraison effectuée ',
            data: [   
                   

            {{ studentsAtt8|raw }}
                  
                       ],
            
            backgroundColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderWidth: 1
        } 
         
        ]
    },
    options: {
      responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>



<script>
 

{% set studentsStr9= students9|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor9 = students9|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt9 = records9|join(',') %} 
var ctx = document.getElementById('myChartweekAbidjanjour').getContext('2d');
var myChartweekAbidjanjour = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
                                      
            {{ studentColor5|raw }}
            
            
            ],
        datasets: [
       
                 

        {
            label: ' Commande valider  ',
            data: [   
                   

            {{ studentsAtt6|raw }}
                  
                       ],
            
            backgroundColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
        
            borderWidth: 1
        } ,
 
                          

        {
            label: ' Commande livraison effectuée ',
            data: [   
                   

            {{ studentsAtt9|raw }}
                  
                       ],
            
            backgroundColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderWidth: 1
        } 
         
        ]
    },
    options: {
      responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>



<script>
 

{% set studentsStr10= students10|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor10 = students10|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt10 = records10|join(',') %} 
var ctx = document.getElementById('myChartweekAbidjansemaine1').getContext('2d');
var myChartweekAbidjansemaine1 = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
                                      
            {{ studentColor2|raw }}
            
            
            ],
        datasets: [
       
                 

        {
            label: ' Commande valider interieur  ',
            data: [   
                   

            {{ studentsAtt4|raw }}
                  
                       ],
            
            backgroundColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
        
            borderWidth: 1
        } ,
 
                          

        {
            label: ' Commande payé interieur',
            data: [   
                   

            {{ studentsAtt10|raw }}
                  
                       ],
            
            backgroundColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderWidth: 1
        } 
         
        ]
    },
    options: {
      responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>






<script>
 

{% set studentsStr11= students11|json_encode()|replace({'[':'',']':''}) %}
{% set studentColor11 = students11|json_encode()|replace({'[':'',']':''}) %}

{% set studentsAtt11 = records11|join(',') %} 
var ctx = document.getElementById('myChartweekAbidjanjour1').getContext('2d');
var myChartweekAbidjanjour1 = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [
                                      
            {{ studentColor5|raw }}
            
            
            ],
        datasets: [
       
                 

        {
            label: ' Commande valider interieur  ',
            data: [   
                   

            {{ studentsAtt7|raw }}
                  
                       ],
            
            backgroundColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
            borderColor: [
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(75, 192, 192, 1)'
            ],
        
            borderWidth: 1
        } ,
 
                          

        {
            label: ' Commande payé interieur',
            data: [   
                   

            {{ studentsAtt11|raw }}
                  
                       ],
            
            backgroundColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderColor: [
               'rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)','rgba(0, 230, 64, 1)'

            ],
            borderWidth: 1
        } 
         
        ]
    },
    options: {
      responsive: true,
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>
{% endblock %}