@extends('dash')

@section('content')
{{json_encode($data)}}
<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.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/driver_expenditure_month.blade.php</b> on line <b>7</b><br />
<style>
  .selection {
  display: inline-block;
}
h1{
  display: inline-block;
  font-size: 14px;
}

</style>


<div>
<div id="chart-wrapper" class="selection">
<h2><br>&nbsp;&nbsp;<br />
<b>Notice</b>:  Undefined variable: user_name in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>25</b><br />
</h2>
  <canvas id="myChart"></canvas>
</div>
<div class="selection">
  <form action="driver_expenditure_month" method='POST'>
  @csrf
    <h1>Select Option</h1>
    <select id="month" name="month">
      <option>Year</option>
      <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>
    <button class="btn btn-info" type="submit">find</button>
  </form>
  </div> 
</div>

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

<script>
   

  const ctx = document.getElementById('myChart');
  new Chart(ctx, {
    type: 'bar',
    data: {
      labels: ['Fueling', 'Casuals','Petty Cash', 'Inspection', 'Service'],
      datasets: [{
        label: 'COST 2025',
        backgroundColor:'lightblue',
        data:[<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'fueled_amount' of non-object in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'casual_amount' of non-object in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'petty_cash' of non-object in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'inspection_cost' of non-object in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
,<br />
<b>Notice</b>:  Undefined variable: data in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'support_cost' of non-object in <b>/var/www/html/Qudrive/resources/views/driver_expenditure_month.blade.php</b> on line <b>65</b><br />
],
        borderWidth: 1
      }]
    },
    options: {
        responsive:true,
        indexAxis:'y',
      scales: {
        y: {
          beginAtZero: true
        }
      }
    }
  });
</script>

@endsection