@extends('layouts.admin')
@section('titre')
    Etat Général Par Provinces
@endsection
@section('content')
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1><b><i class="fas fa-shart"></i></b> Etat Par Provinces</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="/">Accueil</a></li>
                            <li class="breadcrumb-item active">Reporting/Province</li>
                        </ol>
                    </div>
                </div>
            </div>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <!-- /.card-header -->
                    <div class="col-md-12">
                        <div class="card card-success">
                            <div class="card-header">
                                <h3 class="card-title">BILAN PAR PROVINCE</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="chart">
                                          <canvas id="stackedBarChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div> 
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card card-success">
                            <div class="card-header">
                                <h3 class="card-title">RESULTATS FINAUX PAR PROVINCES</h3>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="">
                                        <table class="table  table-hover table-sm table-striped">
                                            <thead>
                                                <tr style="text-align: center;">
                                                    <th>N°</th>
                                                    <th>CANDIDATS</th>
                                                    @foreach($provinces as $province)
                                                    <th> {{$province->name}} </th>
                                                    @endforeach
                                                    <th>VOIX OBTENUES</th>
                                                    <th>POURCENTAGE</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($candidats as $key => $value)
                                                    <tr style="text-align: center;">
                                                        <td>{{  $key+1 }}</td>
                                                        <td style="text-align: left;" >{{  $value->nom_params }}</td>
                                                        @foreach($provinces as $province)
                                                        <td> {{$province->resultats()->where('candidat_id', $value->id)->sum('vote')}}  
                                                            <span class="badge badge-info">
                                                                {{$province->pourcentage_province($value->id)}}%
                                                            </span>
                                                        </td>
                                                        @endforeach
                                                        <td> {{$value->total_vote}} </td>
                                                        <td> {{$value->pourcentage}}% </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="5">
                                                            <center><i>Aucune donnée trouvée !</i></center>
                                                        </td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table> 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="card card-danger">
                            <div class="card-header">
                                <h3 class="card-title">REPARTITION PAR PROVINCES DES SUFRAGES EXPRIMES</h3>
                            </div>
                            <div class="card-body">
                                <canvas id="pieChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

@endsection

@section('footer')
    
    <!-- ChartJS -->
    <script src="{{ asset('Paoul/plugins/chart.js/Chart.min.js') }}"></script>
     <script>
        $(function () {

            
            var donutData        = {
              labels: [ @foreach($provinces as $province) '<br />
<b>Notice</b>:  Undefined variable: province in <b>/home/szfwxvyz/data-a23/a23/data/resources/views/reportings/province.blade.php</b> on line <b>117</b><br />
<br />
<b>Notice</b>:  Trying to get property 'name' of non-object in <b>/home/szfwxvyz/data-a23/a23/data/resources/views/reportings/province.blade.php</b> on line <b>117</b><br />
', @endforeach
              ],
              datasets: [
                {
                  data: [@foreach($provinces as $province) <br />
<b>Notice</b>:  Undefined variable: province in <b>/home/szfwxvyz/data-a23/a23/data/resources/views/reportings/province.blade.php</b> on line <b>121</b><br />
<br />
<b>Fatal error</b>:  Uncaught Error: Call to a member function resultats() on null in /home/szfwxvyz/data-a23/a23/data/resources/views/reportings/province.blade.php:121
Stack trace:
#0 {main}
  thrown in <b>/home/szfwxvyz/data-a23/a23/data/resources/views/reportings/province.blade.php</b> on line <b>121</b><br />