@extends('admin.admin-template')

@section('css')
@endsection
@section('content')
<br><br>
<div class="container">
  <div class="az-content-body">
    <div class="az-dashboard-one-title">
      <div>
        <h2 class="az-dashboard-title">Hi, Selamat Datang {{Auth::user()->username}} !</h2>
        {{-- <p class="az-dashboard-text">Your web analytics dashboard template.</p> --}}
      </div>
      <div class="az-content-header-right">
        
      </div>
    </div><!-- az-dashboard-one-title -->

    <div class="az-dashboard-nav">
      @include('admin.nav')
    </div>

    <div class="row" style="min-height: 420px;">
      <div class="col-md-8">
          @include('admin.diagram-statistik')
      </div>
      <div class="col-md-4">
        <div class="card card-dashboard-five">
          <div class="card-header">
            <h6 class="card-title">Gender Kepala Desa</h6>
            <span class="card-text">Rekap Kepala Desa Berdasarkan Gender</span>
          </div><!-- card-header -->
          <div class="card-body row row-sm">
            <div class="col-md-12">
              <canvas id="chartDonut1" ></canvas>
            </div>
          </div>
        </div>
      </div>
      </div>
    </div><!-- row -->
  </div>
</div>
@endsection

@section('script')
    <script src="{{asset('vendor/azia/lib/chart.js/Chart.bundle.min.js')}}"></script>
<script>
  // Donut Chart
  var dataGender = {
          labels: <br />
<b>Notice</b>:  Undefined variable: jmlPegawaiGender in <b>C:\xampp\htdocs\laharkades\resources\views\admin\admin-home.blade.php</b> on line <b>51</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>C:\xampp\htdocs\laharkades\resources\views\admin\admin-home.blade.php</b> on line <b>51</b><br />
null,
          datasets: [{
            data: <br />
<b>Notice</b>:  Undefined variable: jmlPegawaiGender in <b>C:\xampp\htdocs\laharkades\resources\views\admin\admin-home.blade.php</b> on line <b>53</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>C:\xampp\htdocs\laharkades\resources\views\admin\admin-home.blade.php</b> on line <b>53</b><br />
null,
            backgroundColor: ['#6f42c1', '#007bff']
          }]
        };

  var optionGender = {
    // maintainAspectRatio: false,
    // responsive: true,
    legend: {
      display: true,
      position: 'right',
    },
    animation: {
      animateScale: true,
      animateRotate: true
    }
  };

  var dataLaporan = {
          labels: ['Laporan Terkirim', 'Laporan Terkonfirmasi'],
          datasets: [{
            data: [<br />
<b>Notice</b>:  Undefined variable: jmlTerkirim in <b>C:\xampp\htdocs\laharkades\resources\views\admin\admin-home.blade.php</b> on line <b>74</b><br />
<br />
<b>Notice</b>:  Undefined variable: jmlTerkonfirmasi in <b>C:\xampp\htdocs\laharkades\resources\views\admin\admin-home.blade.php</b> on line <b>74</b><br />
0, <br />
<b>Notice</b>:  Undefined variable: jmlTerkonfirmasi in <b>C:\xampp\htdocs\laharkades\resources\views\admin\admin-home.blade.php</b> on line <b>74</b><br />
],
            backgroundColor: ['#ffc107', '#3bb001']
          }]
        };
        
  var optionLaporan = {
    maintainAspectRatio: false,
    responsive: true,
    legend: {
      display: true,
      position: 'left',
    },
    animation: {
      animateScale: true,
      animateRotate: true
    }
  };
   var ctxpie= document.getElementById('chartDonut');
        var myPieChart6 = new Chart(ctxpie, {
          type: 'doughnut',
          data: dataLaporan,
          options: optionLaporan
        });

        var ctxpie= document.getElementById('chartDonut1');
        var myPieChart6 = new Chart(ctxpie, {
          type: 'pie',
          data: dataGender,
          options: optionGender
        });
</script>
@endsection