@extends('dash')

@section('content')

<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>7</b><br />

<h1 id="outer">Total Year Expenditure</h1>
<div id="yearly_container">
<div id="yearly_pie">
<h4><br>&nbsp;&nbsp;2025</h4>
  <canvas id="myChart"></canvas>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script>

  const ctx = document.getElementById('myChart');
  new Chart(ctx, {
    type: 'doughnut',
    data: {
      labels: ['Fueling', 'Casuals','Petty Cash', 'Inspection', 'Service'],
      datasets: [{
        label: '2025',
        backgroundColor:[ 
      'rgb(255, 99, 132)',
      'rgb(54, 162, 235)',
      'rgb(255, 205, 86)',
      'rgb(154, 162, 235)',
      'rgb(255, 105, 86)'
      ],
        data:[<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Trying to get property 'fueled_amount' of non-object in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Trying to get property 'casual_amount' of non-object in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Trying to get property 'petty_cash' of non-object in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Trying to get property 'inspection_cost' of non-object in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
<br />
<b>Notice</b>:  Trying to get property 'support_cost' of non-object in <b>/var/www/html/Qudrive/resources/views/yearly_overview.blade.php</b> on line <b>38</b><br />
],
        borderWidth: 1
      }]
    },
    options: {
        responsive:true,
        // hoverOffset: 4,
    }
  });
</script>

@endsection