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

{% block stylesheets %}
{{ parent() }}

{% endblock %}



{% block content %}
  <br>
  <h3>Tableau de bord des résultats enregistrés <small> à {{ now|date('H:i') }} {# le {{ now|date('d F Y') }} #}</small></h3>
  <hr>
  <div class="row">
    <div class="col-12 col-12-small">
      <div id="chart1"></div>
    </div>
  </div>
<!--
  <br><hr><br>
  <div class="row">
    <div class="col-12 col-12-small">
      <div id="chart2"></div>
    </div>
  </div>
  <br><hr><br>
  <div class="row">
    <div class="col-12 col-12-small">
      <div id="chart3"></div>
    </div>
  </div>
-->
  <br><hr><br>
  <div class="row">
    <div class="col-12 col-12-small">
      <div id="chart4"></div>
    </div>
  </div>


<!-- Section -->
<section>

</section>
{% endblock %}




{% block javascript %}
<script>
// graphe 1
  Highcharts.chart('chart1', {
    chart: {
      plotBackgroundColor: null,
      plotBorderWidth: null,
      plotShadow: false,
      type: 'pie'
    },
    title: {
      text: 'Taux des résultats de bureau de vote enregistrés'
    },
    tooltip: {
      pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
      pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
          enabled: true,
          formatter: function() {
            return Math.round(this.percentage*100)/100 + ' %';
          },
          distance: -30,
          color:'white'
        },
        showInLegend: true
      }
    },
    series: [{
      name: 'Brands',
      colorByPoint: true,
      data: [{
        name: 'Résultats de bureau de vote déjà enregistrés',
        color: '#73879C',
        y: {% if nbBrvEnreg is not defined or nbBrvEnreg is null %} 0 {% else %} {{ nbBrvEnreg }} {% endif %},
  sliced: true,
    selected: true
  }, {
    name: 'Résultats de bureau de vote déjà non encore enregistrés',
      color: '#F7A35C',
      y: {% if nbBrvEnreg is not defined or nbBrvTotal is null %} 0 {% else %} {{ nbBrvTotal - nbBrvEnreg }} {% endif %},
  }]
  }]
  });

/*
// graphe 2
  Highcharts.chart('chart2', {
    chart: {
      type: 'column',
      scrollablePlotArea: {
        minWidth: 700,
        scrollPositionX: 1
      }
    },
    title: {
      text: 'Nombre de voix obtenues par chaque coalition par commune'
    },
    subtitle: {
      text: 'Attention : résultats incomplets, ces donnés se limitent aux résultats du dépouillement des bureaux de vote enregistrés'
    },
    xAxis: {
      categories: [{% for result in stat1s %} '{{ result.commune }}', {% endfor %},],

  min: 0,
    max: 14,
    scrollbar: {
    enabled: true
  },
  tickLength: 0
  },
  yAxis: {
    min: 0,
      title: {
      text: 'Nombre de voix'
    }
  },
  tooltip: {
    headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
    '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
      footerFormat: '</table>',
      shared: true,
      useHTML: true
  },
  plotOptions: {
    column: {
      pointPadding: 0.2,
        borderWidth: 0
    }
  },
  series: [{
    name: 'Benno Bok Yakar',
    color: '#582900',
    data: [{% for result in stat1s %} {% if result.BennoBokYakar is not defined or result.BennoBokYakar is null %} 0 {% else %} {{ result.BennoBokYakar }} {% endif %}, {% endfor %}]
  }, {
    name: 'Yewi Askanwi',
      //color: '#582900',
      data: [{% for result in stat1s %} {% if result.YewiAskanwi is not defined or result.YewiAskanwi is null %} 0 {% else %} {{ result.YewiAskanwi }} {% endif %}, {% endfor %}]
  }, {
    name: 'Wallu Askanwi',
      //color: '#582900',
      data: [{% for result in stat1s %} {% if result.WalluAskanwi is not defined or result.WalluAskanwi is null %} 0 {% else %} {{ result.WalluAskanwi }} {% endif %}, {% endfor %}]
  }, {
    name: 'Bokk Guis Guis',
      //color: '#582900',
      data: [{% for result in stat1s %} {% if result.BokkGuisGuis is not defined or result.BokkGuisGuis is null %} 0 {% else %} {{ result.BokkGuisGuis }} {% endif %}, {% endfor %}]
  }, {
    name: 'Senegal 2035',
      //color: '#582900',
      data: [{% for result in stat1s %} {% if result.Senegal2035 is not defined or result.Senegal2035 is null %} 0 {% else %} {{ result.Senegal2035 }} {% endif %}, {% endfor %}]
  }, {
    name: 'Buntubi',
      //color: '#582900',
      data: [{% for result in stat1s %} {% if result.Buntubi is not defined or result.Buntubi is null %} 0 {% else %} {{ result.Buntubi }} {% endif %}, {% endfor %}]
  }]
  });


// graphe 3
  Highcharts.chart('chart3', {
    chart: {
      type: 'column',
      scrollablePlotArea: {
        minWidth: 700,
        scrollPositionX: 1
      }
    },
    title: {
      text: 'Nombre de voix obtenues par chaque coalition par département'
    },
    subtitle: {
      text: 'Attention : résultats incomplets, ces donnés se limitent aux résultats du dépouillement des bureaux de vote enregistrés'
    },
    xAxis: {
      categories: [{% for result in stat2s %} '{{ result.departement }}', {% endfor %},],

  min: 0,
    max: 6,
    scrollbar: {
    enabled: true
  },
  tickLength: 0
    },
    yAxis: {
      min: 0,
      title: {
        text: 'Nombre de voix'
      }
    },
    tooltip: {
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
        '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
      footerFormat: '</table>',
      shared: true,
      useHTML: true
    },
    plotOptions: {
      column: {
        pointPadding: 0.2,
        borderWidth: 0
      }
    },
    series: [{
      name: 'Benno Bok Yakar',
      color: '#582900',
      data: [{% for result in stat2s %} {% if result.BennoBokYakar is not defined or result.BennoBokYakar is null %} 0 {% else %} {{ result.BennoBokYakar }} {% endif %}, {% endfor %}]
    }, {
      name: 'Yewi Askanwi',
      //color: '#582900',
      data: [{% for result in stat2s %} {% if result.YewiAskanwi is not defined or result.YewiAskanwi is null %} 0 {% else %} {{ result.YewiAskanwi }} {% endif %}, {% endfor %}]
    }, {
      name: 'Wallu Askanwi',
      //color: '#582900',
      data: [{% for result in stat2s %} {% if result.WalluAskanwi is not defined or result.WalluAskanwi is null %} 0 {% else %} {{ result.WalluAskanwi }} {% endif %}, {% endfor %}]
    }, {
      name: 'Bokk Guis Guis',
      //color: '#582900',
      data: [{% for result in stat2s %} {% if result.BokkGuisGuis is not defined or result.BokkGuisGuis is null %} 0 {% else %} {{ result.BokkGuisGuis }} {% endif %}, {% endfor %}]
    }, {
      name: 'Senegal 2035',
      //color: '#582900',
      data: [{% for result in stat2s %} {% if result.Senegal2035 is not defined or result.Senegal2035 is null %} 0 {% else %} {{ result.Senegal2035 }} {% endif %}, {% endfor %}]
    }, {
      name: 'Buntubi',
      //color: '#582900',
      data: [{% for result in stat2s %} {% if result.Buntubi is not defined or result.Buntubi is null %} 0 {% else %} {{ result.Buntubi }} {% endif %}, {% endfor %}]
    }]
  });
*/

// graphe 4
  Highcharts.chart('chart4', {
    chart: {
      type: 'column',
      height: (9 / 16 * 100) + '%',
      scrollablePlotArea: {
        minWidth: 700,
        scrollPositionX: 1
      }
    },
    title: {
      text: 'Nombre de voix obtenues par chaque coalition par ville'
    },
    subtitle: {
      text: 'Attention : résultats incomplets, ces donnés se limitent aux résultats du dépouillement des bureaux de vote enregistrés'
    },
    xAxis: {
      categories: [{% for result in stat3s %} '{{ result.ville }}', {% endfor %},],

  min: 0,
    max: 4,
    scrollbar: {
    enabled: true
  },
  tickLength: 0
  },
  yAxis: {
    min: 0,
      title: {
      text: 'Nombre de voix'
    }
  },
  tooltip: {
    headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
    '<td style="padding:0"><b>{point.y:.0f} voix</b></td></tr>',
      footerFormat: '</table>',
      shared: true,
      useHTML: true
  },
  plotOptions: {
    column: {
      pointPadding: 0.2,
        borderWidth: 0
    }
  },
  series: [{
    name: 'Coalition BENNO BOKK YAAKAAR',
    color: '#582900',
    data: [{% for result in stat3s %} {% if result.BennoBokYakar is not defined or result.BennoBokYakar is null %} 0 {% else %} {{ result.BennoBokYakar }} {% endif %}, {% endfor %}]
  }, {
    name: 'Coalition YEWWI ASKAN WI',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.YewiAskanwi is not defined or result.YewiAskanwi is null %} 0 {% else %} {{ result.YewiAskanwi }} {% endif %}, {% endfor %}]
  }, {
    name: 'Grande Coalition WALLU SENEGAL',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.WalluAskanwi is not defined or result.WalluAskanwi is null %} 0 {% else %} {{ result.WalluAskanwi }} {% endif %}, {% endfor %}]
  }, {
    name: 'Convergence démocratique BOKK GIS GIS',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.BokkGuisGuis is not defined or result.BokkGuisGuis is null %} 0 {% else %} {{ result.BokkGuisGuis }} {% endif %}, {% endfor %}]
  }, {
    name: 'Coalition Sénégal 2035',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.Senegal2035 is not defined or result.Senegal2035 is null %} 0 {% else %} {{ result.Senegal2035 }} {% endif %}, {% endfor %}]
  }, {
    name: 'Union Citoyenne / BUNT BI',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.Buntubi is not defined or result.Buntubi is null %} 0 {% else %} {{ result.Buntubi }} {% endif %}, {% endfor %}]
  }, {
    name: 'Coalition JAMMI SENEGAL',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.jammiSenegal is not defined or result.jammiSenegal is null %} 0 {% else %} {{ result.jammiSenegal }} {% endif %}, {% endfor %}]
  }, {
    name: 'ANDOU NAWLE SUXALI SUNU GOX',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.seuxaliSunuGox is not defined or result.seuxaliSunuGox is null %} 0 {% else %} {{ result.seuxaliSunuGox }} {% endif %}, {% endfor %}]
  }, {
    name: 'GUEUM SA BOPP',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.gueumSaBopp is not defined or result.gueumSaBopp is null %} 0 {% else %} {{ result.gueumSaBopp }} {% endif %}, {% endfor %}]
  }, {
    name: 'DEFAR SA GOKH',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.defarSagokh is not defined or result.defarSagokh is null %} 0 {% else %} {{ result.defarSagokh }} {% endif %}, {% endfor %}]
  }, {
    name: 'République des Valeurs / REWUM NGOR',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.rewumNgor is not defined or result.rewumNgor is null %} 0 {% else %} {{ result.rewumNgor }} {% endif %}, {% endfor %}]
  }, {
    name: 'Parti de l’Espoir et du Progrès (PEP)',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.pep is not defined or result.pep is null %} 0 {% else %} {{ result.pep }} {% endif %}, {% endfor %}]
  }, {
    name: 'Convergence Patriotique pour la Justice et l’Equité / NAY LEER',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.nayLeer is not defined or result.nayLeer is null %} 0 {% else %} {{ result.nayLeer }} {% endif %}, {% endfor %}]
  }, {
    name: 'Coalition BOOLO DEFAR TEUNGUETH',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.booloDefarTeungueth is not defined or result.booloDefarTeungueth is null %} 0 {% else %} {{ result.booloDefarTeungueth }} {% endif %}, {% endfor %}]
  }, {
    name: 'Coalition DE L’ESPOIR / TAXAWU SA GOX',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.taxawuSaGox is not defined or result.taxawuSaGox is null %} 0 {% else %} {{ result.taxawuSaGox }} {% endif %}, {% endfor %}]
  }, {
    name: 'Parti pour le Progrès et la Citoyenneté (PPC)',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.ppc is not defined or result.ppc is null %} 0 {% else %} {{ result.ppc }} {% endif %}, {% endfor %}]
  }, {
    name: 'Coalition AND NAWLE / AND LIGUEEY',
      //color: '#582900',
      data: [{% for result in stat3s %} {% if result.andNawleAndLigueey is not defined or result.andNawleAndLigueey is null %} 0 {% else %} {{ result.andNawleAndLigueey }} {% endif %}, {% endfor %}]
  }

, {
  name: 'Coalition AND LIGGUEY CI DEGG',
    //color: '#582900',
    data: [{% for result in stat3s %} {% if result.andLiggueyCiDegg is not defined or result.andLiggueyCiDegg is null %} 0 {% else %} {{ result.andLiggueyCiDegg }} {% endif %}, {% endfor %}]
}, {
  name: 'Alliance pour des Valeurs Ethiques et Citoyennes',
    //color: '#582900',
    data: [{% for result in stat3s %} {% if result.avec is not defined or result.avec is null %} 0 {% else %} {{ result.avec }} {% endif %}, {% endfor %}]
}, {
  name: 'Coalition GOX YU BESS',
    //color: '#582900',
    data: [{% for result in stat3s %} {% if result.goxYuBess is not defined or result.goxYuBess is null %} 0 {% else %} {{ result.goxYuBess }} {% endif %}, {% endfor %}]
}, {
  name: 'Coalition WA THIES',
    //color: '#582900',
    data: [{% for result in stat3s %} {% if result.waThies is not defined or result.waThies is null %} 0 {% else %} {{ result.waThies }} {% endif %}, {% endfor %}]
}, {
  name: 'Alliance Démocratique PENCOO',
    //color: '#582900',
    data: [{% for result in stat3s %} {% if result.pencoo is not defined or result.pencoo is null %} 0 {% else %} {{ result.pencoo }} {% endif %}, {% endfor %}]
}, {
  name: 'Coalition CITOYENNE AND SIGGIL THIES',
    //color: '#582900',
    data: [{% for result in stat3s %} {% if result.andSiggilThies is not defined or result.andSiggilThies is null %} 0 {% else %} {{ result.andSiggilThies }} {% endif %}, {% endfor %}]
}, {
  name: 'Coalition la 3eme VOIE/SAMM JIKKO-JAMMO-JARIÑ SENEGAL',
    //color: '#582900',
    data: [{% for result in stat3s %} {% if result.jammo is not defined or result.jammo is null %} 0 {% else %} {{ result.jammo }} {% endif %}, {% endfor %}]
}



  ]
  });
</script>
{% endblock %}