@extends('dash')

@section('content')

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

<br>
  <h1 id="outer"><br />
<b>Notice</b>:  Undefined variable: month in <b>/var/www/html/Qudrive/resources/views/monthly_totals.blade.php</b> on line <b>14</b><br />
 Totals</h1>

<div class="row">
                            <div class="col-lg-5"id="columnid_pie">
                                        <div class="recent-report__chart">
                                        <h5><br />
<b>Notice</b>:  Undefined variable: month in <b>/var/www/html/Qudrive/resources/views/monthly_totals.blade.php</b> on line <b>19</b><br />
</h5>
                                        <canvas id="myChart"></canvas>
                                        </div>
                            </div> 
                            <div class="col-lg-2" id="select_pie">
                                <form action="/monthly_totals_test" method='POST'>
                                    @csrf
                            <label for="month"> Month:</label>
                                <select id="month" name="month">
                                    <option value='1'>January</option>
                                    <option value='2'>February</option>
                                    <option value='3'>March</option>
                                    <option value='4'>April</option>
                                    <option value='5'>May</option>
                                    <option value='6'>June</option>
                                    <option value='7'>July</option>
                                    <option value='8'>August</option>
                                    <option value='9'>September</option>
                                    <option value='10'>October</option>
                                    <option value='11'>November</option>
                                    <option value='12'>December</option>
                                </select>
                                <input class="btn btn-primary" type="submit">
                                </form>
                            </div>
</div>


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

<script>

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

  new Chart(ctx, {
  type: 'doughnut',
  data: data,
  options: {
      responsive:true,
      // hoverOffset: 4,
  
  }
});

</script>

@endsection